 |
 |
||||
|
What is an
|
An image map is a graphic on a web page which has different defined regions within it. These regions are called image map areas. Once an image map area is defined, you can assigning a URL to it so that a click on that area will take the viewer to another page, or you can create a rollover effect that occurs when the mouse cursor is placed in that area. Image map areas can be rectangles, circles, or polygons.
|
||||
|
|
|||||
| How are image maps stored? |
An image map is stored as two parts: the graphic (which is stored in its entirety as one file), and the definition of the image map and the assignment of that image map to the graphic (both of which are part of the HTML code for the web page). Each image map area is defined as a shape and a series of coordinates, with a URL which will be activated if the mouse is clicked in the defined area. Here is an
example of an image map definition: |
||||
 <map
name="Map2"> <area shape="rect"
coords="4,99,56,133" href="one.htm"><area shape="circle"
coords="44,54,20" href="two.htm"><area shape="poly"
coords="12,29,18,70,56,69,43,40,68,25" href="three.htm"></map> |
|||||
|
And here
is an example of the assignment of an image map to a specific graphic: |
|||||
|
|
|||||
|
Luckily, ImageReady makes it easy to create image maps. Read the next lesson to see how. (Note: ImageReady by default creates client-side image maps. These Image Map lessons only refer to client-side image maps, since that method is usually preferred. If you want to learn more about server-side image maps, read the online documentation.)
|
|||||
|
Copyright © 2002, Bloomsburg University Virtual Training Help Center. |
|||||
 |
 |
 |
|
 |
|
