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 .