Yr+8+Webdesign

=Year 8 Webdesign=

This term you will produce a website, using HTML and Macromedia DreamWeaver.

Links and documents you need:
 * HTML text/Notepad tutorial: [|webdesign_html text.pdf]
 * Deamweaver Tutorial: [|Dreamweaver tutorial.doc]
 * This is where you make the roll over buttons and banners: @http://cooltext.com/Buttons
 * Good for HTML backgrounds []
 * Get some CSS and Java scripts from this site: []. You can use "mouse effects ", menus, even some little games.

Good and bad website design
This is the best worst website... an example of what not to do: [] http://www.webpagesthatsuck.com/ Dizzying background image on this site

Assessment rubric for your website:
4 pages are there. || All roll over buttons work, 4 pages. Nice Banner. || Roll over buttons are well designed and used. Well designed banner. There are 4 or more pages. || ** (This can include text, recipes, game descriptions etc) ** || The content / topic of the website is unclear. Not much thought or effort has gone into the development of this content. || The content / topic of the website is clear. Some thought or effort has gone into the development of this content. || There is some high quality information on this website which makes it interesting to read. Quite some thought or effort has gone into the development of this content. || There are many layers of interesting information on this site. Clearly a lot of time has gone into developing the text / information. ||
 * || ** Apprentice ** || ** Basic ** || ** Learned ** || ** Exemplary ** ||
 * ** Required elements ** || No roll over buttons. No banner. Not enough pages. || Buttons, but not of the them are roll overs / or they do not work
 * ** Topic/ Content **
 * ** Originality ** || The work is a minimal collection or rehash of other people’s ideas, web sites, images and inventions. There is no evidence of new thought. || The work is an extensive collection and rehash of other people’s ideas, web sites, images and inventions. There is minimal evidence of new thought or inventiveness. || The web site shows evidence of originality and inventiveness. While based on an extensive collection of other people’s ideas, web sites, images and inventions, the work extends beyond that collection to offer new insights. || The web site shows significant evidence of originality and inventiveness. The majority of the content and many of the ideas are fresh, original, and inventive. ||
 * ** Organization of Content ** || No logical sequence of information; menus and paths to information are not evident. || Some logical sequence of information, but menus and paths are confusing or flawed. || Logical sequence of information. Menus and paths to more information are clear and direct. || Logical, intuitive sequence of information. Menus and paths to all information are clear and direct. ||
 * ** Text ** || Web site has four or more spelling errors and/or grammatical errors. || Web site has three of more misspellings and/or grammatical errors. || Web site has fewer than two misspellings and/or grammatical errors. || Web site has no misspellings or grammatical errors. ||
 * ** Screen Design ** || Pages are either confusing and cluttered or barren and stark. Buttons or navigational tools are absent or confusing || Pages are difficult to navigate, but some buttons and navigational tools work. Users can navigate a few pages. || Pages contain good navigational tools and buttons. Users can progress through pages in a logical path to find information. || Pages contain all necessary navigational tools and buttons. Users can progress intuitively through pages in a logical path to find information. ||
 * ** Use of Enhancements ** || No video, audio, or extended HTML are present or use of these tools is inappropriate. || Limited video, audio, or extended HTML are present. || Video, audio, and some extended HTML are used appropriately to enrich the web site. || Appropriate amounts of video, audio and advanced HTML are used effectively to enhance the impact of the site. ||

Website builders, only of you've finished your Dream Weaver site:


 * http://www.edicy.com/ || Edicy - Fast and easy way to create a wonderful-looking website. ||
 * https://sites.google.com/ || Google Sites - A great way to make a collaborative or group website with a polished look. Very user-friendly and lots of attractive templates to choose from. ||
 * http://www.jimdo.com/index.php || Jimdo - Fun and easy-to-use site to create a nice website with lots of features. ||
 * http://www.moonfruit.com/ || Moonfruit - Fun way to create a simple and elegant website that has lots of social networking integration. ||
 * http://sitekreator.com/sitekreator/index.html || Sitekreator - Mainly a paid website creator, but lots of nice visuals to choose from. ||
 * http://www.webs.com/ || Webs - Great site for creating either a personal or group website. ||
 * http://webstarts.com/ || Webstarts - Another nice drag-n-drop site for creating websites with all the fixings: ability to add photos, video, audio, and more. ||
 * http://www.weebly.com/ || Weebly - Excellent site for creating a classroom website or blog that has a secure educational environment. Also, very easy to use (drag-n-drop) and the ability to password-protect your site as well. ||
 * http://www.wix.com/ || Wix - Flash based website creator with a wonderful user interface that is all drag-n-drop. ||
 * http://www.yola.com/ || Yola - Nice website creator with lots of features. However, more features can be unlocked via a paid subscription. ||