Con HTML podemos utilizar una única imagen y definir zonas en su interior de tal modo que, cuando el usuario pase el ratón sobre esas zonas, podamos enlazar con varios sitios. Se emplea mucho para crear mapas o grandes imágenes desde las que saltar a diferentes lugares
Estudiaremos las etiquetas relacianadas.
Ayuda Dreamweaver / Mapas de imágenes
Acerca de los mapas de imágenes
Un mapa de imagen es una imagen que se ha dividido en regiones o zonas interactivas. Cuando el usuario hace clic en una zona interactiva, se realiza una acción (se abre un archivo nuevo, por ejemplo).
Los mapas de imagen del lado del cliente almacenan la información acerca de los vínculos de hipertexto en el documento HTML en lugar de hacerlo por separado en un archivo de mapa como hacen los mapas de imagen del lado del servidor. Cuando el visitante de un sitio hace clic en una zona interactiva, el URL asociado se envía directamente al servidor. Esto hace que los mapas de imagen del lado del cliente sean más rápidos que los mapas del lado del servidor, pues el servidor no necesita interpretar dónde ha hecho clic el usuario. Los mapas de imagen del lado del cliente son compatibles con Netscape Navigator 2.0 y versiones posteriores, NCSA Mosaic 2.1 y 3.0 y todas las versiones de Internet Explorer.
Dreamweaver no modifica las referencias a mapas de imagen del lado del servidor en documentos existentes. Puede utilizar mapas de imagen del lado del cliente y del servidor en el mismo documento. Sin embargo, los navegadores que admiten ambos tipos de mapas de imagen dan prioridad a los mapas de imagen del lado del cliente. Para incluir un mapa de imagen del lado del servidor en un documento, deberá escribir el código HTML correspondiente.
Inserción de mapas de imagen del lado del cliente
Cuando inserte un mapa de imagen del lado del cliente, cree una zona interactiva y, a continuación, defina un vínculo que se abra cuando el usuario haga clic en la zona interactiva.
Modificación de zonas interactivas de mapas de imágenes
Puede editar fácilmente las zonas interactivas creadas en un mapa de imagen. Puede mover un área de zonas interactivas, cambiar el tamaño de las zonas interactivas o adelantar o retrasar una zona interactiva en un elemento con posición absoluta (elemento PA).
También puede copiar una imagen con zonas interactivas de un documento a otro o copiar una o más zonas interactivas de una imagen y pegarlas en otra imagen. Las zonas interactivas asociadas a la imagen también se copiarán en el nuevo documento.
Selección de varias zonas interactivas en un mapa de imagen
- Utilice la herramienta de puntero para seleccionar una zona interactiva.
-
Siga uno de estos procedimientos:
-
Mantenga presionada la tecla Mayús mientras hace clic en las otras zonas interactivas que desea seleccionar.
-
Presione Control+A (Windows) o Comando+A (Macintosh) para seleccionar todas las zonas interactivas.
-
Desplazamiento de una zona interactiva
- Utilice la herramienta de puntero para seleccionar la zona interactiva.
-
Siga uno de estos procedimientos:
-
Arrastre la zona interactiva a una nueva área.
-
Utilice Control y las teclas de flecha para mover una zona interactiva 10 píxeles en la dirección seleccionada.
-
Utilice las teclas de flecha para mover una zona interactiva un píxel en la dirección seleccionada.
-