Imagemaps

The next in the series; D.J. Quad's Ultimate Imagemap Tutorial. Here you'll find out how to make Imagemaps for your Web page.

Introduction

Simply put, an Imagemap is an image with clickable hot-spots. When a hot-spot is clicked on it sends the browser to a particular link defined within the Imagemap. An Imagemap consists of three parts: The HTML page, the image, and the Imagemap data which consists of the coordinates and links. There are two variations of Imagemaps, Server-Side and Client-Side.

The regions in an Imagemap include the shape description (rectangle, circle, polygon, or background), coverage of the regions within the image (by X,Y coordinates), and link URLs. Imagemaps also include a "layer order" that defines which regions take precedence when overlap of the coordinates occurs.