Resources+Tips

Dreamweaver Demo screencast

Screencasts of Thursday, Nov. 8 demo of how to do layout and many other things with Dreamweaver:

1. Layout with Dreamweaver part 1 – 6 minutes. Overview of project plus the most important part of working on a site in Dreamweaver.
2. Layout with Dreamweaver part 2  – 7 minutes. Creating the divs we’ll style later.
3. Layout with Dreamweaver part 3 – 7:40 minutes. CSS in Dreamweaver; styling the wrapper div.
4. Layout with Dreamweaver part 4 – 7 minutes. Styling the header div.
5. Layout with Dreamweaver part 5 – 3 minutes. Styling the maincontent and sidebar divs.
6. Layout with Dreamweaver part 6 – 13 minutes. Styling the text. Styling the links. Creating the border between maincontent and sidebar.

Websites

• Usability 101 by Jakob Nielsen. He’s a great thinker in the usability field, but his website is not so usable.
• U.S. Government usability website – this is a great resource
• Boxes and Arrows – a design website that concentrates on user experience

Videos (we’ve seen these in class)

• What the Heck is UX Design?
• Usability Test with a Paper Prototype

Same directory (from index.html to about.html):

Click <a href=”about.html”> here </a> to visit my about page!

One level down (from index.html to salmon.html ):

Click <a href=”recipes/salmon.html”> here </a> to view the salmon recipe!

Two levels down (from index.html to linguine.html):

Click <a href=”recipes/pasta/linguine.html”> here </a> to view the linguine recipe!

One level up (from tapenade.html to index.html):

Click <a href=”../index.html”> here </a> to return to the home page.

Two levels up (from linguine.html to index.html):

Click <a href=”../../index.html”> here </a> to return to the home page.