-
Cómo crear interactivo Rollover Botones de fuegos artificiales
-
efectos de conversión se han convertido en elementos de la interfaz obligatorios para páginas web modernos. Ellos hacen más que añadir efectos frescos a su sitio; que indican al usuario que un enlace está activo. Sin embargo, no es necesario para gestionar docenas de archivos y escribir código JavaScript para añadir a su página de vuelcos. Con fuegos artificiales usted puede hacer sus botones y dejar que el programa de escribir el código.
Instrucciones
1 El diseño de su interfaz de barra de navegación o página Web en Fireworks. Crear el fondo, botón de formas, las fronteras y el texto en capas separadas. Mover las capas con elementos que nunca cambian a una carpeta capa denominada "estática" y los elementos que cambiarán con la reinversión en una segunda carpeta con el nombre "Normal del Estado."
2 Copiar los elementos que desee cambiar a nuevas capas. Mover las capas de vuelco a un grupo tercera carpeta llamada "estado de rollover." Hacer los cambios de manera que los elementos aparecen de la manera que quiere que la miren cuando el ratón pasa por encima de un botón.
3 Cortar el documento. Asegúrese de crear una sección separada para cada botón.
4 Abra el marco de la gama. Marco de arrastre 1 hasta el icono "Nuevo / duplicado" en la barra de opciones de la paleta. Usted verá una nueva trama idéntica a la primera.
5 Mostrar y ocultar las capas en cada cuadro para mostrar los efectos que desea que sea visible en ese estado del ratón. Asegúrese de que el fotograma 1 muestra los botones en su estado normal de ratón, y Marco 2 muestra los botones cuando están vuelco.
6 Shift seleccionar las rebanadas de botón en la capa de rebanada. Comportamientos abrir la paleta y haga clic en el botón "Añadir comportamiento" (se ve como un signo "+"). Seleccione "Rollover simple" de la lista desplegable. El efecto de vuelco se aplicará a todas las rebanadas botón seleccionado.
7 Seleccione la opción "Vista previa en el navegador" en el menú Archivo. Cuando esté satisfecho con el efecto de vuelco ir al modo de vista previa para optimizar las rebanadas. Exportar los cortes como "HTML" y las imágenes que escribir el código HTML y cargar las rebanadas en una carpeta de imágenes.
Consejos y advertencias
- Usted encontrará que es mucho más fácil de diseñar todo el sitio web o barra de navegación en un solo documento de los fuegos artificiales que crear los botones del rollover individuales. Los fuegos artificiales organizar y mantener el código optimizado para usted.
- Utilice la paleta Propiedades para asignar nombres a las rebanadas de botón. Esto hará que sea más fácil hacer un seguimiento de sus gráficos de botones en sus carpetas y cuando se edita código HTML en una fecha posterior.
- No se limite a crear un nuevo cuadro en la paleta Marcos. El nuevo marco no tendrá nada en ella, y que tendrá que copiar todas las capas desde el primer fotograma. Asegúrese de duplicar el primer fotograma.