Ejercicio paso a paso. Unidad 15. Crear comportamiento

Objetivo.

Practicar las operaciones que hay que realizar para crear comportamientos para mostrar y ocultar capas.

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 Si no aparece el panel Comportamientos, ábrelo a través del menú Ventana, opción Comportamientos.

7 Haz clic sobre la imagen de sustitución de email para seleccionarla.

8 Haz clic sobre el botón del panel Comportamientos.

9 Elige la opción Mostrar-Ocultar elementos.

10 En Elementos: selecciona la capa sugerencia, que es la única que aparecerá en la lista, al ser la única capa del documento.

11 Haz clic sobre el botón Mostrar.

12 Haz clic sobre el botón Aceptar. En el panel Comportamientos aparecerá el nuevo comportamiento.

13 Haz clic sobre el comportamiento en el panel.

14 Haz clic sobre el botón , que aparece a la derecha del evento.

15 Selecciona el evento onMouseOver.

16 Repite los pasos del 7 al 14

17 Selecciona el evento onMouseOut.

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

19 Visualiza la página en tu navegador y comprueba los comportamientos que has definido.

20 Abre el documento marcos.htm en un navegador, y compara la página que has creado con la que aparece si pulsas aquí.