Ejercicio paso a paso. Unidad 6. Crear mapas de imagen


Objetivo.

 

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

 

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 Administrar Archivos .

3 Selecciona el sitio Animales en la ventana que se abre y presiona Listo.

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

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 fuera de la imagen para que se apliquen los cambios.

12 Haz clic sobre el botón Herramienta Zona interactiva poligonal , del inspector de propiedades.

13 Pulsa, en el orden de las agujas del reloj, alrededor de la silueta del gato.

14 Haz clic sobre el botón Herramienta Puntero de zona interactiva , del inspector de propiedades.

15 Haz clic fuera de la imagen para que se apliquen los cambios.

16 Haz clic sobre el mapa del perro.

17 En Vínculo, del inspector de propiedades, escribe perros.htm.

18 Haz clic sobre el mapa del gato.

19 En Vínculo, del inspector de propiedades, escribe gatos.htm.

20 Pulsa fuera del mapa del gato para que deje de estar seleccionado y se le aplique el último cambio.

21 Pulsa F12 para ver el resultado en tu navegador. Comprueba que cuando posicionas el puntero del ratón sobre el perro, en la barra de estado aparece el enlace a perros.htm y cuando lo posicionas en la silueta del gato aparece el enlace a gatos.htm.

22 Cierra la ventana del navegador.

23 Haz clic sobre el botón Guardar de la barra de herramientas.

  Índice del curso  
Aviso legal: Uso off-line autorizado a alumnos de aulaClic exclusivamente. No está permitido utilizar estos cursos en empresas, academias o centros de enseñanza privados.
© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.
Abril 2004.