Cómo crear un mapa de imagen interactivo con Dreamweaver

Escrito por ehow contributor | Traducido por beatriz sánchez
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo crear un mapa de imagen interactivo con Dreamweaver
(working at computer image by TEMISTOCLE LUCARELLI from Fotolia.com)

Cómo crear un mapa de imagen interactivo con Dreamweaver. Los mapas de imagen son imágenes que tienen regiones interactivas conocidas como "zonas calientes". Cuando los usuarios hacen clic sobre una de las zonas calientes, son redirigidos a una página que indiques. Dreamweaver 3.0 te permite crear fácilmente mapas de imagen para dar diversión y entusiasmo a tu página.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Necesitarás

  • Macromedia Dreamweaver

Lista completaMinimizar

Instrucciones

  1. 1

    Ejecuta Dreamweaver y abre la página donde quieres que aparezca el mapa de imagen.

  2. 2

    Inserta una imagen para usarla como mapa, o haz clic en una imagen existente.

  3. 3

    Abre el menú "Archivo", selecciona "Ventana", y después "Inspector de propiedades".

  4. 4

    Haz clic en la flecha de la esquina inferior izquierda del "Inspector de propiedades" para expandir las opciones.

  5. 5

    En la caja "Nombre de mapa", escribe el nombre del mapa de imagen. Esto ayuda al navegador a saber qué mapa esta siendo referenciado cuando configuras las zonas calientes.

  6. 6

    Elige la forma de la zona caliente deseada: círculo, rectángulo o polígono.

  7. 7

    Arrastra la forma sobre la imagen hasta que cubra la zona caliente deseada.

  8. 8

    En la caja "Inspector de zona caliente", escribe el nombre de la URL o selecciona el archivo de la zona caliente a la que se llevará al usuario.

  9. 9

    Escribe un texto alternativo que aparecerá en los navegadores de sólo texto en la caja ALT. Por ejemplo, si una zona caliente apunta a la página "Productos", escribe "Productos" en la caja ALT.

  10. 10

    Repite el proceso para añadir nuevas zonas calientes.

  11. 11

    Guarda la página cuando hayas terminado, y previsualízala escogiendo "Vista previa" en "Navegador" en el menú "Archivo".

Consejos y advertencias

  • Si copias un mapa de imagen en otra página después de guardar la página original, la zona caliente será también copiada.
  • En algunos navegadores, el texto escrito en la caja ALT aparecerá cuando el ratón pase sobre la zona caliente.
  • No todos los navegadores soportan los mapas de imagen en el cliente y algunos navegadores sólo tienen texto, así que asegúrate de usar la caja ALT para especificar los enlaces de texto determinados para los usuarios que usan estos navegadores.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles