How to create a clickable image map online
Dec 03
You may never find a need for a clickable image map. In case you don’t know what they are I would discribe them thus: a single image with multiple URL links defined by areas created by establishing regions of co-ordinates within the image and assigning a URL value to each of them. Or in more plain English, “an image that has a bunch of links to a bunch of different pages”.
Image maps have been around for a long time. In fact they pre-date the web. For HTML purposes, however, they are just as old as the web. Uses for them vary so we’ll simply discuss why I chose to use one today and let you come along for the ride in the video.
I wanted a banner for http://socialmediaedge.com/itunes-frame.php to allow the creation of links to all of the regular contributor’s sites. Instead of having multiple single images I simply wanted one image with multiple links. While there are many ways of accomplishing this task there is one way, for sure, that requires no downloads or special skills and has an extremely small learning curve.
I apologize for the audio and video getting a little out of sync near the end. I just didn’t have time to re-record the video. It’s not too terribly bad but it’s annoying to me since I made it!


