Está usted en Indice > Programas > Editores > DreamWeaver > Lecciones y Paso a Paso > WebTaller -Capas DreamWeaver
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

WebTaller - Capas en DreamWeaver

Capas en DreamWeaver


Uno de los comportamientos más habitual e interesante es el de Mostrar-Ocultar capas. Resulta obvio que para poder aplicar este comportamiento han de existir capas en el documento.

Vamos a ver qué eventos y acciones hay que establecer para que se produzca dicho comportamiento.

Después de seleccionar la imagen hay que seleccionar una acción de la lista, pulsando sobre el botón añadir. En este caso la acción tiene que ser la de Mostrar-Ocultar capas.

Tras elegir la acción, hay que especificar qué capas han de mostrarse u ocultarse para el evento. Para ello hay que pulsar dos veces sobre la acción, en el panel Comportamientos.

Entonces aparece una nueva ventana, con la lista de todas las capas que hay en la página, en la que puede indicarse la variación que se va a producir sobre la visibilidad de cada una de las capas.

comportamientos

 



Puede indicarse si se van a mostrar, si se van a ocultar, o si van a adquirir la visibilidad inicial (predeterminada).

Para determinar la visibilidad de cada una de las capas es necesario seleccionarlas una por una, indicando su visibilidad a través de los botones inferiores de la ventana.

mostrar ocultar capas

 



No es necesario aplicar una visibilidad diferente a todas las capas de la página, solamente a las que se desea que cambien al producirse el evento. Por ejemplo, en este caso a la capa "gatomes" no se le ha aplicado ninguna visibilidad diferente, ya que no se desea que varíe al producirse el evento.

Si se desea eliminar una visibilidad establecida para alguna de las capas, simplemente hay que volver a pulsar sobre el botón correspondiente a la visibililidad que ya tiene aplicada. Por ejemplo, para eliminar la visibilidad aplicada a la capa "gatosemana" habría que volver a pulsar sobre el botón Mostrar.

Hay que tener en cuenta en este caso que lo que se desea es que al situar el puntero sobre la imagen, se muestre la capa, y que cuando el puntero deje de estar sobre la imagen, la capa se vuelva a ocultar. Para ello es necesario insertar dos comportamientos con la acción Mostrar-Ocultar capas. Uno de ellos mostrará la capa para el evento onMouseOver (cuando el ratón esté sobre), mientras que el otro la ocultará para el evento onMouseOut (cuando el ratón esté fuera).






Usuarios que han visto este tema también han visto...

- Sencillo tutorial de como insertar código en DreamWeaver.
- Crear Formularios con DreamWeaver
- Manejo de Hojas de Estilo CSS con Dreamweaver CS3
- Crear un menu desplegable en DreamWeaver
- Tablas en DreamWeaver


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad






Publicidad








Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 20-01-2017 a las 06:39:28