Hay muchas maneras de crear un sitio web con aplicaciones web como Deamweaver o Frontpage, o incluso HTML de codificación manual . Sin embargo , si usted desea que su web sea gráficamente atractivo , componen el diseño en Photoshop. será mucho más fácil de editar más adelante también. Usted tendrá que diseñar un logotipo , la cabecera, iconos , botones , imágenes /fotos , los anuncios (si es necesario ), los colores , las fuentes y la textura. Hacer una maqueta antes de tiempo, antes de implementar HTML. Si ya tiene ideas para la composición de su sitio, dibujar en una hoja de papel. Instrucciones de diseño de sitios web
gráficas con Photoshop
1
Ir a Archivo> Nuevo. Ancho de entrada: 800 pixels, altura: 600 píxeles. Ajuste la resolución de 72 píxeles /pulgada , color RGB de 8 bits . Establecer el contenido de fondo a transparente. Haga clic en Aceptar .
2
Crear el encabezado y el diseño de la navegación . Incluir un logotipo , bandera area anuncio, algunos gráficos y botones de navegación. Hacer la altura del cabezal 150 píxeles y 30 píxeles para los botones. Coloque el logotipo y los gráficos de banner en el área restante . Agregar marcadores de posición de texto.
3
Seleccione una imagen del logotipo de I Stock . Ir al enlace un borrador que tiene una marca de agua en la imagen . Haga clic derecho sobre la imagen y selecciona la imagen de copia. Seleccione la ventana de Photoshop y el archivo que se está trabajando. Pegue la imagen en la nueva capa. Vaya a Edición > Transformar > Escala . Mantenga pulsada la tecla Mayús para mantener la proporción y cambiar el tamaño de la imagen . Seleccione una parte que desee con la herramienta de marco rectangular , presione Control ( mando en Mac) + shift y las teclas I para invertir la selección. Presione el control (command en Mac) + d para anular la selección . A continuación, pulse la tecla borrar para eliminar el resto de la imagen.
4
Cree botones para la navegación web. Seleccione la herramienta Texto en Photoshop. Arrastre el cuadro de texto en la pantalla y escriba un nombre para el botón, como Casa o Contáctenos .
5
Diseño de la disposición de los contenidos en área del cuerpo. Si su sitio web tiene muchos enlaces , utilizar la columna izquierda de los enlaces adicionales . Seleccione la herramienta Texto . Haga clic y arrastre el cuadro de texto en el lienzo. Coloque el cuerpo del texto en el área principal de contenido de la tela. Añadir un poco de texto de relleno de Loren Ipsum como marcador de posición . Se sustituye el texto en un momento posterior cuando esté listo para escribir el contenido de su web.
6
Agregar contenido de pie de página a continuación los principales contenidos . Estos incluirán el logotipo de su empresa , el texto de copyright y un duplicado de los enlaces de la cabecera .
7
Place últimas noticias, anuncios, prensa Resumen liberación y promociones o anuncios en la columna de la derecha de su diseño del sitio web.
8
Crear una línea de plegado a 600 píxeles de altura .
9 Optimizar imágenes
que desea publicar en su sitio web . Cortar las imágenes con la herramienta Sector .
10
Haga clic en el menú Archivo. Haga clic en Guardar para Web. Deslice la barra de desplazamiento para ajustar la calidad de la calidad de imagen y tamaño de archivo . Haga clic en Guardar .
11
doble clic en el archivo HTML ( Photoshop crea la carpeta de imágenes y archivos HTML en el mismo directorio . ) Compruebe la disposición de página web en el navegador de Internet . Usted debe tener una página web completa en Photoshop en la pantalla.
