Imagemap Example
The ImageMap is at the top. Each word takes you to a page. (In this case the same page back to the Controlling Color Homework page.) Look at the bottom of your browser when you mouseover the words.

The code for just the ImageMap is below. It contains the html headings and footers. It would look the same as this page except it wouldn’t have the links at the top and this paragraph. Go to View>Page Source or View>Source on your browser if you want to see the complete code of this page to compare.

I made this ImageMap in Adobe ImageReady. That is why you see that reference in the code.

A simple program in which you can make ImageMaps is called Mapedit. It is available in the JC labs. Go to Imagemap Instructions page to find out where to get the program.

For a tutorial in making ImageMaps and for Mapedit, click here. This should open in a new browser window so you can look at both pages at the same time (may not in some browsers).