Creating image maps

You can define areas within an image to link to different pages on your Web site. You can define multiple areas of different sizes and shapes.

To create an image map:

  1. Open a file in Page Designer.
  2. Select an image in the Design page.
  3. Select Edit > Image > Edit Image Map.
  4. Click the appropriate tool button for the shape of the area that you want to define.
  5. Click and drag the mouse pointer diagonally across the image until the area you want to select fits within the shape of the outline.

    If you are defining a polygon, click the polygon button and then click the image once for each angular point of the polygon. Double-click the last angular point to finish.

  6. Specify all of the relevant information in the Insert Link dialog box.
  7. Click OK. The table below the box that contains the image displays a list of mapped areas.
  8. Select a mapped area in the list and enter a description in the Alternative text field.

    If you enter text in the Alternative text field, visitors who are visually impaired might be able to navigate your site using a voice reader. Further, visitors who use Web browsers that cannot display images will be able to select your alternative text as a link, so you should always enter alternative text.

  9. To create multiple areas with links, repeat these steps and click OK.
  10. For Windows Go to the Preview page and click the mapped area, which will pop-up the link icon used by your Preview browser, to ensure that your updates are accurately reflected.

    For Linux Load your page into a Web browser and click the mapped area to ensure that your updates are accurately reflected.

Related tasks
Image maps
Inserting images and background images

Feedback