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
- Si no tienes abierto
Dreamweaver, ábrelo para realizar el ejercicio.
- Si no aparece el panel Archivos,
ábrelo a través del menú Ventana,
opción Archivos.
- Selecciona el sitio Cocina en el panel Archivos.
- Haz doble clic sobre el documento
menu.htm, que aparece en el panel Archivos.
- Se abrirá el documento en Dreamweaver.
- Si no aparece el inspector
de propiedades, ábrelo a través del menú
Ventana, opción Propiedades.
- Si no aparece el panel Comportamientos,
ábrelo a través del menú Ventana,
opción Comportamientos.
- Haz clic sobre la imagen de sustitución de email
para seleccionarla.
- Haz clic sobre el botón
del panel Comportamientos.
- Elige la opción Mostrar-Ocultar
elementos.
- En Elementos: selecciona la capa div sugerencia.
- Haz clic sobre el botón
Mostrar.
- Haz clic sobre el botón
Aceptar. En el panel Comportamientos
aparecerá el nuevo comportamiento.
- Haz clic sobre el comportamiento
en el panel.
- Haz clic sobre el botón
,
que aparece a la derecha del evento.
- Selecciona el evento onMouseOver (cuando se poner el cursor encima).
- Haz clic sobre el botón del panel Comportamientos.
- Elige la opción Mostrar-Ocultar
elementos.
- En Elementos: selecciona la capa div sugerencia.
- Haz clic sobre el botón Ocultar.
- Haz clic sobre el botón Aceptar. En el panel Comportamientos aparecerá el nuevo comportamiento.
- Haz clic sobre el comportamiento
en el panel.
- Haz clic sobre el botón ,
que aparece a la derecha del evento.
- Selecciona el evento onMouseOut (cuando se quita el cursor).
- Selecciona la capa sugerencia. En el Inspector de propiedades, cambia el valor de visibilidad (Vis.) a hidden (oculto).
- Haz clic sobre el botón Guardar
de la barra de herramientas.
- 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í.
Octubre-2009.