Designing Web Graphics.3

by Lynda Weinman

Lynda Weinman, Designing Web Graphics.3, 1999.

Combining Server- and Client-Side Imagemaps

This way, if someone visits the page with an older browser that doesn’t recognize the client-side map (USEMAP command), the browser will display the server-side map.

<a href="controls.map">

<img src="controls.jpg" width="500" height="100"
USEMAP="#controls" ISMAP 
alt="imagemap" border="0" />

</a>

<map name="controls">
<area shape="poly" coords="419,41, 360,16, 360,61" href="http://www.yoursite.com/next_page.html" />

<area shape="poly" coords="263,40, 322,17, 325,60" href="http://www.yoursite.com/last_page.html" />

<area shape="circle" coords="197,39, 22" href="http://www.yoursite.com/home.html" 

<area shape="rect" coords="70,17, 126,60" href="http://www.yoursite.com/end.html" />

<area shape="default" nohref />

</map>

That ISMAP and the a href surrounding it tell the browser to look for the server-side map. The following needs to be saved as controls.map.

poly http://www.yoursite.com/next_page.html 419,41 360,16 360,61 poly http://www.yoursite.com/last_page.html 263,40 322,17 325,60 circle http://www.yoursite.com/home.html 197,39 22 rect http://www.yoursite.com/end.html 70,17 126,60 default http://www.yoursite.com/

(I think setting the default to none somehow, like in the client-side map, is what one wants. But I don’t know how.)

{Page 242.}

An extra note for those not paying attention. This information is from a 1999 book and is out of date. For instance, the Internet might not exist anymore. The author, Lynda Weinman, has an updated book which you can check out at her site, Lynda.com or buy directly at her web store’s book section.

Melançon Enterprises Maurice Institute Library > Book reviews > Lynda Weinman, Designing Web Graphics.3