Complete the Listutorial Exercises

Wed, Dec 15, 2010

Objective

Use CSS to style a horizontal menu

Agenda

  1. Go to the listutorial site

  2. Create a a document named "listutorial-3.html" and complete the final listutorial example

  3. Create a new file called "horizontal-navigation-2.html" and design a full web page with the following components:

    1. Header section with h1 and background image
    2. Horizontal navigation with 5 "dummy" links (just use #home, #services, etc.)
    3. Main content section with at least two floated graphics and main content text (can be dummy text)
    4. Footer with copyright info and who designed the page

Rubric

5Complete tutorial 4
5Complete horizontal-navigation-2.html