CLIENT SIDE IMAGE MAPS Image maps are definitions of addresses to which the viewer can be transferred based on where they click their mouse over an image. Different parts of the image can point to different addresses. Server side image maps are set up on the host server. The coordinates of the mouse click on the image are transferred to the host and the user is transferred to a location defined at the host. For most personal users, this is not an option we can use. But, Client Side Image Maps are. Client Side Image Maps are defined on the HTML page, via the MAP tag. The MAP tag contents are not displayed by the browser, but are used when referred to in an IMG tag, through the usemap="#name" parameter. (Use a # in front of the name when the MAP description is in the same file as the <IMG ...> tag.) The format of the MAP tag is: <MAP NAME="name"> <AREA SHAPE="shape" COORDS="x,y,..." HREF="reference" or NOHREF> <!-- more AREA definitions --> </MAP> Here is an example of a simple CLIENT SIDE IMAGE MAP. Here is a good, but simple, sample of an actual client side image map taken from the web.

NOTE: If you click one of the "CLICK for" icons in the tutorial, a new browser window will be opened for viewing these pages. To return, you can just select this browser (from the task bar in Windows 95 or click your mouse somewhere on this window). You can also close (or File, Exit) from the new window when done, leaving only this window.