This page provides you with a quick, simple way to create html code that maps areas of an image, that opens the image, that links the defined areas to other web pages, and that enables viewers to use the links. The html code uses map coordinates located on the page that opens the image. The only files needed on your server are the page created using "client.htm" and the image file opened by that page. (The image map web page created using this map maker functions independently of your server's "cig.bin" files.) Documentation
1. Save this web page to your hard drive as source file with the name "client.htm" in a folder (directory) containing the image file you want to map.
2. Temporarily rename the image file you want to map "picture.gif " or "picture.jpg".
Next:
3. Using your browser, open the copy of "client.htm" residing on your hard-drive.
4. The image file you named "picture.jpg" or "picture.gif" will appear in your browser window.
5. Scroll below the image and click on the "start" button.
6. Scroll back up until the image area you wish to map is visible.
7. Click on the upper left corner of the area you wish to map.
(Rescroll the screen if necessary.)
8. Click on the lower right corner of the image area you wish to map.
9. Scroll down and click on the "done" button.
10. A window will appear. Enter the address (URL) of the web page you want to open when someone clicks within the image area you have defined. Click on "done" when done. Repeat steps 6 through 9 until you have completed your map.
11. Scroll down and enter the URL where the image file you are mapping will be located in the Image File URL box.
12. Enter an arbitrary map name in the Map Name box. (This name is used in the code on your web page that locates relevant image area coordinates.)
13. Click on the "finished" button.
The Web Page Text Box now contains html text that you will use to create a new web page. The new web page you will create using this text will open the image file you have mapped, and will enable users to open the target web page when they select the image area you have defined using "client.html."
To create a new web page using the html text you have created in the Web Page Text Box:
14. Open a blank page in your HTML text editor.
15. Copy the text in the Web Page Text Box and insert it into the blank page open in your text editor. Create any additional text or html code you want on the new page, save the page, and load the page on your server.
16. Rename the image file you temporarily named "picture.jpg" or "picutre.gif." Use the image file name you used when you entered the URL for the image you mapped. This is the image that will be loaded when your new web page is opened in a browser.
17. Load the renamed image file on your server (if it is not there already).
To map additional areas of your image:
18. Before closing the new web page containing the text copied from the Web Page Text Box, repeat steps (5) through (9) only.
19. Copy the new text that appears in the Web Page Text Box and insert it into the Wep Page containing the text already copied from the Web Page Text Box above the </map> tag.
20. Repeat step 18-19 for each additional area you wish to map, save the file, and load it on your server.
Note: when you open a new image file using "client.htm" (after having previously open an image file) you sometimes must use the "reload" function to access the new file.