CBT Cafe Logo  

CBT Cafe > Dreamweaver > Links, HTML & JavaScript

Dreamweaver: Using Image Maps

An image map is one large image that has been divided into multiple areas that contain multiple links. Image maps are great because they let you create custom shaped links around selected parts of an image.

Step 1: Getting Started

  1. To begin, open a document with an image inserted
  2. Click the image once to select it
  3. Go up to the Properties Inspector to the Image Map options
Getting Started

Step 2: Drawing the Hotspots

For this example, we will need to use the Polygon Tool because we will be creating irregularly shaped hotspots.

  1. Select the Polygon Tool and
  2. Click and drag around the black crayon. Each time you click, you crate a corner point.

Drawing the Hotspots


Page 1 | Page 2

Home | Dreamweaver | Fireworks | Flash | Photoshop | Elements | PowerPoint| Ebay | QuickTime Pro | Flash 5 CD | Fireworks MX CD | QuickTime Support | Contact

Copyright © 1999-2011 CBT Cafe, All rights reserved

Flash®, Fireworks™, and Dreamweaver® are registered trademarks of Macromedia, Inc. in the United States and/or other countries
Photoshop®, Photoshop Elements® and Illustrator® are registered trademarks of Adobe Systems, Inc.
QuickTime® is a registered trademark of Apple Computer, Inc.
Ebay® is a registered trademark

CBT Cafe | Multimedia Learning | Interactive Graphics