Image Map Exercise

Objective / Final Product

Using an image as tool to navigate a website by utilizing a simple image map.

Programs

• • Dreamweaver

  • Web Browser

Filenames

• PageA.htm

• PageB.htm

• PageC.htm

• PageD.htm

• PageE.htm

• PageF.htm

• navgif.gif

• mystyles.css

Steps

• 1. Create a new folder called IMAGEMAP

  2. Download navigation image into the folder you just created.

  3. Use Dreamweaver to create a basic page with the image below.

  4. Create corresponding pages that all link together by using this image

  5. All pages must have the appearance controlled by a stylesheet.

  6. Modify the stylesheet to make the site look unique.

Duration

• • Approximately 1 period

Evaluation

• • Application: / 5

  • Knowledge / 5