MSc Publishing on the Web Week 4 Image Maps

Aims and Objectives Discover what are image maps To understand the different types of image map To understand the image map tags

Image Maps An image where different areas of the image (hotspots) are set up to link to different locations An image map consists of: an image hotspots URLs

Server Side Image Maps Consists of several components: An image HTML tags to set up image map in browser A map definition file placed on the sever A CGI script to link the two

Pros and Cons of Server Side Image Maps Pros Works in all browsers Small HTML documents Cons More difficult to maintain Map format is server dependent Potential slow response times

Client Side Image Maps The whole image map definition is stored within the HTML document Consists of: The image Map definition information in tags

Pros and Cons of Client Side Image Maps Pros Easier to develop and maintain Quick response time when used Cons Not supported by older browsers

Image Map Tags Defines an image map’s tags and associated URLs Defines the hotspots, clickable areas, as coordinates separated with commas