<?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 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>

    

  </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>

            

          </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>

            

          </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.

    

  </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><b>Consejo:</b> Para ver el contorno de las áreas ya definidas en el

    mapa de imagen, elige el comando de menú <strong>Ver &gt;  Áreas de mapas</strong>.</p>

  </li>

</ol>

</div>

</body>

</html>

