Página inicial

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 Cocina 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 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 Haz clic sobre el mapa del gorro de la derecha.

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

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

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

20 Cierra la ventana del navegador.

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




  Índice del curso  
© aulaClic. Todos los derechos reservados. Free Computer tutorials. Prohibida la reproducción por cualquier medio.
Agosto - 2006.