Image Maps

Adobe PageMill lets you create two types of image maps; client-side image maps and server-side image maps. The difference between the two types of image maps is the location of the image map files and the speed with which the linked page appears.

Server-side image maps require the creation of the HTML file containing the image and a separate image map file which describes the links on the map. This image map file is stored on the Web server. To activate a link, the reader clicks a hot spot, the browser sends the click coordinates to the server, the server looks up the linked location in the image map file, the server contacts the Web server storing the linked page, and the server then sends the correct page back to the browser. Not only is this communication time-consuming, but maintaining the correct server-side files can be confusing.

Client-side image maps, on the other hand, store the image map and all the link information in the same HTML file. When a reader clicks a hot spot, the browser looks up the link location in the local file and contacts the Web server containing the linked page directly. This dramatically decreases the time it takes to display the linked page and also lets you test the links for an image map without uploading to the Web server. The only disadvantage to client-side image maps is that not every browser supports them. Fortunately, both Netscape Navigator (R) and Microsoft Internet Explorer (R) do, and they represent over 90% of the browsers in use today.

To add a client-side image map, simply double-click on any image on the page. This will make the client-side image map tools appear on the toolbar. The image editing controls are swapped in where the table editing controls normally display.

Add the hot spots just as you would in the out-of-place editor, by selecting the appropriate hot-spot tool and drawing the hot-spot over the selected image. While that hot spot is active, you can either type in a URL in the "Link To" dialog, or simply drag the file you wish to link on to the active hot-spot.

The out-of-place editor is still used to edit server-side image maps, to set image interlacing and to set image transparency. To get to the out-of-place editor, select an image and choose "Open Selection" from the File menu, or hold down the "Ctrl" key while you double-click an image.