Want to make a full page background image that stretches to accommodate the browser window like this? Yes you do. Here’s how:
Dreamweaver Demo screencast
Screencasts of Thursday, Nov. 8 demo of how to do layout and many other things with Dreamweaver:
- Layout with Dreamweaver part 1 – 6 minutes. Overview of project plus the most important part of working on a site in Dreamweaver.
- Layout with Dreamweaver part 2 – 7 minutes. Creating the divs we’ll style later.
- Layout with Dreamweaver part 3 – 7:40 minutes. CSS in Dreamweaver; styling the wrapper div.
- Layout with Dreamweaver part 4 – 7 minutes. Styling the header div.
- Layout with Dreamweaver part 5 – 3 minutes. Styling the maincontent and sidebar divs.
- Layout with Dreamweaver part 6 – 13 minutes. Styling the text. Styling the links. Creating the border between maincontent and sidebar.
- 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)
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.