Images: FrontPage 2000:
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.

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 Pictures toolbar will become visible on the bottom of your Page view.
Pictures toolbar
Note:  If you can't find the Pictures toolbar, select View, Toolbars, Pictures to activate the toolbar.
  • On the right end of the Pictures 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 section of the Pictures 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 2000:
Overview
Add Images to a Page
Add a Background Image to a Page
Turn an Image into a Hyperlink
Create an Image Map

Remove an Image Background

<
Start Basics Color Forms Frames Images Links Lists Tables Type

 

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: August 22, 2001
© Agatha Taormina