Tecnología

Inicio

Cómo hacer que los botones del rollover de Fireworks

Cómo hacer que los botones del rollover de Fireworks


Un botón de rollover es un elemento interactivo en su página web que cambia su aspecto. Tras la carga de la página, el botón aparece en un estilo particular, pero a medida que el usuario mueve el ratón sobre este elemento, cambia visualmente reconocer que está realizando esta función. Y, como enlaces, este botón lleva al usuario a una ubicación en la web cuando se hace clic. la aplicación Fireworks de Adobe proporciona herramientas que le permiten crear y vuelcos de diseño.

Instrucciones

1 Carga la aplicación de los fuegos artificiales. Seleccione "Nuevo" en el menú "Archivo" para crear un nuevo proyecto.

2 Haga clic en la forma de rectángulo en el inspector de "Propiedades". Arrastre el ratón sobre la ventana de diseño hasta que la forma es el tamaño que desee.

3 Haga clic en el botón "Color de relleno" y seleccione un color para el botón. Haga clic en la herramienta "Texto" (que se muestra como una "A" mayúscula letra) en el inspector de "Propiedades" y entrar en el contenido de este botón. Ahora ha creado el botón en su estado "arriba", que es como se muestra inicialmente en la página.

4 Haga clic en la opción "Marcos" y en el menú "Windows" y haga clic en la pestaña "marcos" que aparece. Haga clic en el botón "Opciones" cerca del título "Páginas y capas y fotogramas" y seleccionar la opción "Duplicar Frame" para crear un botón duplicado para el efecto de vuelco.

5 Haga clic en la opción "Frame 2" que aparece en la ventana de "marcos" para que aparezca el botón de copiado. Utilice el inspector de "Propiedades" para estilizar el botón de forma diferente y crear un estado "sobre". El estado "sobre" aparece cuando un usuario pasa su ratón sobre el botón.

6 Seleccione el botón en la ventana de diseño y vaya a "Editar> Insertar> División rectangular" en la barra de menú de fuegos artificiales. Seleccione "sola rebanada" del cuadro de diálogo que aparece. Haga clic en el botón para seleccionarlo e introduzca una dirección de página web en el campo de texto "Propiedades" del inspector de "Enlace" para determinar dónde está el botón lleva al visitante cuando se hace clic en el botón.

7 Haga clic en la opción "Comportamientos" y en el menú desplegable "ventana" a continuación, haga clic en el signo más. Seleccionar la opción "Rollover simple" en el menú que aparece. Haga clic en la pestaña "Vista previa" en la parte superior de la ventana de diseño para probar el botón de imagen cambiante.

8 Haga clic en la opción "Exportar" en el menú "Archivo". Seleccione "HTML e imágenes" en el menú desplegable "Exportar" para guardar una página HTML con el botón de imagen cambiante o elegir las "Sólo imágenes" opción para guardar sólo la imagen del botón con el efecto de vuelco.