• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 5. Creating Navigational Links > Linking an image map with a Web page

Linking an image map with a Web page

To link an image map with a Web page, you use a technique similar to creating a hypertext link.

1.
Select the polygon hotspot.

2.
In the Map Area Inspector, link the polygon hotspot to the neck.html file using any of these techniques:

  • Drag from the pick whip button () to the neck.html file, located in the web-content/pages/repair_pages/ folder in the site window.

  • Click Browse, navigate to the neck.html file, in the web-content/pages/repair_pages/ folder, and click Open.

  • In the URL text box, type the URL repair_pages/neck.html, and press Enter or Return. (It's OK to use a relative pathname.)

Polygon hotspot in repairs.html

Link to neck.html in Map Area Inspector

3.
Repeat steps 1 and 2 to link the circular hotspot to the body.html file in the web-content/repair_pages/ folder.

4.
Choose File > Save to save the repairs.html file.

5.
To test the hotspots, click the Preview tab in the document window, and click a hotspot. To test the next link click the Layout tab to display the Repairs page, then click the Preview tab.

Clicking hotspot

Result

6.
Click the Layout tab in the repairs.html document window to return to Layout Editor.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint