CSS Navigation Exercise

Objective / Final Product

Using the files provided by the teacher create three different examples of CSS controlled Navigation techniques.

Programs

• • Dreamweaver

  • Web Browser

Filenames

• • NavProjectFiles.zip (found on the "Handout" network drive)

Steps

• 1. Create three new folders called CSSNav1, CSSNAV2 and CSSNAV3

  2. Download and unzip NavProjectFiles.zip into each of the folders you just created.

  3. In each folder, use dreamweaver to link the web pages to their respective stylesheets.

  4. Research the web for three different navigation techniques that use CSS to control the function and appearance of the navigation menues.

  5. Add the necessary coding to the various webpages and the appropriate stylesheets.

  6. Modify the three stylesheets to make each site look unique.

Duration

• • Approximately 1 period

Samples

• • See examples on the web.

Evaluation

• • Thinking / Inquiry: / 15

  • Knowledge / 9