Directgate Internet & Consulting Services

First of all, create a GIF image in any graphic program you like. Then you need to create a "map" file, and have it relate to the "gif" file you just created. There are many useful programs that help you to create and edit maps. The one we use is MAPEDIT.

In MAPEDIT, create your map file. For example, if you had a GIF image of an ice cream cone called "icecream.gif", call the map "icecream.map". Then, in the same box where it says "browse" for GIF file, enter in the full path of the GIF file. Click on the button that says "CERN", (instead of NCSA). Go to the tools and define your Hot Spots. Then enter the URL's that you want each area to reference. Enter your URL's like this:

Where "nose.html", and "click.html" are the files that you want each section of your imagemap to reference when the viewer clicks on it. You don't need to put in any quote marks, and you can use relative URLs if you prefer.

Step 2

FTP the .map and .gif files into your directory.

Step 3

In your HTML document, here's how to reference your Imagemap:

<a href="mymap.map"><img src="images/myimage.gif" width=XXX height=XXX ISMAP></a>