An image map is a GIF or JPG file with clickable hot spots. The hot spots are links to anchors on a Web page or to other Web pages. With Web Factory's client-side image mapping it is an easy process to create image maps.

Available when the current file is in a preview window (except for preview of frames).

1. There are three steps to create an image map:
   • insert a map on an image and assign it a name;
   • create the "hotspots" or areas of the map that will be clickable;
   • assign the links for each hotspot.

     

   1. Create hotspots
      1. Click on the Image Map button on the Elements toolbar or select Image Map from the Insert menu.
         The Image Map sub menu is displayed.

      2. Select Insert Image Map.

         If you have already selected an image, the Image Map box is displayed.

         .

      3. In the Insert Map Name field, assign a unique map name to the image.
         The map on the image is inserted.

         Note	If no image is selected, the Open box is displayed. After you select the image, the Image Map box is displayed.

   2. Create/Modify Hotspots
      1. Click on the Image Map submenu.
         Select Create/Modify Hotspots from the Image map sub menu.
      2. Define the "hotspot" areas of the image by drawing circles, rectangles or polygons on the image.
         1. Add Rectangle
            Choose this option to define a rectangular hotspot on the image.
            
            • Click and drag on the image to draw the rectangle.
            • Once it is drawn, you can click inside of it and drag to move it, or click and drag on any of the corner handles to re-size it.
            • To add another rectangle, choose Add Rectangle again.

         2. Add Circle
            Choose this option to define a circular hotspot on the image.
            • Click and drag on the image to draw the circle.
            • Once it is drawn, you can click inside of it and drag to move it, or click and drag on any of the handles to re-size it.
            • To add another circle, choose Add Circle again.

         3. Add Polygon
            Available when the current window is a Navigator preview. Not available for Internet Explorer.
            Choose this option to define a polygonal hotspot on the image.
            • Click on the image for each point on the polygon.
            • When the polygon is completed, click the right mouse button.
            • Once it is drawn, you can click inside of it and drag to move it, or click and drag on any of the corner handles to re-size it.
            • To add another polygon, choose Add Polygon again. To add a point to a completed polygon, choose "Add Point to Polygon" from this sub menu.
            • To delete a point from a completed polygon, choose "Delete Point from this Polygon" from this sub menu.

            • Add Point to Polygon
              Available when the current window is a Navigator preview. Not available for Internet Explorer.
              Allows you to add another point to the current polygon. After choosing this option, click anywhere on the image and the current polygon (the one with the drag handles) will be stretched to include a point where you clicked.

            • Delete Point in Polygon
              Available when the current window is a Navigator preview. Not available for Internet Explorer.
              Allows you to delete a point from the current polygon (the one with the drag handles). After choosing this option, click on the point that you want to delete.

   3. Delete Shape
      Allows you to delete the current shape (the one with the drag handles) from the image map. Click inside the shape you want to delete before choosing this option.

2. Assign Link to Hotspot
   Choose the type of link you want to assign to the current hotspot shape.
   Select the hotspot shape before choosing one of the following from the Image Map sub menu:
   1. Link to Another Web Page
      Displays the Link to another Web Page box.
      Assign the current hotspot shape with a link to another Web page.

      Note	For more information on creating a link to another Web page, see Create Links & Anchors, Link to Another Web Page.

   2. Link to Anchor in this Page
      Displays the Link to Anchor in this Page box.
      Assign the current hotspot shape with a link to an anchor on the current page.

      Note	For more information on creating a links within a Web page, see Create Links & Anchors, Link to Anchor in this Page.

   3. Link to Email Address
      Displays the Link to Email Address box.
      Assign the current hotspot shape with a link to an email address.

      Note	For more information on creating a link to an email address, see Create Links & Anchors, Link to Email Address