Dreamweaver CS4 Resources
|
Insert client-side image maps
When you insert a client-side image map, you
create a hotspot area and then define a link that opens when a user
clicks the hotspot area.
Note: You can create multiple hotspot
areas, but they are part of the same image map.
- In the Document window, select the image.
- In the Property inspector, click the expander arrow in
the lower-right corner to see all properties.
- In the Map Name box, enter a unique name for the image
map. If you are using multiple image maps in the same document,
make sure each map has a unique name.
- 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.
After you
create the hotspot, the hotspot Property inspector appears.
- In the hotspot Property inspector’s Link box, click the
folder icon
to
browse to and select the file you want to open when the user clicks
the hotspot, or type the path.
- In the Target pop‑up menu, select the window in which
the file should open or type its name.
The names of all the frames you’ve named in the current
document appear in the pop‑up list. If you specify a frame that
doesn’t exist, the linked page loads into a new window that has
the name you specified. You can also select from the following reserved
target names:
_blank loads the linked file
into a new, unnamed browser window.
_parent loads the linked file into the parent
frameset or window of the frame that contains the link. If the frame
containing the link is not nested, the linked file loads into the
full browser window.
_self loads the linked file into the same
frame or window as the link. This target is the default, so you
usually don’t need to specify it.
_top loads the linked file into the full
browser window, thereby removing all frames.
Note: The target
option isn’t available until the selected hotspot contains a link.
- In the Alt box, type alternative text for display in
text‑only browsers or browsers that download images manually. Some
browsers display this text as a tooltip when the user moves the
pointer over the hotspot.
- Repeat steps 4 through 7 to define additional hotspots
in the image map.
- When you finish mapping the image, click a blank area
in the document to change the Property inspector.
|