There are two types of image maps, server-side and client-side.

Server-side image maps are where your HTML calls for a map file in your directory on the server and then calls for a mapping program on the server that knows how to split up the image into coordinates found in the map file.

Client-side image maps are much faster because everything needed is embedded into the html. You don't need to access the server for anything. There is only one drawback, only Netscape 2.0+ and Internet Explorer 3.0 can read client-side image maps.

To create an image map, you will first need to create the image that you will be using. Next, you will need a program that will divide your image into sections and save those coordinates to a map file. There are many out there, I use Map This, but you can use anything that creates a map file. Others are Web Image, Map Edit, or MapMaker.

Once you have used a program to create the image map, save the file. Now you need to decide whether you want to have a server-side or client-side image map. If you want speed, go with client-side. If you want everyone on the web to use your image map, use a server-side.

To do a server-side image map on your homepage:

1. Check with your ISP and get the path of the image map program.
2. Write the path into your html, replacing the map file name with your own.
3. Upload your .map file to the server.
4. Test the image map and make sure that everything works.

To do a client-side image map on your homepage:

1. Open up the .map file you created.
2. Highlight and copy the coordinates into your html.
3. Now edit the coordinates so it looks like this:

   <MAP NAME="CLIENTS">
   <AREA SHAPE="RECT" HREF="http://www.andyart.com/" COORDS="0,0,111,90">
   <AREA SHAPE="RECT" HREF="mystuff.html" COORDS="149,277,300,422">
   </MAP>
   
   <IMG border=0 SRC="images/clients.gif" USEMAP="#CLIENTS">
   
   The green type is what you have to type in. The white type depends on your information.

4. Test the image map on your hard drive, and when it works, upload it to the server.

Note: When you make a client-side image map, it is a good idea to have your links in a text form somewhere on the page so that if someone using AOL for example can still get to your links.