Images: FrontPage 98:
Create an Image Map

An image map is a graphic that has more than one "hot spot" or hyperlink on it.

Below is a graphic that uses an image map. When you pass your cursor over each piece of the puzzle, the cursor arrow will turn into a hand.

Clicking on each piece of the puzzle will send you to a different web page as indicated by the text on the puzzle pieces.

Puzzle Pieces Image Map

To create an image map:
  • Place a suitable image on your page. Be sure that your audience will be aware of the need to click on various parts of the image to hyperlink to a number of different locations.
  • Click on the image to select it.
  • The Image toolbar will become visible on your screen.
Image Toolbar
Note:  If you can't find the Image toolbar, select View, Image Toolbar to activate the toolbar.
  • On the left end of the Image toolbar are three shapes: a rectangle, an oval, and a polygon. Choose the shape that most closely approximates the shape you intend your hot spot to be.  (I used the polygon to trace the irregular shapes of the puzzle pieces in the above example.)
  • Your cursor will turn into a pencil. Trace your hot spot with the pencil.
  • When you let go of the mouse, the Create Hyperlink dialog box will appear.

Shapes from Image Toolbar

Create Hyperlink dialog box

  • Type your web address in the URL text box.
  • Click on OK.
  • To add more hot spots to the same image, repeat the process.

Images: FrontPage 98:
Overview
Add Images to a Page
Add a Background Image to a Page
Turn an Image into a Hyperlink
Create an Image Map

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: February 12, 2000
© Agatha Taormina