Unidad 15. Ejercicio paso a paso: Crear comportamiento

Objetivo

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

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.
  5. Se abrirá el documento en Dreamweaver.
  6. Si no aparece el inspector de propiedades, ábrelo a través del menú Ventana, opción Propiedades.
  7. Si no aparece el panel Comportamientos, ábrelo a través del menú Ventana, opción Comportamientos.
  8. Haz clic sobre la imagen de sustitución de email para seleccionarla.
  9. Haz clic sobre el botón del panel Comportamientos.
  10. Elige la opción Mostrar-Ocultar elementos.
  11. En Elementos: selecciona la capa div sugerencia.
  12. Haz clic sobre el botón Mostrar.
  13. Haz clic sobre el botón Aceptar. En el panel Comportamientos aparecerá el nuevo comportamiento.
  14. Haz clic sobre el comportamiento en el panel.
  15. Haz clic sobre el botón , que aparece a la derecha del evento.
  16. Selecciona el evento onMouseOver (cuando se poner el cursor encima).
  17. Haz clic sobre el botón del panel Comportamientos.
  18. Elige la opción Mostrar-Ocultar elementos.
  19. En Elementos: selecciona la capa div sugerencia.
  20. Haz clic sobre el botón Ocultar.
  21. Haz clic sobre el botón Aceptar. En el panel Comportamientos aparecerá el nuevo comportamiento.
  22. Haz clic sobre el comportamiento en el panel.
  23. Haz clic sobre el botón , que aparece a la derecha del evento.
  24. Selecciona el evento onMouseOut (cuando se quita el cursor).
  25. Selecciona la capa sugerencia. En el Inspector de propiedades, cambia el valor de visibilidad (Vis.) a hidden (oculto).
  26. Haz clic sobre el botón Guardar de la barra de herramientas.
  27. Visualiza la página en tu navegador y comprueba los comportamientos que has definido.

 

Con esto hemos acabado el sitio cocina. Abre en tu navegador la página index.htm y compárala con la que aparece si pulsas aquí.

   Inicio