Lesson 14
 

   

Home Site Map

Web Basics
FrontPage Tuts
PSP 7 Tuts
Links
FeedBack

 

Using Image Maps

See PSP Tut 6 for how to make the Image for a very simple Image map graphic.


You can use clip art or an image you have already, if you don't wish to make your own.  Image maps are very easy to create and can provide you with multiple design options. (NOTE: You'd still need a text link on your web site for those that choose to surf the web with graphics turned off!)

Once you have the image you want.. it's time to create-map the areas, on your image to the pages you wish to link too.  The Graphic below is a working Image map.

 create image map graphic

  1. Insert your graphic into you page

  2. HOW?: Place cursor at desired location for graphic, go to the insert menu, click Picture, find your graphic click it to insert it in to your page.

  3. Now click on the Graphic.

  4. Now find your pictures tool bar it looks like this
     Picture Toolbar
     

  5. For the map above I choose the rectangle * see the blue underlined area of above graphic*.

  6. Then I dragged a box around the word Web Basics

 create image map links

  1. The following Dialog box pops up

 hyperlink dialog box

  1. Find the page you wish to link too and click it. Click OK the Hyperlink will be created for you by FrontPage.
     

  2. Follow the steps above for as many links as you need to assign to your graphic. 
     

  3. Now test your new map, click File
     

  4. Then Preview in browser to see if your links work by clicking on your map.  Each link should now take you to your desired page.  If all is working correctly.
     

  5. Click, file, publish and publish your website.

You have completed this lesson.

   star
Back to Top

  Back | Home | Next

Updated: 01/02/2004
NOTE: Any Script errors or Banner ads within this website...belong to Tripod.  We have nothing to do with the content nor can we control there coding or placement.
Site Design ©  2004 Colors by Trixie All rights reserved
Please report any web problems by clicking here