Technical data

Preparing Web Graphics 87
Creating hotspots
Click the Image Map Tools flyout and choose the Rectangle, Ellipse,
or Polygon tool. Use the tool to draw a hotspot on the active layer. To
draw a polygon, drag and release the mouse button to define each line
segment; double-click to close the polygon. Hotspot outlines appear in
red.
To edit a hotspot, Click the Image Map Tools flyout and choose the
Selection tool. To resize the hotspot, drag from an edge. To move the
hotspot, drag from the center.
Right-click the hotspot with the Selection tool to delete it, set layer
options, or access hotspot properties.
In the Image Map dialog, enter the text which will pop up when the
cursor moves over the hotspot, and
the full URL for the hotspot to link
to. Previously-used URLs are saved
and can be selected from the drop-
down list by clicking on the arrow at
the end of the box.
Normally you will export the image for which you have created the
image map as a .GIF (for non-photographic images) or a .JPG (for
photographic images). We recommend that you use the Export
Optimizer (choose Export Optimizer… from the File menu) to
compare the quality and file size which results from various settings.
Make sure that the Create HTML for Image Maps box is checked in
the Export dialog, then click Save. This will create identically named
.HTM and image files. The HTML file contains the tags for the image
map, ready to be pasted into the source code for the Web page.
If you’re looking for a powerful yet easy-to-use tool for Web page
design, look no further than Serif PagePlus, which lets you create your
own Web site from scratch or with Web Page Wizards (using its Design
CD-ROM). PagePlus now supports HTML 4.0 for better WYSIWYG
Web page design—and you can incorporate the animations, sliced
images, and image maps you’ve created with PhotoPlus.