How to Create a Clickable Image Map in FrontPage

You can designate certain spots in a single image as URLs, or Web addresses, by making a clickable image map. So you can create a single image to use as a navigation bar, then assign URLs to different parts of the image. Image maps created in FrontPage are client-side image maps and will work in most browsers. These instructions work for FrontPage 98 and later.

Difficulty: Moderately challenging

Instructions

Things You'll Need:

• Microsoft FrontPage

1. Start the FrontPage program and open an existing web.

2. In FrontPage 98, choose Show Front Page Editor from the Tools menu.

3. Open the page to be edited and position the cursor where the image map will appear.

4. Open the Insert menu and select Image.

5. Select the image you want for your map and click OK.

6. Open the View menu and make sure Image Toolbar is selected.

7. Select the image. From the Image toolbar, select the tool that best corresponds to the type of image "hot spot" (or link area) you are creating (see Tips for more information).

8. Drag the cursor across the area on the image where the first link will be placed. Release the mouse.

9. Type the URL, bookmark or target frame URL in the dialog box and click OK.

10. Repeat the process to add other hot spots to the image.

11. Save the page when finished.

12. Preview the page by choosing Preview in Browser from the File menu. From the dialog box, choose the desired browser and settings.

Tips & Warnings

• FrontPage treats image map links like regular links. It will verify them as necessary.
• The rectangular hot spot shape is useful for creating grid-like hot spots; the circular shape is useful for round images, and the polygon shape is best for free-form hot spots.
• View hot spots by clicking on the image. Drag the hot spots to place them more precisely.
• Delete a hot spot by clicking it and pressing the Delete key.
• In FrontPage 2000, use shared borders to include a graphic navigation bar on each page in your site. In FrontPage 98, use headers and footers. (See Related eHows.)

[tdjprj]

on 7/28/2009 An easier way to do image map is to use clickable flash maps -- check out http://www.imapbuilder.com. The software can import any image file, convert it to flash, and add clickable points and regions, with icons, mouseover tooltips, etc

[zemzem82]

on 1/15/2009 great info- zemzem.ecrater.com