DEBER

NOMBRE: MABEL HERRERA

CURSO: 6 TO A

FECHA: 30/09/2014

Comportamientos en Dreamweaver
Introduccin
Los comportamientos son acciones que suceden cuando los usuarios realizan algn
evento sobre un objeto, como puede ser mover el ratn sobre una imagen, pulsar sobre
un texto, hacer doble clic sobre un mapa de imagen, etc.
Los comportamientos no existen como cdigo HTML, se programan en JavaScript.
Dreamweaver permite insertarlos a travs del panel Comportamientos, por lo que no es
necesario escribir ninguna lnea de cdigo JavaScript para programarlos.
Otros comportamientos que ya has visto son los que se aplican sobre las imgenes de
sustitucin y las barras de navegacin, que ya estn predefinidos, por lo que no es
necesario introducir este conjunto de comportamientos a travs del panel
Comportamientos.
Para validar formularios ya vistes algunas caractersticas del panel Comportamientos.
Vamos a recordar las que necesitamos para poder insertar comportamientos ms tarde.
El panel Comportamientos se puede abrir a travs del men Ventana, opcin
Comportamientos. Tambin pulsando Mays+F3 o sobre el botn del lanzador.
En este panel hay que desplegar el botn que tiene un + pulsando sobre l, y en Mostrar
eventos para elegir una versin de la lista de navegadores. Algunos comportamientos no
funcionan para algunos navegadores, por lo que dependiendo del navegador elegido
aparecern unos u otros comportamientos posibles. Existen comportamientos que
funcionan en Internet Explorer pero no en Netscape o en Mozilla. Una vez elegido un
navegador ya no es necesario volver a elegirlo las siguientes veces que se desee
insertar algn comportamiento.
Insertar un comportamiento
Cuando ya hay establecido algn navegador, ya se
pueden insertar comportamientos. Lo primero que hay
que hacer es seleccionar el objeto sobre el que se ha
de aplicar el comportamiento, como puede ser una
imagen, un fragmento de texto, etc.
Al desplegar el botn del + del panel Comportamientos
aparece la opcin Mostrar eventos para, a travs de la
cual se haba elegido el navegador. Tambin aparece
la lista de todas las acciones posibles para el navegador elegido previamente, de entre
las que se puede seleccionar una. Segn el elemento
sobre el que se desee aplicar el comportamiento, se
podrn elegir unas acciones, mientras que otras no.
En este caso la accin Validar formulario no puede
seleccionarse porque no existe ningn formulario en la
pgina. Despus de elegir alguna accin, el
comportamiento correspondiente aparece en el panel
Comportamientos. En este caso se han insertado dos

comportamientos. Como puedes ver, cada comportamiento tiene asociada una accin y
un evento. Las acciones son las que se han elegido de la lista anterior.
Para eliminar un comportamiento, hay que seleccionarlo
en el panel Comportamientos y pulsar sobre el botn del
- . Tambin es posible cambiar el orden de los
comportamientos
aplicados
a
un
objeto,
seleccionndolos y ordenndolos mediante los botones
con fecha arriba y flecha abajo.

Mostrar-Ocultar capas
Uno de los comportamientos ms habitual e interesante es el de Mostrar-Ocultar capas.
Resulta obvio que para poder aplicar este comportamiento han de existir capas en el
documento. En la pgina anterior tenas un ejemplo de este tipo. Vamos a ver qu
eventos y acciones hay que establecer para que se produzca dicho comportamiento.
Despus de seleccionar la imagen hay que seleccionar una accin de la lista, pulsando
sobre el botn del +. En este caso la accin tiene que ser la de Mostrar-Ocultar capas.
Tras elegir la accin, hay que especificar qu capas han de mostrarse u ocultarse para
el evento. Para ello hay que pulsar dos veces sobre la accin, en el panel
Comportamientos.
Entonces aparece una nueva ventana, con la lista de todas las capas que hay en la
pgina, en la que puede indicarse la variacin que se va a producir sobre la visibilidad de
cada una de las capas. 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 travs de los botones inferiores de la ventana. No es
necesario aplicar una visibilidad diferente a todas las capas de la pgina, solamente a
las que se desea que cambien al producirse el evento. Por ejemplo, en este caso a la
capa no se le ha aplicado ninguna visibilidad diferente (saldran entre parntisis detrs
del nombre), ya que no se desea que vare al producirse el evento.
Si se desea eliminar una visibilidad establecida para
alguna de las capas, simplemente hay que volver a
pulsar sobre el botn correspondiente a la visibililidad
que ya tiene aplicada. Por ejemplo, para eliminar la
visibilidad aplicada a la capa "Layer1" habra que
volver a pulsar sobre el botn 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 accin Mostrar-Ocultar capas. Uno de ellos mostrar la capa
para el evento onMouseOver (cuando el ratn est sobre aunque en este caso tambin
valdra el evento onMouseMove), mientras que el otro la ocultar para el evento
onMouseOut (cuando el ratn est fuera).