Resources+Tips

Full-page background image

Posted on: November 13th, 2012

Want to make a full page background image that stretches to accommodate the browser window like this? Yes you do. Here’s how:

Add a Full-Page Background Image – 22 minutes from Ann Foley on Vimeo.

Layout and more with Dreamweaver

Posted on: November 8th, 2012

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.

How to Make a Favicon

Posted on: November 6th, 2012

Usability Resources

Posted on: November 6th, 2012

Websites

Videos (we’ve seen these in class)

Links Cheatsheet

Posted on: October 29th, 2012

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.

List o' Resources