Fireworks

Label Systems S.l.

Creacin de un Rollover con Fireworks

Un Rollover es el efecto producido al pasar un ratn por encima de una divisin, se denomina efecto Rollover (rodar o pasar por encima), este efecto puede ser el cambio de una imagen por otra o el cambio de color de un botn.

Ejemplo Prctico: 1) Creo un recuadro amarillo con el texto UNO, de color azul, lo triplico y creo el botn dos y tres. 2) Creamos un segundo fotograma. En el men Ventana comprobar que est marcada la ventana Fotograma, si no la marcis y luego ir a la ventana de fotograma (situada a la derecha de pantalla) y aadir un nuevo Fotograma (+)(fotograma nuevo o duplicado). 3) Copiar el contenido del fotograma 1, en el fotograma 2. Estando en el fotograma 1, ir al Menu Seleccionar>Seleccionar Todo>copiar----fotograma 2 , pegar. 4) En el fotograma 2, cambiamos el color de fondo y las letras de los botones.

5) En la barra de Herramientas, en el apartado Web>cogemos la herramienta divisin>seleccionamos uno a uno los tres botones. 6) Con la herramienta Puntero>pulsamos en el centro del botn (rueda o brjula blanca)>aparece un men>Selecionamos aadir comportamiento rollover simple> realizamos la operacin para cada uno de los botones. 7) Guardamos nuestro archivo con extensin *.png (para poder modificarlo) y luego lo exportamos HTML e imgenes, para poder verlo en el navegador.

8) Comprobamos su funcionamiento en el navegador>Men Archivo>vista previa en el Navegador o F12