Coordinates The diagram below shows how the coordinates refer to the required mapped areas. To create the pixel references, open the applicable image in a Painting Program. All painting programs display the cursor position some where on the screen as the cursor is moved over an image. In the case of a circle, note the radius in pixels that you want to apply - out from the recorded centre point. The centre point plus the radius for circles.
Polygons require a plot for each point or corner of the shape.
The last coordinate pair of numbers that is recorded for a polygon will automatically line up with the first pair. Try it Copy this picture, view it in your painting program, and place the cursor on the red dots. Once you have mastered these concepts, and hopefully successfully implemented your own manually created image maps, you will become a master of yet another set of complex HTML tags. If it is your intention to eventually design many Web pages, then you will need to have this level of knowledge one day. Important Note Be aware that many browsers still in use cannot handle image maps.