1. Home
  2. Computing & Technology
  3. Web Design / HTML

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
Explore Web Design / HTML
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. HTML Editors and Software
  5. HTML Editors
  6. Dreamweaver
  7. Dreamweaver How Tos
  8. Create an Image Map with Dreamweaver MX>

©2009 About.com, a part of The New York Times Company.

All rights reserved.