Image Map Sample Page

The NetManage Personal Web Server supports a feature called image maps. Most images that you see in the World Wide Web are either static or you can click on them and they will connect you with another page. A more sophisticated way to use images is as an image map. When you click on an image map the action that is taken will depend on where you clicked on the image.

The easiest way to illustrate this is with an example. The image above has three sections labeled Region 1, Region 2 and Region 3. If you click on the area in the image labeled Region 1 you will be taken to a different page then if you click on Region 2. In contrast the same image is shown below. The image below is not being treated as an image map so no matter where you click on it you will find that you are taken to the same page.

A creative way to use an image map is to treat different areas of an image as buttons. You can also create simple maps or diagrams and label different areas.

To create an image map you need some graphics software that will tell you the coordinates of different points on the image. You will use this to find the upper left and lower right coordinates of each area you want to be active. You will put these coordinates into a .map file and specify the page you want to connect to for each set of coordinates.

Use this page and its corresponding files as a model for how to setup your own page with an image map.


NetManage, 10725 N. De Anza Blvd., Cupertino, California 95014, (408) 973-7171, sales@netmanage.com