Cómo convertir una plantilla de Photoshop a Inicio

Para una página web agradable gráficamente, muchos diseñadores les resulta más fácil crear un diseño con Photoshop y luego convertir el diseño en html para FrontPage. Photoshop CS3 o superior tiene la funcionalidad necesaria para crear plantillas de página web a partir de archivos PSD. Con las plantillas de Photoshop, es posible crear diseños que no se puede lograr con html solo.

Instrucciones

1 Abrir un archivo de imagen en blanco. Una vez completado, este archivo de imagen se convertirá en su plantilla de página web Photoshop. Nombre del archivo y establecer propiedades para especificar altura de la imagen, la anchura y la resolución.

2 Seleccionar un color de fondo y aplicarlo a su archivo de plantilla psd.

3 Arrastre una imagen digital a la ubicación deseada en su archivo PSD plantilla. Cambiar el tamaño de la imagen digital como se desea.

4 Añadir otros elementos de diseño de elección. ubicación de los botones de navegación designan mediante el uso de la herramienta Marco rectangular. Haga clic en la herramienta, a continuación, coloque la herramienta en el lugar deseado en la imagen. Haga clic y arrastre hasta obtener el tamaño deseado. Agregar encabezados y pies de página, si se desea, de la misma manera.

5 Visualizar su plantilla como un grupo de rectángulos.

6 Cortar la plantilla de página web psd en rectángulos utilizando la herramienta de corte Photoshop. Seleccionar herramienta de corte y el punto en la esquina del primer rectángulo que desea crear. Haga clic y arrastre hasta que contornea la sección deseada. Continúe de esta manera hasta que todas las partes de la plantilla de página web se han hecho en secciones.

7 Haga clic en la herramienta Seleccionar sector y punto en una rebanada. Haga clic derecho sobre el puntero del ratón por lo que el cuadro de propiedades se abrirá. Lo trataremos de cada sector como una imagen separada después de convertir el archivo PSD en una plantilla, así que es importante que nombre cada rebanada de una manera que usted reconocerá fácilmente cuando se edita el HTML. Si tiene la intención de la rebanada para convertirse en un botón de navegación, especifique la dirección URL de la página web a la que va a enlazar este botón.

8 Exportar el archivo PSD a ImageReady. Optimizar los archivos de la velocidad de carga rápida. Guarde los colores sólidos como GIF o PNG archivos de tiempo de carga rápida. Guardar fotografías digitales como archivos JPEG para la nitidez.

9 Guarde su PSD optimizado como html. Cuando se selecciona "Guardar optimizada como," un cuadro de pop-up que le permite guardar su plantilla HTML en su ordenador. Si lo prefiere, puede elegir la opción "Ir a" e ir directamente a FrontPage para editar y guardar en su sitio web.

Consejos y advertencias

• Use palabras clave en sus etiquetas Alt para cada sector para mejorar la optimización del motor de búsqueda (SEO) de su sitio web.
• Utilice la herramienta de vista previa para ver cómo su plantilla se verá en un navegador.