Unidad 10. Elementos interactivos y multimedia (II)

Botones con imagen

Para crear un botón con imagen tenemos que tener la imagen en formato bmp, jpg, gif. También podemos usar otros formatos menos conocidos (tga, wmf, etc). Es importante resaltar que bien podemos poner un ancla, bien podemos poner un vínculo normal, la única diferencia respecto a un botón 'tradicional' es la forma.

Para crear el botón seguimos los siguiente pasos:.

Del menú Insertar elegimos la opción Imagen - Desde archivo.... Y seleccionamos la imagen que utilizaremos como botón.

Además de esto abrimos la barra efectos DHTML. Esta barra se compone de varios desplegables y sirve para aplicar efectos dinámicos a direrentes elementos como imágenes o texto.

En el primer desplegable seleccionamos el evento que deseamos que lleve a cabo (clic, doble clic, al pasar el mouse, al cargar la página), después dependiendo del evento seleccionado se puede aplicar unos efectos u otros y por último elegimos la configuración.

El penúltimo botón sirve para quitar el efecto y el último botón resalta los efectos dinámicos que hay en la página.

Si queremos que la imagen cambie al pasar el ratón sobre la imagen, debemos seleccionar el evento Pasar el mouse en Aplicar seleccionamos Intercambiar imágenes y en elegir configuración seleccionamos la segunda imagen que aparecerá al pasar el ratón por encima.

Aquí tienes un ejemplo de botón con imagen de sustitución (cambia la imagen al pasar el ratón por encima):

Propiedades de los botones interactivos.

Propiedades de los botones interactivos.

En esta pestaña se puede seleccionar la fuente del botón, el estilo y el tamaño.

Además de esto en Color original podemos seleccionar el color que de normal se verá al cargar la página.

En Color al activar seleccionamos el color que se verá al situar el ratón encima.

En Color al hacer clic podemos seleccionar el color que deseamos ver al presionar sobre el botón.

Pág. 10.2