1
Crear un archivo nuevo en Photoshop haciendo clic en el menú " Archivo" y seleccionar "Nuevo". El tamaño de la imagen determina el tamaño final de su sitio web , así que elija un ancho que es apropiado para la mayoría de las pantallas . Un ancho de 750 píxeles se asegurará de que su sitio web puede ser visto por cualquier persona que utilice una resolución de pantalla igual o superior al 800 por 600 . Introduzca un valor para la altura de unos 500 píxeles. Esto se puede ajustar más tarde . Pulse el botón " Aceptar".
2
Diseño encabezado de su página web, que es el área que aparece en la parte superior de su página web. Esta área debe limitarse a no más de 200 píxeles de altura . Incluya el nombre y el logotipo en esta área de su sitio web, así como algunos gráficos o fotografías que ponen de relieve el propósito de su sitio web. Por ejemplo, el diseño de la página web de una empresa sin fines de lucro puede incluir fotografías de las personas que han ayudado .
3
Crear una barra de navegación debajo de la cabecera que es de unos 50 píxeles de alto. Seleccione la función " Escribir texto " de la barra de herramientas a la izquierda, y haga clic en la imagen para escribir . Escriba los nombres de las diferentes páginas principales de su sitio web (por ejemplo, "casa ", "About Us ", "Contact ", " productos ", etc ) .
4
Hacer una caja debajo de su barra de navegación para representar el área de texto en su sitio web el tope. Puede dejar este campo en blanco por ahora, pero es necesario tener la zona reservada para que no agrega diseños a la misma. El área puede ser tan amplia como el encabezado y la barra de navegación, o sea más estrecha para dar cabida a las barras laterales de la izquierda , la derecha o ambas .
5
Diseño barras laterales si se deja lugar para ellos . Estas barras laterales se inicie en su cabecera y pasará a toda la longitud de la página hasta el pie de página . Su barra lateral puede incluir ya sea gráficos o fotografías , o puede ser otra área para el texto. Si usted está reservando las áreas de texto, puede dejarlos en blanco . De lo contrario , empiezan a diseñar los gráficos que aparecerán en las barras laterales .
6
Crear un pie de página en la parte inferior de la imagen. El pie de página debe ser tan amplia como el encabezado , pero puede ser tan alta o baja como usted desea. Usted no tiene que preocuparse de dejar espacio suficiente entre el encabezado y pie de página para el texto como su diseño va a crecer y reducir el tamaño para acomodar más o menos texto automáticamente. Incluir información de derechos de autor en el pie de página , así como las advertencias legales que desee agregar .
7
seguir trabajando en todos los aspectos del diseño de página web hasta que esté satisfecho con su aspecto . Guarde el archivo haciendo clic en el menú " Archivo" y seleccionando " Guardar". Guarda la imagen en formato Adobe Photoshop (*. Psd ) para que más tarde pueda volver a ella y hacer ediciones adicionales sin ninguna pérdida de calidad.
8
Seleccione la herramienta "Slice " de la barra de herramientas las selecciones izquierdo y arrastre alrededor de las diversas áreas de la imagen . Si sólo está utilizando una cabecera, área de texto y pie de página, hacer tres selecciones en torno a estas tres áreas. Si incluye barras laterales , crear secciones adicionales en torno a estas áreas. Al arrastrar un cuadro de selección alrededor de un área con la herramienta de corte seleccionado es todo lo que se necesita para crear un sector .
9
Haga clic en "Archivo " y seleccione " Guardar para Web ". Photoshop solicitará los nombres de archivo para cada uno de los sectores que ha creado, y generará una imagen separada para cada uno de los sectores. Las rodajas pueden entonces volver a conectarse para su diseño de página web utilizando un programa de diseño de páginas web como FrontPage o Dreamweaver, oa mano con código HTML.