<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <!-- Copyright 2009 Adobe Systems Incorporated, All rights reserved. -->
      <title>Crear zonas interactivas de imagen</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="Atrás" border="0" align="absmiddle">Atrás</a></td>
               <td width="50%" align="left" class="tdcustom1"><a href="#" onMouseUp="dw.tasksPalette.browseToPage('')"><img src="images/taskhome.gif" alt="Temas" border="0" align="absmiddle">Temas</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>Crear zonas interactivas de imagen</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"> Las zonas interactivas o mapas de imágenes son áreas definidas de una imagen que tienen un hipervínculo. Se pueden crear zonas
                     interactivas en imágenes en Contribute y establecer hipervínculos desde las zonas interactivas a las ubicaciones deseadas.
                  </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"> En la página de borrador, haga clic en la imagen en la que desea crear una zona interactiva. En la barra de herramientas de
                              imagen aparecen las herramientas de zona interactiva de imagen.
                           </td>
                        </tr>
                        <tr valign="top">
                           <td align="left" width="8"><b>2.</b></td>
                           <td colspan="2"> Seleccione una herramienta Forma para crear la zona interactiva. La zona interactiva puede ser un rectángulo, un círculo o
                              un polígono.
                           </td>
                        </tr>
                        <tr valign="top">
                           <td align="left" width="8"><b>3.</b></td>
                           <td colspan="2"> Cree una zona interactiva en la imagen siguiendo uno de estos procedimientos:
                              <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"> Para crear zonas interactivas circulares o rectangulares, haga clic en la imagen y arrástrela hasta obtener la dimensión necesaria.</td>
                                 </tr>
                                 <tr valign="top">
                                    <td align="left" width="8"><img src="images/bullet.gif" vspace="2"></td>
                                    <td colspan="2"> Para crear zonas interactivas poligonales, defina los puntos del polígono mediante clics del ratón.</td>
                                 </tr>
                              </table>
                           </td>
                        </tr>
                        <tr valign="top">
                           <td align="left" width="8"><b>4.</b></td>
                           <td colspan="2"> En el cuadro de diálogo Propiedades de zona interactiva, siga este procedimiento:
                              <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>Vínculo (HREF)</b>   Especifique el URL del hipervínculo para la zona interactiva.
                                    </td>
                                 </tr>
                                 <tr valign="top">
                                    <td align="left" width="6"><img src="images/bullet.gif" vspace="2"></td>
                                    <td><b>Marco de destino</b>   Establezca el marco de destino como Predeterminado, Ventana completa o Nueva ventana. En función de la selección, la página
                                       de destino del URL se abre en la ventana actual del navegador o en una nueva.
                                    </td>
                                 </tr>
                                 <tr valign="top">
                                    <td align="left" width="6"><img src="images/bullet.gif" vspace="2"></td>
                                    <td><b>Texto ALT</b>   Especifique el texto que se muestra cuando el usuario pasa el puntero del ratón sobre el área de zona interactiva. Este texto
                                       también puede leerse en alto con un software de lector de pantalla.
                                    </td>
                                 </tr>
                              </table>
                           </td>
                        </tr>
                        <tr valign="top">
                           <td align="left" width="8"><b>5.</b></td>
                           <td colspan="2"> Haga clic en Aceptar para completar la creación de la zona interactiva.  Puede hacer clic en Publicar para publicar los cambios en el sitio Web.</td>
                        </tr>
                     </table>
                  </p>
               </td>
            </tr>
         </table>
      </body>
   </head>
</html>