Ejercicio paso a paso. Unidad 13. 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 Animales en el panel Archivos.

4 Haz doble clic sobre el documento gatos.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 del gato para seleccionarla.

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

9 Elige la opción Mostrar-Ocultar capas.

Si no te aparece la opción Mostrar-Ocultar capas, tendrás que dirigirte a la opción Mostrar eventos para y seleccionar un navegador más actual. Elige IE 5.5 o IE 6.0. Después haz clic sobre el botón y selecciona la opción Mostrar-Ocultar capas.

10 En Capas con nombre: selecciona la capa capa "gatosemana", 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 onClic.

16 Pulsa sobre la imagen para seleccionar la capa.

17 Selecciona el texto Cerrar.

18 En Vínculo, del inspector de propiedades, escribe #. De este modo, la imagen contendrá un vínculo vacío.

19 En Color del texto escribe #000000. De este modo, el texto no adquirirá el color establecido para los vínculos, que por defecto es el color azul.

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

21 Elige la opción Mostrar-Ocultar capas.

22 En Capas con nombre: selecciona la capa capa "gatosemana".

23 Haz clic sobre el botón Ocultar.

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

25 Haz clic sobre el comportamiento en el panel.

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

27 Selecciona el evento onClic.

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

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

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