The section "Setting a link on an image" explains how to set a single link on an
image. This section explains how to divide
a image into several areas and set links
on them. An image that have multiple links
is called an image map or a clickable map.
This section contains the following topics:
HTML tags | <IMG SRC= USEMAP= > <MAP NAME= ></MAP> <AREA ALT= COORDS= HREF= SHAPE= > |
![]() |
This section introduces the simple flow for the image map creation. If you want to learn more about image maps, click an image using the right mouse button, select Edit Image Map from the pop-up menu, and click the Help button. A help topic is then displayed, where you can read a detailed explanation. |
To open an editor to create an image map:
You can create areas whose shapes are rectangular,
circular or polygonal and then set links
to them.
![]() |
To create a circular area, click the ![]() To create a polygonal area, click the ![]() |
![]() |
Alternate text is necessary for those who use Web browsers that cannot display images to jump the link destination. Be sure to enter alternate text for each area. |
![]() |
To change a link destination, click an area
in the image displayed in the Image Map Editor, click the ![]() |
![]() |
To cancel a link, click an area in the image
displayed in the Image Map Editor, and click
the ![]() |
You can save an image map (the entire image
including areas you created) in one of the
following formats: client side image map (CSIM) or server side image map (NCSA or CERN). To save an image map in the CSIM format,
which is easy to manage:
![]() |
You do not have to specify a URL for the Default area. However, you must specify URLs for the other areas; otherwise, you cannot save an image map. |
![]() |
client side image map An image map that is processed on the client (Web browser) side. Because HTML tags for this image map are embedded in an HTML file, you can easily use and manage this image map. |
![]() |
Server side image map An image map that is processed on the server (your provider's server) side. To use this image map, you must create an image map file in addition to an HTML file. There are two types of server side image maps; NCSA and CERN, depending on the application that the server uses. To save an image map in one of these formats, select NCSA or CERN from the upper right box in the Image Map Editor. |