TUTORIALS
• You do not have to leave credit but it would be greatly appreciated if you did.
• Make sure you have a basic understanding of HTML/CSS so that you can properly use these tutorials.
IMAGE MAPPING
First of all, you'll need an image editing software or you can just use Paint which can be found in your start menu. Once you have Paint open, open your image. Then use the Select tool or Pencil tool and hover to the left side of whatever part of the image that you are going to map. After that, look near the bottom right corner, there should be two numbers and the the number on the left is the first coord for your image mapping code. Hover over the top part of the part of your image that you're mapping and the second number out of the two numbers that appear near the bottom right corner is your second coord in your image mapping code. Next, hover over the right part of the part of the image you're mapping and the first number out of the two that appear near the bottom right corner is your third code. Finally, hover over the bottom part of the part of the image you're mapping and the second number out of the two numbers that appear near the bottom right corner will be your fourth and last coord. Use the code below for your image map. Replace IMAGE URL with the url of the image you're going to use and replace IMAGE MAP NAME with the name you want to give to your image map. Also, replace URL DESTINATION with url you want that part of the image to link to.Repeat the "area shape" part for more parts to define and link to.
If you're still having trouble, try looking here.