Adobe RoboHelp HTML 6: Image Maps Made Easy

Image Maps allow the user to click on a particular area (hotspots) of an image and jump to different areas of your Help project. Image Maps are made up of two elements: An image, which can be a GIF or JPEG, and hotspots. Hotspots (also known as clickable regions) can target Web addresses, other topics (that are either in your project or another), email addresses or PDF files. You can create circle, polygon or rectangle clickable regions.

  1. Open or create a new topic
  2. Insert a new image or select an existing image
  3. Locate the Create Image Map Using Rectangle Shape tool on the Objects toolbar
  4. Image Map Tools in RoboHelp

  5. Using the Create Image Map Using Rectangle Shape tool, draw a box a small part of the selected image

    The instant you finish drawing what appears to be a square over the image, the Image Map dialog box will appear.

  6. Select any of your topics from the list of Topics
  7. Click OK

    The red box you see on your image is the hotspot. You can move the red box, resize it or delete it. If your Image Map link is wrong, you can double-click the red box and change the link.

  8. Finished HotSpot in RoboHelp

You can now teach yourself RoboHelp via our online, interactive lessons. Click here to learn more about the course and to test drive a few of the lessons for free.

Click here to learn more about our step-by-step RoboHelp workbook. (Essentials of RoboHelp HTML 6).

Leave a Reply

Discover more from The Logical Blog

Subscribe now to keep reading and get access to the full archive.

Continue reading