<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <!-- Copyright 2009 Adobe Systems Incorporated, All rights reserved. -->
      <title>Create image hotspots</title>
      <link href="Tasks.css" rel="stylesheet" type="text/css">
      <body leftmargin="0" topmargin="0">
         <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
               <td width="50%" class="tdcustom"><a href="#" onMouseUp="dw.tasksPalette.back()"><img src="images/taskback.gif" alt="Back" border="0" align="absmiddle">Back</a></td>
               <td width="50%" align="left" class="tdcustom1"><a href="#" onMouseUp="dw.tasksPalette.browseToPage('')"><img src="images/taskhome.gif" alt="Topics" border="0" align="absmiddle">Topics</a></td>
            </tr>
            <tr>
               <td valign="bottom" height="4" colspan="2"><img src="separator.gif" width="100%" height="2"></td>
            </tr>
         </table>
         <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
               <td class="heading2">
                  <p>Create image hotspots</p><img height="1" src="images/pixel_white.gif" width="1"></td>
            </tr>
         </table>
         <table width="100%" border="0" cellspacing="0" cellpadding="1">
            <tr>
               <td>
                  <p class="bodytext">Hotspots or image maps are defined areas of an image that
                     are hyperlinked. You can create hotspots on images in Contribute,
                     and hyperlink the hotspots to the desired locations.
                  </p>
                  <p class="bodytext">
                     <table width="95%" cellspacing="2" border="0" cellpadding="1">
                        <tr valign="top">
                           <td align="left" width="8"><b>1.</b></td>
                           <td colspan="2">In your draft page, click the image on which you want
                              to create a Hotspot. The Image Hotspot Tools appear on the image
                              toolbar.
                           </td>
                        </tr>
                        <tr valign="top">
                           <td align="left" width="8"><b>2.</b></td>
                           <td colspan="2">Select a shape tool to create the hotspot. The hotspot can
                              be a rectangle, circle, or a polygon.
                           </td>
                        </tr>
                        <tr valign="top">
                           <td align="left" width="8"><b>3.</b></td>
                           <td colspan="2">Create a hotspot on the image by doing any of the following:
                              <table width="95%" cellspacing="2" border="0" cellpadding="1">
                                 <tr valign="top">
                                    <td align="left" width="8"><img src="images/bullet.gif" vspace="2"></td>
                                    <td colspan="2">Create circular or rectangular Hotspots by clicking the image
                                       and dragging to the required dimension.
                                    </td>
                                 </tr>
                                 <tr valign="top">
                                    <td align="left" width="8"><img src="images/bullet.gif" vspace="2"></td>
                                    <td colspan="2">Create polygonal hotspots by defining the points of the polygon
                                       using mouse clicks.
                                    </td>
                                 </tr>
                              </table>
                           </td>
                        </tr>
                        <tr valign="top">
                           <td align="left" width="8"><b>4.</b></td>
                           <td colspan="2">In the Hotspot Properties dialog box, do the following:
                              <table width="95%" cellspacing="2" border="0" cellpadding="1">
                                 <tr valign="top">
                                    <td align="left" width="6"><img src="images/bullet.gif" vspace="2"></td>
                                    <td><b>Link (HREF)</b>  Specify the URL of the hyperlink for the Hotspot.
                                    </td>
                                 </tr>
                                 <tr valign="top">
                                    <td align="left" width="6"><img src="images/bullet.gif" vspace="2"></td>
                                    <td><b>Target Frame</b>  Specify the target Frame as Default, Entire Window, or New Window.
                                       Based on the selection, the destination page of the URL opens in
                                       the current or a new browser window.
                                    </td>
                                 </tr>
                                 <tr valign="top">
                                    <td align="left" width="6"><img src="images/bullet.gif" vspace="2"></td>
                                    <td><b>ALT Text</b>  Specify the text that is displayed when the user hovers the
                                       mouse over the Hotspot area. This text is also read aloud by screen
                                       reader software.
                                    </td>
                                 </tr>
                              </table>
                           </td>
                        </tr>
                        <tr valign="top">
                           <td align="left" width="8"><b>5.</b></td>
                           <td colspan="2">Click OK to complete hotspot creation. You can click
                              Publish to publish your changes to the website.
                           </td>
                        </tr>
                     </table>
                  </p>
               </td>
            </tr>
         </table>
      </body>
   </head>
</html>