After identifying each of the map areas, and the associated pages they should be linked to, I saved the file. Here is the code that was generated by CuteMAP --> but we will need to edit it!

<!-- Created by CuteMap --> <!-- Visit us at http://www.globalscape.com --> <!-- Beginning of CSIM --> <IMG SRC="sampleimagemap.JPG" USEMAP="#sampleimagemap.JPG" WIDTH=427 HEIGHT=355 BORDER=0> <MAP NAME="sampleimagemap.JPG"> <AREA SHAPE=RECT COORDS="5,9,203,141" HREF="news.htm" ALT="News text"> <AREA SHAPE=RECT COORDS="109,129,261,232" HREF="sports.htm" ALT="Sports page"> <AREA SHAPE=RECT COORDS="203,216,404,342" HREF="weather.htm" ALT="Weather page"> </MAP> <!-- End of CSIM -->

Next, we will put this code into a Build Your Own Web Gem (or BYOWG, for short), and insert the actual image file as well. First, we need to modify the <IMG SRC...> line and include ^GEMDIR/ to the name of the image. Here's what we end up with -->

<!-- Created by CuteMap --> <!-- Visit us at http://www.globalscape.com --> <!-- Beginning of CSIM --> <IMG SRC="^GEMDIR/sampleimagemap.JPG" USEMAP="#sampleimagemap.JPG" WIDTH=427 HEIGHT=355 BORDER=0> <MAP NAME="sampleimagemap.JPG"> <AREA SHAPE=RECT COORDS="5,9,203,141" HREF="news.htm" ALT="News text"> <AREA SHAPE=RECT COORDS="109,129,261,232" HREF="sports.htm" ALT="Sports page"> <AREA SHAPE=RECT COORDS="203,216,404,342" HREF="weather.htm" ALT="Weather page"> </MAP> <!-- End of CSIM -->