SIGN UP! LOGIN SUPPORT CONTACT US FREE HOST
Free Web Hosting by Stormpages

How Do I Create an Image Map?

Image maps are images that link to more then one page (look at the header image on all of our pages). They work by having some simple code that corresponds to the pixels in an image. There are two ways that you can make an image map, the first is to simply figure out the pixels for the image and make the code yourself. The second way is to download a free program such as 'Map Itİ' or 'Live Mapİ', these programs do all the image mapping for you and then give you the html code to add to your page. If you wish to make the image map, look at the following code:

<IMG SRC="YourMap.Type" USEMAP="#YOURMAP" ALIGN="CENTER" ALT="IMAGE MAP" BORDER=0>
<MAP NAME="YOURMAP">
<AREA SHAPE=RECT COORDS="29, 28, 85, 53" HREF="main.html" TARGET="_top">
<AREA SHAPE=RECT COORDS="88, 30, 166, 54" HREF="tutorials.html" TARGET="_top">
<AREA SHAPE=DEFAULT HREF="index.html" TARGET="_top">
</MAP>

This will create a simple image map with 2 parts and a default click area. What this means is that any user clicking on a "host spot" will go to either main.html or tutorials.html depending on where they click. However, if they should happen to click anywhere else, they will go to index.html. You should remember to change the pixel locations, the urls, targets and map type/image.

Related articles: How Do I Use Shockwave?