Image Map

An imagemap is a picture link with more than one link off of it. They are very common on the internet and seen most often on well developed sites. Sometimes you might not even know you're using an imagemap. Imagemaps are very easy to create if you just follow a few simple steps.

  1. First copy an image to you directory. Lets call this image cube.gif

  2. Open this image in psp and save a new copy for you to work on

  3. Using the shapes tool, draw 4 rectangles on the image and write down the cordinates (x,y, x,y)

  4. In the image tag for you imagemap, inclue the tag usemap="#bananas" so now it looks like this:
    <img src="cube.gif" usemap="#bananas">  (note: bananas can be any word)

  5. Now include this tag below your image tag: <map name="bananas">

  6. Finally include the cordinates of your selections with 4 of these tags:
    <area shape=rect coords="0, 0, 50, 70" href="yoursite">

  7. It is always a good idea to inclue text navigation below you imagemap incase something doesn't work

Here is an example of your basic imagemap!
THE CUBE


do you yahoooooo? Calvin & Hobbes are you in the Zone? aaaaaaaaahhhhhhhh!!!!!!!
A Great Search Engine | My Friend's Site | Internet Gaming Site | Skydiving


Home