How To Make An Imagemap

Share this post!

Vote this!

Imagemaps are graphics used in HTML web pages, containing hyperlinked regions. When the a user clicks within a region, the user is typically sent to an associated web page.

By way of illustration, consider an imagemap containing a map of the world. When the user clicks on the region corresponding to a particular country, the user might be sent to a web page about that country. 
In this tutorial, I'll explain over three chapters how to create your own imagemaps:

1. Server-Side Imagemaps
   I'll begin by introducing you to Server-Side imagemaps. I don't recommend doing things this way for reasons that will soon become clear, so I'll just show you the basics of how it works, as well as give you links to web sites where you can find out more.
   
   
2. Client-Side Imagemaps
   Next, I'll show you you how to create imagemaps in HTML code that user's browsers (Client-Side) will figure out.
   
   
3. Easier Ways To Make Imagemaps
   By this point, you'll have a good idea of the technical details behind imagemaps, but you'll probably also be daunted by the amount of work involved in creating them (they can be hard work to do manually!). So, we'll finish up by discussing easier ways to create imagemaps. I think that you'll like this.