Unidad 7. Ejercicio: Crear Mapas de imagen


Objetivo

Practicar las operaciones que hay que realizar para insertar mapas de imagen.

Ejercicio

  1. Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.
  2. Si no aparece el panel Archivos, ábrelo a través del menú Ventana, opción Archivos.
  3. Selecciona el sitio Cocina en el panel Archivos.
  4. Haz doble clic sobre el documento menu.htm, que aparece en el panel Archivos.
    Se abrirá el documento en Dreamweaver.
  5. Si no aparece el Inspector de propiedades, ábrelo a través del menú Ventana, opción Propiedades.
  6. Selecciona la imagen, haciendo clic sobre ella.
  7. Si el Inspector de propiedades no se muestra en su totalidad, pulsa sobre el botón para desplegar sus propiedades más avanzadas.
  8. Haz clic sobre el botón Herramienta Zona interactiva poligonal , del inspector de propiedades .
  9. Pulsa, en el orden de las agujas del reloj, alrededor de la silueta del gorro de la izquierda.
  10. Haz clic sobre el botón Herramienta Puntero de zona interactiva , del inspector de propiedades para terminar de delimitar el mapa.
  11. Haz clic sobre el botón Herramienta Zona interactiva poligonal , del inspector de propiedades .
  12. Pulsa, en el orden de las agujas del reloj, alrededor de la silueta del gorro de la derecha.
  13. Haz clic sobre el botón Herramienta Puntero de zona interactiva , del inspector de propiedades.
  14. Haz clic sobre el mapa del gorro de la izquierda.
  15. En Vínculo, del inspector de propiedades, escribe platodelasemana.htm.
  16. En Alt, escribe Plato de la semana.
  17. Haz clic sobre el mapa del gorro de la derecha.
  18. Haz clic sobre el icono de la carpeta que aparece junto al campo Vínculo.
  19. En el diálogo, busca y selecciona el archivo postredelasemana.htm. Pulsa Aceptar.
  20. En Alt, escribe Postre de la semana.
  21. Pulsa fuera del mapa para que deje de estar seleccionado y se le aplique el último cambio.
  22. Haz clic sobre el botón Guardar de la barra de herramientas.
  23. Pulsa F12 para ver el resultado en tu navegador. Comprueba que cuando posicionas el puntero del ratón sobre los gorros, en la barra de estado aparece el enlace a la página web correspondiente.
  24. Haz clic cobre alguno para comprobar que se abre la página correspondiente.
  25. Cierra la ventana del navegador.

Marzo-2015
Volver






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook ,    G+            Sobre aulaClic            Política de Cookies


© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.