Part 3: Naming Your Image Map

 
Figure 6 You can draw the hotspots for client-side images directly in the Document window.
 

 
Figure 7 The Property inspector, displaying image properties.
 

Figure 8 The Property inspector, displaying hotspot properties.

Figure 9 A close-up of the Map text box and the hotspot buttons on the Property inspector.

Tips

• Coordinates on an image map are measured from the top left corner of the image. If you resize an image after you create an image map, you will need to rearrange the hotspots to match the new image size.

• If you've already created a hotspot, you can select that and name your map there. The Property inspector for hotspots also contains a Map text box for naming your map.

As we've seen, Dreamweaver lets you make client-side image maps directly in the Document window (Figure 6). When you draw a hotspot, the Property inspector (Figure 7) changes to show the properties for that hotspot (Figure 8).

Naming your image map:

One important thing you should do when creating an image map is to name your image map.

1. Insert an image into the current document (Insert > Image), or select an existing image.
   
2. Expand the Property inspector, if necessary, by clicking on the Expander arrow at the bottom right of the inspector so that you can see all the properties (Figure 7).
   
3. Type a name for your image map in the Map text box (Figure 9).

Dreamweaver will name maps for you sequentially, as in Map, Map1, Map2, and so on. However, it is best to get in the habit of naming these with easier-to-remember names, especially if you'll be working with pages that have multiple maps on them.