Webs han existido desde 1991, cuando Tim Berners -Lee creó el primer sitio web de sólo texto , con información sobre el proyecto World- Wide- Web. Desde entonces , los sitios web han sido muy popular como personal, negocios, entretenimiento y educación hubs. En los últimos años, el diseño de páginas web ha dado grandes saltos . El diseño web es ahora muy sofisticado , y se ha avanzado lo suficiente como para rivalizar con la centenaria campo del diseño de la impresión de la calidad y la artesanía. Cosas que necesitará
Una computadora hotel Adobe Photoshop
Mostrar más instrucciones
1

un bosquejo de su sitio con un lápiz y papel. Aunque las computadoras se han convertido en la forma estándar para crear cualquier medio visual , la mejor manera de comenzar el proceso de diseño es esbozar sus ideas a cabo y perfeccionar manualmente. Los dibujos no tienen que ser algo de fantasía ; garabatos son suficientes , siempre y cuando te dan una idea de lo que el diseño del sitio se verá como
2

Descargue una plantilla de cuadrícula de Photoshop. . Sistemas de Grid en el diseño web es tan importante como en el diseño de impresión. La anchura estándar para los sitios web , la compatibilidad a través de resoluciones de pantalla y configuraciones del navegador , es 960 píxeles. Así que encontrar un buen sistema de red que utiliza el estándar de ancho de 960 píxeles y descargar la plantilla de Photoshop. Hay un montón de excelentes recursos grid web disponibles en línea.
3

empiece a configurar su diseño. Alinear el contenido de las columnas de la plantilla de cuadrícula. Navegación general va en la parte superior o en el lado izquierdo de la página. El logo del sitio por lo general va en la esquina superior derecha. Twitter y RSS iconos suelen ir en la esquina superior izquierda. Los visitantes del sitio como para encontrar las cosas donde les esperan , lo que se adhieren a las colocaciones estándar para un diseño exitoso . Cuando haya terminado la configuración de su sitio de la manera que desea, guardarlo como un formato de archivo PSD ( Photoshop) .
4

Seleccione la herramienta "Slice " en el panel de herramientas de Photoshop . Haga clic y arrastre para separar las divisiones principales del sitio. Rebanadas crean secciones de un sitio que se pueden guardar como imágenes separadas . Esto hace que sea más fácil de codificar el sitio web en HTML y CSS y hacer que se vea como lo hizo en Photoshop.