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 mismos pasos que en el punto anterior.

Del menú Insertar elegimos la opción Componente Web.

En el cuadro de diálogo Insertar componente web que se abre, elegimos Efectos dinámicos y Botón activable.

En el cuadro de diálogo Propiedades de botón activable que aparece hacemos clic en el botón Personalizado.... Nos aparece entonces el siguiente cuadro de diálogo:

En el apartado Imagen personalizada en el campo Botón: escribimos el nombre de la imagen asociada al botón o bien hacemos clic en el botón Examinar... correspondiente para buscar la imagen y seleccionarla.

Si queremos que la imagen cambie al pasar el ratón sobre el botón, debemos rellenar el campo Al activar: con el nombre de la imagen que queremos se visualice cuando se activa el botón, también podemos buscar la imagen con el botón Examinar... de la fila correspondiente.

En el siguiente ejemplo, hemos elegido la imagen de un gato: minino_portatil.jpg. Después de elegir la imagen, hacemos clic en Aceptar.

Volvemos al cuadro de diálogo Propiedades de botón activable, nos queda configurar el tamaño del botón para que se adecue a la imagen (campos Ancho y Alto).

Además, podemos asignar algún efecto especial al botón, como que se ilumine. Para ello elegimos en esa misma pantalla un efecto en el campo Efecto: por ejemplo el Brillo.

Si la imagen ya tiene un texto, sencillamente borramos el campo Texto de botón:.

Como ejemplo, aquí está el botón creado con los siguientes parámetros:

ancho: 120 alto: 100 Efecto: Brillo suave Colores: Blanco Texto: Ninguno Vínculo: Ninguno

 

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

 

Botones con sonido

 

Para crear un botón con sonido tenemos que tener el sonido en formato au o snd. No se admiten otros formatos.

Para crear el botón seguimos los mismos pasos que en el punto anterior.

Del menú Insertar elegimos la opción Componente Web.

En el cuadro de diálogo Insertar componente web que se abre, elegimos Efectos dinámicos y Botón activable.

En el cuadro de diálogo Propiedades de botón activable que aparece hacemos clic en el botón Personalizado....

Nos aparece entonces el cuadro de diálogo Personalizado que ya conocemos.

 

En el apartado Reproducir sonido en el campo Al hacer clic: escribimos el nombre del archivo que contiene el sonido que queremos que se escuche cuando el usuario pulsa el botón o bien hacemos clic en el botón Examinar... correspondiente para buscar el archivo y seleccionarlo.

Si queremos que el sonido se active al pasar el ratón sobre el botón, debemos rellenar el campo Al activar: con el nombre del fichero de sonido, también podemos buscarlo con el botón Examinar... de la fila correspondiente.

La mejor manera de ver esto es con la siguiente animación.

 




   

Pág. 10.2

Aviso legal: Este curso es gratuito siempre que se visualice desde la página Web de aulaClic. No está permitido descargar el curso.
© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.
Julio-2003.