<?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 8.0-pre, 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" width="100%" summary="toc">
  <tbody>
    <tr>
      <td><img alt="W3C" src="../../images/w3c_home" /> <img alt="Amaya"
        src="../../images/amaya.gif" /></td>
      <td><p align="right"><a href="adding_an_image.html.es"
        accesskey="p"><img alt="anterior" /></a><a
        href="adding_an_image.html.es" accesskey="p"><img alt="anterior"
        src="../../images/left.gif" /></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"><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 estás marcando 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>
