1. Computing & Technology

Discuss in my forum

How To Create an Image Map with Dreamweaver MX

By , About.com Guide

Image maps are images with "hot spots" that are clickable and take your readers to other Web pages. Dreamweaver MX has a built-in image map creation tool to make it easy to create image maps for your Web pages.
Difficulty: Average
Time Required: 5 minutes

Here's How:

  1. Add an image to your Web page.
  2. Click on the image to highlight it.
  3. From the properties menu, click on one of the three hotspot drawing tools - rectangle, circle, or polygon.
  4. Draw the shape you want on your image.
  5. In the properties window for the hotspot, type in or browse to the page that hotspot should link to.
  6. Continue adding hotspots until your map is complete.
  7. Click on the arrow icon to edit other properties of the image.
  8. Preview your image map in a browser to make sure it works correctly.

Tips:

  1. Set up different alt text depending upon where your readers are, by adding alt text to the hotspots.

What You Need

  • Macromedia Dreamweaver MX

©2012 About.com. All rights reserved.

A part of The New York Times Company.