Rollover

Published on May 2017 | Categories: Documents | Downloads: 40 | Comments: 0 | Views: 529
of 1
Download PDF   Embed   Report

Comments

Content

Fireworks

Label Systems S.l.

Creación de un Rollover con Fireworks
Un Rollover es el efecto producido al pasar un ratón por encima de una división, 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 botón.

Ejemplo Práctico: 1º) Creo un recuadro amarillo con el texto UNO, de color azul, lo triplico y creo el botón dos y tres. 2º) Creamos un segundo fotograma. En el menú Ventana comprobar que está marcada la ventana Fotograma, si no la marcáis y luego ir a la ventana de fotograma (situada a la derecha de pantalla) y añadir 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 división>seleccionamos uno a uno los tres botones. 6ª) Con la herramienta Puntero>pulsamos en el centro del botón (rueda o brújula blanca)>aparece un menú>Selecionamos añadir comportamiento rollover simple> realizamos la operación para cada uno de los botones. 7º) Guardamos nuestro archivo con extensión *.png (para poder modificarlo) y luego lo exportamos HTML e imágenes, para poder verlo en el navegador.

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

1

Sponsor Documents

Or use your account on DocShare.tips

Hide

Forgot your password?

Or register your new account on DocShare.tips

Hide

Lost your password? Please enter your email address. You will receive a link to create a new password.

Back to log-in

Close