Scribd
Upload
107 views

Image Map Hotspots

An image map allows multiple clickable hotspots to be created within a single image, with each hotspot linking to a different URL. To create an image map, an image must first be inserted into the document. Hotspots are then drawn over areas of the image using shape tools and linked to other pages. Properties of each hotspot like the URL are configured to complete the image map.

Uploaded by

john566
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
107 views

Image Map Hotspots

An image map allows multiple clickable hotspots to be created within a single image, with each hotspot linking to a different URL. To create an image map, an image must first be inserted into the document. Hotspots are then drawn over areas of the image using shape tools and linked to other pages. Properties of each hotspot like the URL are configured to complete the image map.

Uploaded by

john566
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 2

To Insert an Image Map

An image map is an image that serves as a navigation device. With an image map, you can create
multiple hotspots (clickable areas) in a single image and have each hotspot link to a different
URL or file to open. You can also set where a linked document opens; for example you can open
the document in a particular frame of a frameset document, or open it in a new browser window.

With this assignment, you will have to create your own image to be used for your image map
before creating the map.

Note: When creating your image map, it helps to have multiple objects as a part of the whole
image, so then it can create a link for that individual interactive image or "hotspot". See an
example below.

Step 1:

• On the standard toolbar, click the insert tab and navigate to the image button.
• When the dialog box opens, navigate to the source of your saved image you will be using
for your image map.
• When your image opens, click on the image if it is not already selected.

Step 2:

• Make sure your properties panel is expanded to show the image map tools. Name your
image map in the Map field, using a unique name as illustrated below

Step 3:
• Select a tool (square, circle, shape) and draw an area on the image that you want to make
"clickable". Repeat this process for all the areas you want to make into hotspots.

Step 4:

• After adding a hotspot, the image will contain a shaded area as illustrated below. You can
adjust the size of the hotspot by using black arrow tool, and clicking and dragging the
corners.

Step 5:

• The Properties panel will change to display the hotspot characteristics. Fill in the
appropriate fields, to link to another page on your web site or to a page at different Web
site.

You might also like