Tecnología

Inicio

Cómo crear un simple botón en Fireworks

Dibujar un rectángulo en fuegos artificiales que pone de relieve a un color diferente para crear un simple botón. Un simple botón tiene dos estados "." Diferentes colores Los principales cambios de color en otro color cuando el cursor del ratón pasa sobre él. Se utiliza un simple botón en los sitios web para dirigir el navegador Web a otra página en el sitio web oa otra dirección del sitio web. El diseño de su propio botón simple con el esquema de color de su sitio web personal.

Instrucciones

1 Iniciar el programa de "fuegos artificiales". Haga clic en "Archivo" y seleccionar "Nuevo" para iniciar un nuevo archivo. En el "Nuevo documento" cuadro de diálogo, escriba "300" en el cuadro de texto "Ancho" y seleccione "píxeles". Tipo "100" en el cuadro de texto "Altura" y seleccione "píxeles". Haga clic en "blanco" para seleccionar el "color del lienzo." Haga clic en Aceptar."

2 Haga clic en el icono con forma cuadrada en la pestaña "vector" de la barra de herramientas, seleccione la opción "herramienta Rectángulo" y haga clic y arrastre una forma de rectángulo en la pantalla "lienzo". Haga clic en el mismo para seleccionarlo.

3 Haga clic en "Propiedades" para que aparezca una ventana de "Propiedades". Tipo "200" en el cuadro de texto a la derecha de "W." Tipo "50" en el cuadro de texto junto a "H." Tipo "50" en el cuadro de texto junto a "X" Tipo "25" en el cuadro de texto junto a "Y." Haga clic en Aceptar."

4 Haga clic en el icono con forma de "Color de relleno" pintura-lata para que aparezca un menú de muestra de color. Haga clic en el color que desee para su botón. Haga clic en el rectángulo para aplicar el color.

5 Haga clic en la "Herramienta de texto" o en la pestaña "A". Haga clic en el lienzo y escriba el texto que desea que aparezca en el botón.

6 Haga clic en la ficha "Propiedades" en la parte superior de la pantalla para abrir la ventana "Propiedades". Haga clic en el menú desplegable junto a la "Fuente" y seleccione el tipo de letra deseado. Haga clic en "Tamaño de fuente" y seleccione "30" en el menú desplegable. Haga clic en "Color de fuente" y seleccione el color deseado.

7 Haga clic en el icono del lápiz. Seleccione la casilla blanca con una línea a través de él para desactivar el color del trazo del texto.

8 Haga clic en "Marcos y la historia" a la derecha de la ventana. Haga clic en la pestaña "Opciones" en la esquina superior derecha y seleccione "Duplicar fotograma". Esto crea dos marcos en su pantalla con la etiqueta "fotograma 1" y "Marco 2."

9 Haga clic en "Frame 2" para seleccionar el segundo cuadro y haga clic en la forma de rectángulo. Haga clic en el icono "Color de relleno" y haga clic en el color en el menú de muestra de color que desea para el segundo marco. Haga clic en la forma de rectángulo para el segundo marco para aplicar el color. El botón cambiará a este color cuando el cursor del ratón pasa sobre él.

10 Haga clic en la pestaña "Editar" en la parte superior de la pantalla. Haga clic en "Insertar" en el menú desplegable "Editar". Haga clic en "división rectangular" en el menú desplegable "Insertar". Un rectángulo rojo formar alrededor del rectángulo de la segunda trama.

11 Haga clic en el botón rojo "división rectangular" alrededor del botón para seleccionarlo. Haga clic en la pestaña "Windows". Haga clic en "comportamientos" para que aparezca el menú desplegable "Comportamientos". Haga clic en "+" y seleccionar "Rollover simple" en el menú desplegable.

12 Haga clic en la pestaña "Vista previa" en la parte superior de la pantalla. Mover el cursor del ratón sobre el botón. Se debe cambiar de un color a otro color. Haga clic en Aceptar."

13 Haga clic en el botón rojo "división rectangular" alrededor del botón para seleccionarlo. Haga clic en la ficha "Propiedades". Insertar su vínculo en el "campo de enlace" para agregar un enlace al sitio Web o página Web a su botón.

14 Haga clic en la pestaña "Optimizar Grupo Especial". En el menú desplegable "Optimizar", verá una barra de menú de selección de la parte superior y otro directamente debajo de la izquierda. Haga clic en la flecha en el menú de selección izquierda. Haga clic en "GIF". Guarde el archivo de botón.

15 Haga clic en "Archivo" y seleccione "Exportar". Vaya a la carpeta en la que guardó el botón. Seleccione "HTML e imágenes" como el "Formato de exportación." Seleccione la opción "Exportar archivo HTML" y opciones "Exportar divisiones" en los menús desplegables. Haga clic en "Exportar" para crear el archivo HTML para utilizar con su página Web.

Consejos y advertencias

  • Guardar su botón como un archivo .png para que pueda actualizar más tarde o cambiarlo.