HTML Coding

Image Maps: Working with ImageMapper for the Macintosh

Note: The HTML pages are out-of-date and will not be updated.

ImageMapper is a Macintosh software program for image mapping.

ImageMapper provides many features to make creating image maps easier. With ImageMapper you can do the following:

Create image maps from both jpeg and gif formats
Create "hot spots" that are circles, rectangles, ovals, polygons, and points
Move and resize the "hot spots"
Assign URLs to each "hot spot"
Create client-side or server-side image maps
Review a list of URLs for the image map (you can also edit URLs using the list feature)
Work in HTML 3.2
Test image maps before and after compiling

Open ImageMapper
From the File menu, select Open Graphic
Select the graphic file that will be used for the image map
ImageMapper will automatically create the mapping file (example: graphic.m).
From the Toolbar dialog box, select the drawing tool of your choice and then enclose an area on the graphic to be the "hot spot"
In the Object Editor dialog box, select the Target tab and type the URL for the "hot spot"
Select the Tags tab and type a name for the ALT field and the Target field (for your reference only)
Repeat steps 4-6 as necessary

Select the pointer tool
To select the area you want to resize, click in that area
NOTE: An outline and drag handles will appear around the "hot spot" area
To resize, drag a handle

From the File menu, select Save
ImageMapper will save the graphic and a file with the mapping coordinates called "markers" with an ".m" extension.
NOTE: This is not the same as the mapping file you need to operate images. In order to create the mapping file, you must generate the file as text.

To generate the text (mapping) file, decide whether you want to create a client side or a server side image map

From the Image menu, select Generate Image Map...
Select Client-Side HTML
Click COMPILE
In the Generate HTML dialog box, in the appropriate fields, type the filename, title, and alternative text
NOTE: ImageMapper may automatically enter the filename, title, and alternative text in the fields provided, but you can change these.
Click GENERATE
ImageMapper will open a window that allows you to view the file.
To save the HTML file, in the upper left corner, click SAVE

From the Image menu, select Generate Image Map...
Select NCSA or CERN
Click EDIT
In the Generation Parameters dialog box, in the Header Comment field, you can type what you would like to appear as the header
NOTE: ImageMapper may automatically enter a header but you can override it.
Click APPLY
In the ImageMapper Compiler dialog box, click COMPILE
ImageMapper will bring the file up in an HTML editor.
In the upper left corner, click SAVE
A save dialog box will appear.
In the highlighted field, type the filename, then click SAVE

The following points regard server side image maps.

Referencing the Mapping File
When referring to the mapping file in your HTML document, link to the file with the ".map" extension.

Uploading the Mapping File
When you upload the mapping file (.map) to the server, it is critical that the file is uploaded as RAW DATA.