Cómo hacer un croquis en un diseño para la Web

El primer paso en el diseño web está desarrollando un concepto. Un bosquejo puede proporcionar la visualización sea necesario con el fin de convertir su concepto en realidad. Adobe fabrica un programa llamado fuegos artificiales que pueden ayudar en la transformación de su dibujo en un sitio web completamente funcional con unos pocos clics. Como siempre y cuando tenga algún conocimiento práctico de los principios de diseño y software de gráficos, se puede poner rápidamente un CSS y el diseño web basado en HTML con facilidad.

Instrucciones

Desarrolla tu ilustraciones

1 Iniciar fuegos artificiales y abrir un nuevo documento. Tamaño del documento adecuadamente. Una resolución de pantalla de 1024 x 768 es apropiado para los estándares 2011.

2 Transferir su boceto al documento de Fireworks. Recrear su dibujo exactamente como aparece en su esbozo del diseño, utilizando las herramientas proporcionadas. Fireworks ofrece un conjunto de herramientas de diseño y el diseño que es suficiente para la transferencia a través de cualquier concepto dibujado a mano.

3 Guarde el archivo en un lugar significativo. Se aconseja guardar el diseño en o junto al sistema de archivos donde se encuentra su sitio web.

Corta y Exportación

4 Seleccione la función "rebanada" de la barra de herramientas una vez que su diseño está completo, dar vuelta a su disposición en rodajas. Se encuentra en la sección "Web" y se parece a una maquinilla de afeitar en frente de una caja. La herramienta de corte se romperá el documento en partes manejables. Con la herramienta de corte, hacer una caja alrededor de los diferentes elementos de diseño. Colocar una rodaja alrededor de su cabeza, las imágenes individuales, objetos de la presentación y el texto.

5 Seleccione "Archivo", luego "Exportar" después de hacer todas sus secciones. Un cuadro de diálogo aparecerá. Seleccione "CSS y las imágenes" en el menú desplegable. Ajuste las propiedades de la página HTML y elija cómo desea mostrar las imágenes de su sitio web. Haga clic en "Aceptar" y guardar el documento en la ubicación adecuada para completar los procesos.

6 Crear una nueva página HTML y CSS importar el archivo que acaba de crear, usando un editor HTML como Dreamweaver de Adobe para completar su sitio web. El archivo CSS dará instrucciones a su página HTML para mostrar las rebanadas en el lugar adecuado. Se recrea el diseño de los fuegos artificiales en un formato basado en la web.

Consejos y advertencias

• Rebanar es uno de los pasos más importantes en el proceso. Asegurar que haya hecho recortes apropiados es crucial para que este proceso funcione bien. Antes de hacer los cortes, un paso atrás y echar un vistazo a su documento. Poner en marcha un plan antes de empezar a cortar.
• Considere la compatibilidad del navegador en el diseño de su página web. Probar el producto final en varios navegadores para asegurarse de que se muestra correctamente. Es posible que tenga que ajustar los archivos CSS y HTML para su página web para aparecer como lo hizo en los fuegos artificiales antes de la exportación.