Click on the top left to change the background color.

Upper left corner: (0,0)
Lower right corner: (100,125)

View the code/source to see how this page works.

There should be just one map per image. To add a new hotzone to an image map, add a new area tag. You can do this by hand-editing the code, or using Dreamweaver's hotzone tools, which write the area tag for you. Your new tag should look like the old one shown below, except that you will change the items in red.

  <area shape = circle
    coords = "20,25,20"
    onClick = "javascript:document.getElementById('body').style.backgroundColor='#FFA500'"
  />						   

The part beginning with onClick is JavaScript, which you may not have seen yet. We'll look at it in good time, and it will be covered in great detail in CSC 105. For now, leave it unchanged except for the portion that specifies the color (shown in red above).