<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="GENERATOR" content="amaya 6.4+, see http://www.w3.org/Amaya/" />
  <title>Crear mapas de imagen cliente</title>
  <link href="../style.css" rel="stylesheet" type="text/css" />
</head>

<body xml:lang="es" lang="es">

<table border="0" summary="toc">
  <tbody>
    <tr>
      <td><img alt="W3C" src="../../images/w3c_home" /> <img alt="Amaya"
        src="../../images/amaya.gif" /></td>
      <td><p><a href="adding_an_image.html.es" accesskey="p"><img
        alt="anterior" /></a> <a href="../ImageMaps.html.es"
        accesskey="t"><img alt="superior" src="../../images/up.gif" /></a> <a
        href="using_clientside_image_maps.html.es" accesskey="n"><img
        alt="siguiente" src="../../images/right.gif" /></a></p>
      </td>
    </tr>
  </tbody>
</table>

<div id="page_body">
<h1>Crear mapas de imagen cliente</h1>

<p>Amaya te permite crear mapas de imagen cliente que enlazan una imagen a
uno o múltiples URIs.</p>

<p class="ProcedureCaption">Para crear un nuevo mapa de imagen</p>
<ol>
  <li>Inserta una imagen en el documento eligiendo el comando de menú
    <strong>Xhtml &gt; Imagen</strong>. 
    <p></p>
    <p class="ProcedureNote"><strong>Nota:</strong> También puedes insertar
    una imagen haciendo clic en el icono <img src="../../images/Image.gif"
    alt="Botón Imagen" /> de la barra de botones, o mediante el altajo de
    teclado <code>Control + t</code> en Windows o <code>Control + i</code> en
    Unix.</p>
    <p></p>
  </li>
  <li>Elige el comando de menú <strong>Xhtml &gt; área</strong>. A
    continuación elige <strong>Círculo</strong>, <strong>Polígono</strong> o
    <strong>Rectángulo</strong>, en función de la forma del área que quieres
    crear en la imagen. La tabla siguiente indica cómo definir el área según
    la forma elegida. 
    <p class="TableTitle" style="margin-left:0in"><strong>Tabla 1: Definir
    formas</strong></p>

    <table border="1" cellspacing="0" cellpadding="0">
      <tbody>
        <tr>
          <td><p class="TableTitle"><strong>Forma</strong></p>
          </td>
          <td><p class="TableTitle"><strong>Definir el área</strong></p>
          </td>
        </tr>
        <tr>
          <td><p class="TableText">Círculo</p>
          </td>
          <td><p class="TableText">Haz clic con el botón izquierdo del ratón
            para indicar la posición de un punto de la circunferencia.
            Arrastra el ratón hasta el punto diametralmente opuesto y
            entonces, suelta el botón.</p>
            <p></p>
          </td>
        </tr>
        <tr>
          <td><p class="TableText">Polígono</p>
          </td>
          <td><p class="TableText">Haz clic con el botón izquierdo en cada
            punto que quieras que sea un vértice del polígono. Haz clic con
            el botón derecho para indicar que marcas el último vértice.</p>
            <p></p>
          </td>
        </tr>
        <tr>
          <td><p class="TableText">Rectángulo</p>
          </td>
          <td><p class="TableText">Haz clic con el botón izquierdo para
            indicar la posición de una esquina del rectángulo. Arrastra el
            ratón hasta la esquina opuesta y entonces, suelta el botón.</p>
          </td>
        </tr>
      </tbody>
    </table>
  </li>
  <li>Cuando termines de definir el área del mapa de imagen, se mostrará una
    caja de diálogo para que escribas su texto alternativo. El texto
    alternativo es obligatorio en cualquier imagen o mapa de imagen. 
    <p></p>
  </li>
  <li>Haz clic en cualquier punto en el interior del área del mapa de imagen.
    Se abrirá otra caja de diálogo para que escriba el URI o destino al que
    quieres enlazar el área. Escribe el destino o haz clic en
    <strong>Buscar</strong> para buscar el destino.. 
    <p></p>
    <p><b>Consejo:</b> Para ver el contorno de las áreas ya definidas en el
    mapa de imagen, elige el comando de menú <strong>Vistas &gt; Mostrar
    áreas de mapas</strong>.</p>
  </li>
</ol>
</div>
</body>
</html>
