Adobe Photoshop es una herramienta ideal para la creación de un diseño de página web y es la herramienta estándar de la industria para la edición de fotos y creación de la imagen de mapa de bits . Crear una presentación en Adobe Photoshop permite al diseñador la capacidad de hacer cambios rápidos sin necesidad de ajustar ningún código. Una vez que la apariencia de la página están acabados , Adobe Photoshop hace que sea muy fácil de cortar y optimizar las imágenes para uso web. Cosas que necesitará hotel Adobe Photoshop CS3
Código compilador o programa de diseño web
Mostrar más instrucciones
1

Plan de la página en el papel. Acércate a la computadora con un plan y un conocimiento de lo que se necesita el sitio para satisfacer las expectativas del proyecto claro . Encuentre ideas para colores y estilos para aprovechar. La mayor planificación y organización que se produce en esta etapa, las opciones de diseño más fácil una vez que se trabaja en Adobe Photoshop.
2

Abra Adobe Photoshop CS3 y empezar un nuevo documento. Ajuste la altura del documento de 800 píxeles y el ancho de 600 píxeles. Se trata de un tamaño estándar de diseño de diseño web y se asegurará de que la página se puede ver por una variedad de resoluciones de pantalla.
3

Ajuste la resolución del documento de 72 píxeles por pulgada ( PPI ) . Asegúrese de que el modo de color del documento se pone en RGB . Cambiar las unidades de medida que aparecen en la regla de píxeles para mediciones precisas.
4

Construir el marco de la página utilizando las guías . Los límites verticales crear parámetros para el ancho de la página web y las guías horizontales espaciar los elementos del sitio. Definir las áreas para un encabezado, barra de navegación y el área de contenido . Deja un margen constante, por lo general alrededor de 10 píxeles, entre los elementos a añadir espacio estético al sitio.
5

Añada las imágenes y textos que integrarán el estilo de la página. Para imágenes complejas, como el encabezado del sitio , el diseño de una imagen por primera vez en otro archivo y pegarlo en la ubicación deseada en el archivo de diseño . Mantenga todos los elementos de diseño en capas separadas para asegurar la facilidad de edición. Nombre cada capa después de que el elemento correspondiente .
6

Hacer una imagen de fondo . Un modelo simple en un 100 píxeles x 100 píxeles cuadrados puede ser de azulejos y es más rápido en cargar que una imagen más grande .
7

Cortar el documento en pedazos a codificar en el sitio web. Utilice la herramienta de " Slice" para definir las áreas que se pueden guardar como archivos de imagen individuales.
8

Elige una rebanada ser salvado mediante " Seleccionar sector . " Seleccione Archivo > Guardar para Web y dispositivos para optimizar la imagen para la web. Las imágenes y el estilo de la página en rodajas comprenderán la apariencia de la página web .