Sei sulla pagina 1di 4

Web docente departamental

Comportamientos en Dreamweaver
Los comportamientos son acciones, programadas normalmente en cdigo JavaScript, que
suceden cuando los usuarios realizan algn evento sobre un objeto (en lenguaje
Dreamweaver) ya sea imagen, texto, capa, ... Los comportamientos de Dreamweaver
introducen en los documentos cdigo JavaScript que permite a los visitantes interactuar con la
pgina Web para modificarla de diversas maneras o para que se realicen determinadas tareas.
Un comportamiento es una combinacin de un evento con una accin que desencadena ese
evento.

El panel Comportamientos, que se puede abrir a travs del men Ventana, o pulsando
Mays+F3 o sobre el botn del lanzador. Un comportamiento se aade a un objeto
especificando en primer lugar una accin y, a continuacin, el evento que desencadena esa
accin.
Estos eventos puede ser:
onMouseOver (pasar el ratn sobre)
onMouseOut (el fuera de)
onClic (hacer clic sobre)
y muchos ms

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. Una vez elegido un
navegador (mostrar eventos para...) ya no es necesario volver a elegirlo las siguientes veces
que se desee insertar algn comportamiento.
Cada evento lleva asociada una accin. Las acciones ms importantes son:
Abrir ventana de navegador (ejemplo)
Intercambiar imagen (ejemplo)
Arrastrar capa (ejemplo) (funciona con Internet Explorer)
Mostrar y ocultar capas (ejemplo)
Mensaje emergente (ejemplo-buscar condiciones de uso)
Llamar a JavaScript



Curiosidades en JavaScript:
Clculo letra DNI. Calcula la letra a partir de los nmeros del DNI.
Entrada con clave. Exige una clave para entrar a una pgina web.
Ejercicio: En cada uno de los ejemplos (acciones) localiza el evento asociado.
Aplicacin de un comportamiento

Se pueden adjuntar comportamientos al documento completo (es decir, a la etiqueta body ) o
a vnculos, imgenes, elementos de formulario o cualquier otro elemento HTML. Pero no se
puede adjuntar un comportamiento a texto normal. Se puede especificar ms de una accin
para cada evento. Las acciones tienen lugar en el orden en el que se enumeran en la columna
Acciones del panel Comportamientos.

El navegador de destino que elija determina los eventos compatibles con un elemento
determinado. Internet Explorer 4.0, por ejemplo, tiene una gama de eventos para cada
elemento mucho ms amplia que Netscape Navigator 4.0 o que la versin 3.0 de cualquier otro
navegador.

Para adjuntar un comportamiento:

Selecciona un elemento de la pgina, como una imagen o un vnculo. Para adjuntar un
comportamiento a la pgina completa, haz clic en la etiqueta <body> en el selector de
etiquetas, situado en la parte inferior izquierda de la ventana de documento.
Elije Ventana > Comportamientos para abrir el panel de comportamientos.
Haz clic en el botn ms (+) y selecciona una accin en el men emergente Acciones. No se
pueden seleccionar las acciones que aparecen atenuadas en el men. Pueden mostrarse
atenuadas porque no exista un objeto necesario en el documento actual. Por ejemplo, la
accin Controlar Shockwave o Flash aparece atenuada si el documento no contiene ningn
archivo SWF Macromedia Flash o Shockwave. Si no hay eventos para el objeto seleccionado,
todas las acciones aparecern atenuadas.
Cuando se selecciona una accin, aparece un cuadro de dilogo que muestra parmetros e
instrucciones para dicha accin. Introduce los parmetros de la accin y haga clic en Aceptar.
Todas las acciones proporcionadas con Dreamweaver funcionan con los navegadores de la
versin 4.0 y posteriores. Algunas acciones no funcionan en los navegadores antiguos.
El evento predeterminado que desencadena la accin aparece en la columna Eventos. Si no es
ste el evento de desencadenamiento que desea, selecciona otro en el men emergente
Eventos. (Para abrir el men emergente Eventos, seleccione un evento o una accin en el
panel Comportamientos y haga clic en la flecha negra que seala hacia abajo y que aparece
entre el nombre del evento y el nombre de la accin.)

Cmo adjuntar un comportamiento a un texto

No se puede adjuntar un comportamiento a texto normal. Las etiquetas como p y span no
generan eventos en los navegadores, por lo que no es posible desencadenar una accin a
partir de esas etiquetas.

Sin embargo, s se puede adjuntar un comportamiento a un vnculo. Por ello, la manera ms
fcil de adjuntar un comportamiento a texto consiste en aadir un vnculo nulo (que no seala
a nada) al texto, y luego adjuntar el comportamiento al vnculo. Tenga en cuenta que al
hacerlo, el texto tendr aspecto de vnculo. Si no desea que parezca un vnculo, puede
cambiarle el color y eliminar el subrayado, pero si lo hace es posible que los visitantes del sitio
no se den cuenta de que hay una razn para hacer clic en ese texto.

Para adjuntar un comportamiento al texto seleccionado:

En el inspector de propiedades, introduce javascript:; en el cuadro de texto Vnculo. Asegrate
de incluir tanto los dos puntos como el punto y coma.

Nota: si lo deseas, como alternativa, puedes usar un signo de almohadilla ( # ) en el cuadro de
texto Vnculo. El problema de usar un signo de almohadilla es que cuando un visitante hace clic
en un vnculo, algunos navegadores pueden saltar a la parte superior de la pgina. Hacer clic
en el vnculo nulo de JavaScript no produce efecto alguno en la pgina, por lo que la solucin
de JavaScript suele ser la preferible.

Con el texto todava seleccionado, abre el panel Comportamientos (Ventana >
Comportamientos).

Elije una accin en el men emergente Acciones, introduce los parmetros de la accin y
selecciona un evento que desencadene la accin.

Aplicacin de comportamientos a imgenes

Puede aplicar cualquier comportamiento disponible a una imagen o zona interactiva de
imagen. Al aplicar un comportamiento a una zona interactiva, Dreamweaver inserta el cdigo
HTML en la etiqueta area. Hay tres comportamientos que se aplican especficamente a las
imgenes: Carga previa de imgenes, Intercambiar imagen y Restaurar imagen intercambiada.

Carga previa de imgenes carga en la memoria cach del navegador las imgenes que no
aparecen en la pgina de inmediato (como aquellas que se intercambiarn por
comportamientos, capas o scripts de JavaScript). Esto contribuye a evitar las demoras debidas
a la descarga cuando llega el momento de que aparezcan las imgenes.

Intercambiar imagen intercambia una imagen por otra cambiando el atributo SRC de la
etiqueta img . Use esta accin para crear sustituciones de botones y otros efectos de imgenes
(incluido el intercambio de varias imgenes a la vez).

Restaurar imagen intercambiada restaura los archivos de origen del ltimo conjunto de
imgenes intercambiadas. Esta accin se aade automticamente siempre que se adjunta la
accin Intercambiar imagen a un objeto de forma predeterminada. No suele ser necesario
seleccionarla manualmente.

Potrebbero piacerti anche