Tecnología

Inicio

Cómo crear una barra de navegación en Fireworks

Cómo crear una barra de navegación en Fireworks


Los fuegos artificiales le ayuda a crear diseños de página Web para toda la página o una sección específica. Las barras de navegación pueden incluir una combinación de imágenes y texto. Puede incorporar colores y las fuentes de su sitio web en su diseño de la barra. La barra de menú puede aparecer en la parte superior o inferior de la bandera. Adobe Fireworks guarda el archivo como un archivo PNG por defecto, en caso de tener que modificarlo en el futuro. También puede exportar el archivo como código HTML y gráficos para la Web.

Instrucciones

1 Haga clic en "Archivo" y "Nuevo" del menú principal de fuegos artificiales. Se abre el cuadro de diálogo Nuevo documento. Ir al campo de texto "Ancho" y entrar en el ancho de la tela, tales como "900" Ir al campo de texto "Altura" y escriba una altura de la tela, como por ejemplo "70" El tamaño del lienzo debe ser lo suficientemente grande como para contener la barra de navegación que está creando. Elija "blanca" en "el color de la lona" para establecer el color de fondo de la tela a blanco. Haga clic en Aceptar." Las cargas de documentos en los fuegos artificiales.

2 Ir al panel Herramientas y haga clic en la herramienta "Rectángulo" de la sección "vector". Vaya al inspector "Propiedades" en el panel inferior para modificar las propiedades del rectángulo. Haga clic en el botón "Color". Aparece un selector de color. Haga clic en el color de fondo que desea utilizar para la barra de navegación.

3 Haga clic y arrastre el ratón sobre el lienzo para crear la barra de navegación. Liberar el puntero del ratón cuando es el tamaño que desee.

4 Ir al panel Herramientas y haga clic en la herramienta "Texto" de la sección "vector". Volver al inspector "Propiedades" para personalizar el texto. Haga clic en la lista desplegable "Fuente de la familia" y elegir un tipo de letra. Ir al campo de texto "Tamaño" y escriba un tamaño de fuente. Haga clic en el selector de "color" y elija un color en el selector de color que aparece.

5 Haga clic dentro de la barra de navegación en el lienzo. Introduzca el texto de los elementos de menú, como "Inicio", "Acerca de", "Preguntas" y "Contacto", utilizando la barra espaciadora del teclado para el espacio fuera de la barra. Para mover el texto en la barra de navegación, vaya al panel Herramientas y haga clic en la herramienta "Puntero" de la sección "Seleccionar". Arrastre los elementos del menú en el que queremos que se vayan.

6 Haga clic en la herramienta de la "rebanada" de la sección "Web" en el panel Herramientas para seleccionarlo.

7 Haga clic y arrastre el puntero del ratón sobre el primer elemento de menú y soltarlo para crear un sector. Repita este paso para crear secciones adicionales para los otros elementos del menú.

8 Ir al menú principal y haga clic en "Archivo" y "Guardar" para guardar una versión cruda de la barra de navegación. Se abre el cuadro de diálogo Guardar como. Escriba el nombre del archivo en el campo de texto "Guardar como" y haga clic en "Guardar".

9 Volver al menú principal y haga clic en "Archivo" y "Exportar" para exportar la barra de navegación de su página Web. Se abre el cuadro de diálogo Exportar. Ajuste "Exportar" para "HTML e imágenes." Tick ​​tanto "Incluir áreas sin divisiones" y "poner imágenes en subcarpeta." Escriba el nombre del archivo exportado en el campo de texto "Nombre de archivo" y haga clic en "Guardar".