Directions for making an imagemap for a Mac server

Applications I used:

1. PageMaker to make the image (but I could have used any paint or draw program).

2. Clip2Gif and GifConverter - to save the image in .gif format and make it interlaced.
   (Something about the imagemap process kept me from being able to make it transparent.)

3. WebMap - to mark off regions and assign them URLs.

4. AppleScript (script editor - comes with System 7.5) to work on and save (as text) a script I modified to fit the imagemap (from one Helen Plotkin and I worked with about a year ago).

5. Netscape. To see the script properly, View Source.

Procedure:

1. Using Aldus PageMaker I made an image, copied it, opened Clip2Gif (v. 0.6), held down the Shift key, and in the File menu saved the contents of the Clipboard calling the file circles.imagemap.gif.

2. I opened this image from within WebMap. Directions:
   1. Choose a shape (circle or rectangle - the irregular polygon is hard to close up properly) and draw a circle or rectangle around the area you want to mark.

   2. A field will appear on the right-hand side with the word [Undefined] in it. Double-click on [Undefined], and type the URL you want to go to when you click on the area you've just marked off into the box that opens. (I opened Netscape and copied the URLs I wanted, then pasted them into WebMap as I marked off regions.)

   3. After defining all the regions, save the image (Save As from the File Menu).

   4. Next export the Text (File Menu) - the name will be assigned automatically as the name of the .gif plus the extension .map: in this case circles.imagemap.gif.map.

3. I opened the circles.imagemap.gif.map file and copied the URLs and numbers. Then I opened the old script I was going to modify, and pasted them in, making them comments by putting -- at the start of each line. I used them for reference when I started changing the script. (Open a new Netscape window and/or View Source to look at both this page and the script.)

   Changes I had to make:

   (A)
      -- Change the following line to be the domain name or IP address of your 
          MacHTTP server
               set script_server_addr to "olmo.swarthmore.edu"
               set doc_server_addr to "olmo.swarthmore.edu"
   

   Because this script is located in the MacHTTP folder on the server olmo.

   (B)
      set redirect_head to "HTTP/1.0 302 Found" & crlf & "Location:   
      http://mathforum.org"
   

   This head will go into all the URLs (they begin with / and the rest of the address).

   (C)
      --doc to return to on the off chance that something screws up.
              set parent_doc to redirect_head & " http://mathforum.org/~sarah/"
   

   This takes care of the default URL.

   (D)
      --rect http://mathforum.org/~steve 15,57 85,169  
      --rect http://mathforum.org/dr.math/dr-math.html 93,14 186,90
   
         - from circles.imagemap.gif.map: 93,186  and 14,90 are the 
           x,y coordinates for the region marked off for Dr. Math
   
         - the URL for Dr. Math is 
   
              http://mathforum.org/dr.math/dr-math.html
   
         - these coordinates  and the URL get plugged into the script 
            like this:
   
      else if x > 93 and x < 186 and y > 14 and y < 90 then
   	   return redirect_head & "/dr.math/dr-math.html"
   

4. When I had plugged all the coordinates and URLs into the script I saved it (as text) as circles.imagemap.script.

5. I put the script into the /scripts/ folder in the MacHTTP folder on server olmo.

6. I created a folder within the MacHTTP server folder called /sarah.imagemap/ and put circles.imagemap.gif into it.

7. Finally, I put the following lines at the top of my home page:
   <A HREF="http://olmo.swarthmore.edu/scripts/circles.imagemap.script">
   <IMG align=middle border=0 SRC="http://olmo.swarthmore.edu/sarah.imagemap/circles.imagemap.gif" ismap></A>