The coolness factor keeps increasing!!!

An image map is an image divided into regions or "hotspots." When a hotspot is clicked, an action occurs.

Click on the people in this photo and find out who they are.


Now, take a gander at this...

These are great examples of what can be done with image maps. How do you do it?

Directions to create an image map


  1. Select the image.
  2. Click the expander arrow in the lower right corner of the Property inspector to see all properties.
  3. In the Map Name field, type a unique name for the image map.
  4. Note: If you are using multiple image maps in the same document, make sure each map has a unique name.
  5. To define the image map areas, do one of the following:
    Select the circle tool and drag the pointer over the image to create a circular hotspot.
    Select the rectangle tool and drag the pointer over the image to create a rectangular hotspot.
    Select the polygon tool and define an irregularly shaped hotspot by clicking once for each corner point. Click the arrow tool to close the shape.
  6. In the hotspot Property inspector's Link field, click the folder icon to browse to the file you want opened when the hotspot is clicked. Alternatively, type the file name. A URL can also be defined in this area.
  7. To set where the linked file opens, type the name of the window in which the file should open in the Target field. Alternatively, choose a frame name from the Target pop-up menu.
  8. In the Alt field, type the text you want to appear as alternative text in text-only browsers.
  9. Some browsers display this text as a tooltip when the user pauses the mouse pointer over the hotspot.
  10. Repeat steps 4 through 7 to define additional hotspots in the image map.
  11. When you're finished mapping the image, click a blank area in the document to change the Property inspector.
  12. Check out your work with an F12.

If you have ANY trouble with this, an exercise can be found in Help > Lessons > Creating an image map