Cómo hacer una página Web en Fireworks

Hay muchas ventajas en el uso de los fuegos artificiales para el diseño y desarrollo de páginas Web. Los gráficos son impresionantes y la colocación de presentación puede caer fácilmente en su lugar haciendo de esta herramienta de un programa de creación de prototipos casi perfecta. Hay muchos tipos de archivos y gráficos que se pueden importar y exportar utilizando fuegos artificiales incluyendo PSD para Photoshop, JPG, GIF, TIFF, BMP y EPS. Portable Network Graphics o tipos de archivos PNG son el tipo predeterminado nativo de Fireworks y se pueden utilizar en muchas otras aplicaciones también. También hay una instalación para producir gráficos animados para anuncios y pancartas que se pueden colocar en cualquier parte de una página Web.

Instrucciones

1 Abrir una nueva página en Adobe Fireworks pulsando la tecla "Ctrl + N". Aparecerá la ventana "Nuevo documento". Introduzca las dimensiones de su nueva página web. Un tamaño de 800 píxeles de ancho por 768 píxeles de alto es de un tamaño habitual, aunque se puede cambiar más adelante.

2 Seleccione la herramienta "Rectángulo" en el menú "Herramientas" y escriba un tamaño de 1.004 de ancho por 100 de alto en las "Propiedades" campos de entrada de texto. Este será el color de fondo de la cabecera de página. Utilice la herramienta de "puntero" para seleccionar el color de la ventana "Llenar de las propiedades". Para un efecto añadido y más dramático, elegir la opción "lineal" de la selección desplegable. Elija un valor de 25 en la opción "Redondez del rectángulo" en la ventana "Propiedades".

3 Seleccione la herramienta "Texto" y establecer el tamaño a 72 por un título grande. Seleccione el color blanco o de un color que contraste para que el texto se destacan contra el fondo de la cabecera. Utilice la herramienta de "puntero" para seleccionar el texto y elegir la opción "Sombra" de los "efectos en las propiedades de" ventana. El texto tiene ahora una sombra dramática y se puede colocar en cualquier parte del encabezado que desee. Ver Consejos.

4 Crear contenido de texto para su sitio mediante la selección de la herramienta "Texto" y usarlo para arrastrar una plaza rectangular en la zona donde se desea visualizar su contenido. Un área de 350 píxeles por 550 píxeles debe ser suficiente, aunque se puede usar cualquier dimensiones que te gusta. Utilice este rectángulo para introducir el texto ya sea escribiendo o pegando desde una fuente tal como un procesador de textos. El tamaño de la letra debe ser de 10 a 12 píxeles de tamaño. Repita este procedimiento para la cantidad de texto que le gustaría, dejando espacio en la parte inferior por los enlaces y la información puede que desee insertar en contacto.

5 Insertar sus imágenes gráficas, ya sea arrastrando en su lugar de otra fuente, o bien importarlas usando Archivo, Importar (Ctrl + R). Las imágenes se pueden cambiar de tamaño para caber dentro de una columna o el espacio seleccionándolo con la herramienta "Puntero", manteniendo pulsada la tecla Shift y arrastrando cualquier esquina en cualquier dirección. Manteniendo pulsada la tecla Shift se asegurará de que la imagen mantiene su proporción durante la re-dimensionamiento.

6 Crear enlaces en su página web. Se pueden crear enlaces utilizando ambas imágenes y texto haciendo clic en la herramienta "Rectángulo hotspot" en el menú "Herramientas" y arrastrando el ratón sobre el texto o la imagen que se suelta el botón izquierdo del ratón. Esto proporcionará un revestimiento verde sobre su selección indica que se trata ahora de un enlace. El campo de entrada "Enlace" aparecerá en el menú "Propiedades". Escriba el nombre de la URL en la que desea que el enlace para ir. Escriba el nombre del enlace como una "Descripción alternativo" en el campo de entrada de texto "Alt". Deje el campo de entrada de texto "destino" en blanco, ya que por defecto a la apertura enlace como una nueva página.

7 Probar la página Web mediante la selección de su navegador preferido en la opción de la ficha "Archivo" en el menú principal "Vista previa del navegador en".

8 Guarde la nueva página Web en el directorio elegido haciendo clic en "Archivo" y luego "Exportar" en el menú principal. Aparece el cuadro de diálogo Exportar. Seleccione el directorio y dar a su nueva página de un nombre. Seleccione "HTML e imágenes" en la opción "Guardar" como tipo en la entrada desplegable y elegir la opción "Exportar archivo HTML" en la entrada desplegable "HTML". Deja "cortes" como "Ninguno". Si desea que sus imágenes gráficas contenidas en una subcarpeta independiente, haga clic en la casilla de entrada en la opción de "poner imágenes en subcarpeta" y haga clic en "Guardar".

Consejos y advertencias

• Utilice la herramienta de "Stroke" en el menú "Propiedades" para delinear su texto para un efecto aún más dramático. Debe ser un color oscuro si el texto es la luz o viceversa.