World Wide Web
page developers on mailer.fsu.edu, garnet.acns.fsu.edu,
and www.fsu.edu can create imagemaps, which associate URLs
with image pixel coordinates of graphics.
To
create an imagemap, you must:
Create a GIF
file, e.g., map.gif, of the image you want people to click
on, and put it in your public_html directory.
Create a database
of image regions and associated URLs in the public_html directory,
e.g., in a file called map.coords. Lines consist of the following
(borrowing freely from NCSA):
method url
coord1 coord2 ... coordn
Coordinates have
the format x,y. The number of coordinates depends on method,
which is one of the following:
default
For the default URL. Coordinates: none
circle
For a circle. Coordinates: center edgepoint
poly
For a polygon of at most 100 vertices. Each coordinate is a vertex.
rect
For a rectangle. Coordinates: upper-left lower-right
point
For closest to a point. Coordinate: thePoint
url is
the URL of the Web document to be returned in response to a mouse
click in the region.
Example:
rect http://mailer.fsu.edu/~jones922/News.html 164,42 229,159 rect
http://www.fsu.edu/Other-FSU.html 231,42 305,159 rect http://garnet.acns.fsu.edu/~smith888/Students/
309,42 354,159 circle http://garnet.acns.fsu.edu/~smith888/Employee.html
357,42 402,159
You do not need
to have a copy of the imagemap program, since that is provided by
the Web server software. However, you do need to know how th invoke
imagemap correctly. The URL that references cgi-bin/imagemap
must include the path to your public_html directory. For example,
if your username is jones922 on mailer.fsu.edu, the URL for applying
the imagemap program to the the image map.gif using the database
map.coords would be
<a href="http://mailer.fsu.edu/cgi-bin/imagemap/~jones922/map.coords">
<img src="map.gif" ismap><a>
Dreamweaver and other WYSIWYG html software may do have tools to do this as well.
***** If you need additional help, please see our list of help
resources.
Please NOTE: The Technology Services Help Desk will NOT help students with websites related to coursework.
Credit:
CGIWrap was developed
at the University of Missouri, Rolla
Info
for 