Comportamientos

Los comportamientos hacen que nuestra página web sea más dinámica. Son, por ejemplo, comportamientos:

Que una imagen cambie al pinchar en otra.
Que se reproduzca un sonido al pinchar en una imagen.

1. Cambiar una imagen por otra

Podemos hacer que una imagen se cambie por otra al pinchar o simplemente al pasar el mouse por encima. El efecto puede ser algo así:(prueba a pasar el ratón por encima de las palabras elephant y lion)

Para empezar, seleccionamos una imagen o un texto de nuestro sitio web. Vamos al menú Formato > Comportamientos.
A la derecha nos sale la ventana Comportamientos:
 

Pinchamos en insertar y luego en intercambiar imagen. Nos saldrá la siguiente ventana: En el recuadro de arriba vemos la lista de imágenes que hay en la página web actual. Seleccionamos la imagen que queremos que cambie (puede ser la misma o otra) y después introducimos la imagen de intercambio buscando en Examinar. Si queremos que la imagen vuelva a ser la original después de quitar el ratón, seleccionaremos Restaurar al restaurar el mouse, de lo contrario el cambio de imagen será permanente.

Una vez que damos a aceptar nos saldrá el intercambio de imagen en la lista de comportamientos:


Onmouseover significa que el cambio de imagen se producirá con solo pasar el ratón por encima de la imagen. Si pinchamos sobre esa palabra veremos que hay muchas más opciones, aunque la más normal, aparte de onmouseover, es Onclick (cambiar la imagen al hacer clic sobre ella).
Conviene que la imagen de intercambio tenga un tamaño parecido a la original. Sobre todo que si una es vertical, que la otra no sea apaisada, porque se mostraría muy deformada (la segunda se adapta al tamaño de la primera).

2. Reproducir sonido

Al igual que en el ejemplo anterior, vamos a Formato > Comportamientos y luego a Insertar > Reproducir sonido. En la ventana que nos aparece seleccionaremos el archivo de sonido que queremos reproducir.

Hay muchos otros comportamientos, aunque estos dos son los más usuales. Se trata de probar y experimentar...

Volver al índice