Madelaine

Madelaine - Web Design and Dreamweaver

- for each state in detail **WHAT (at least 10 things/criteria)** you love about the website... think about what makes a great website....
 * 1. List and provide links to 5 FAVORITE/Great websites:**

[|Tumblr] - simple design - not cluttered - no ads all over the place or in odd places

Animal Crossing Ahead (Animal Crossing game fansite)

[|ZUNE]

- for each state in detail **WHAT (at least 10 things/criteria)** you DISLIKE about the website... think about what ISN'T WORKING well in the website & its design.... [] Cringe-worthy design. [] More cringe-worthy websites.
 * 2. List and provide links to 5 least favorite/terrible websites:**

media type="youtube" key="0jw8yxd1Pbs" height="315" width="420". - multiple ways to start using Dreamweaver, don't sweat it if your method is a little different compared to others Create new HTML document - the screen is split in to two parts: the top part has the HTML code, the bottom part is what the page will look like - in the top left corner, there are buttons to switch from code view to split view or design view - when your first starting off, it's better to stay in split screen mode because when you type into the design area, the HTML area will code what you typed - at the bottom of the screen is the Properties, where you can set properties for the text in the design area

**2. New Work is on WIKI. Make sure you are up to date.** Today's work DUE at end of class: Research (lookup & find out about) the following concepts.... What does these terms refer to? Explain in your own words on your personal page. Include reference links/images to help illustrate : )
 * - website architecture design** (we'll focus on simple designs suitable for personal/artist/small business website... not huge database designs)
 * - website navigation design**
 * - information hierarchy/hierarchies** (ways to organize information graphically)

([])
 * Website architecture** is an approach to web design that is like architecture. They both involve technical, aesthetic and functional criteria. Just like traditional architecture, the focus is on the user and their requirements. Designing and planning a website through this approach requires more attention to content, usability, interaction, information and design.

A good **website navigation design** is a visually appealing ...something... to aid in the exploration of the website. ([]) (There's no way to word this any other way unless you use the words navigation and design in it... This definition is really cheesy.)

([|http://people.ischool.berkeley.edu/~ray/Affiliates98/sld005.htm])
 * Information hierarchy** is also known as DIKW hierarchy. DIKW stands for Data Information Knowledge Wisdom.

- challenge 1: **starting/launching dreamweaver** (warning: doesn't look friendly & don't attempt this without tutorials 8 ) - challenge 2: **insert a text box** & type in a title (eg. My website) - challenge 3: **insert a picture** (which must be saved in the website folder you create... use tutorial video... dreamweaver is very fussy about folder and file names and location.... VERY FUSSY) - challenge 4: **insert a URL link** (eg. to our class wiki page) - challenge 5: view the effects of your work so far by clicking the "little globe" icon to **PREVIEW the work IN A BROWSER** : )
 * 3.** In class **Challenges** for those who have finished 2. above.... or... try looking these up & making notes of key steps for **homework** so we can try them out NEXT class....

Can you do take on these challenges? Who will succeed? I DARE you to surprise me... in a good way ; )

There might be incentives for those who do... hint hint ; )