If you are running your web pages from your personal (home directory) on an IUPUI central web server, to create an ismap (click-able image), you need to have three files: the image file, the HTML file that refers to the image, and a map file (listing the destinations that your readers should be taken to when they click on the image). Follow the steps below and you should have an ismap ready and running in no time!
<A HREF="http://www.iupui.edu/cgi- bin/imagemap/~userid/mapfile.map"><IMG SRC="image.gif" ALT="Map" HEIGHT=350 WIDTH=480 ismap></A>
The map file identifies the location of HTML files that you want the reader to be taken to when the area between the identified coordinates is "clicked." These HTML files may be files of your own creation, or may be the URLs of destinations outside your own web space.
The first line in the map file is a default location. This specifies what you want to happen if a reader clicks outside a defined area. Many times, a designer simply wants the page to re-load, other times a designer may have created a special HTML file that gives the reader the message that a new area must be selected.
Here is a sample map file:
rect http://www.iupui.edu/~webtrain/tutorials/rocks.html 5,5 64,141
rect http://www.iupui.edu/~webtrain/tutorials/waterfall.html 91,5 127,196
rect http://www.iupui.edu/~webtrain/tutorials/tree.html 125,5 189,169
rect http://www.iupui.edu/~webtrain/tutorials/rainbow.html 47,248 131,255
rect http://www.iupui.edu/~webtrain/tutorials/rocks.html 6,258 40,293
rect http://www.iupui.edu/~webtrain/tutorials/grass.html 88,274 126,297
rect http://www.iupui.edu/~webtrain/tutorials/grass.html 123,265 192,300
rect http://www.iupui.edu/~webtrain/tutorials/rocks.html 151,239 188,249
Return to: Beyond HTML Basics, Ismaps