Para una página web gráficamente agradable , muchos diseñadores les resulta más fácil crear un diseño con Photoshop y luego convertir el diseño a HTML para FrontPage. Photoshop CS3 o superior tienen 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 sólo con HTML . Cosas que necesitará
Photoshop CS3 o superior versión del software
FrontPage software
Mostrar más instrucciones
1 Abra un archivo de imagen en blanco. Cuando se haya completado , el archivo de imagen se convertirá en su plantilla de página web Photoshop. Nombra las propiedades del archivo y conjunto para especificar altura de la imagen , la anchura y la resolución.
2
Seleccione un color de fondo y aplicarlo a su archivo de plantilla psd .
3
Arrastre una imagen digital a la ubicación deseada en el archivo PSD plantilla. Cambiar el tamaño de la imagen digital como se desee.
4
Añada otros elementos de diseño de elección. Designe ubicación de los botones de navegación 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 lo desea , de la misma manera .
5
Visualice su plantilla como un grupo de rectángulos.
6
Slice su plantilla de página web psd en rectángulos utilizando la herramienta de corte Photoshop. Herramienta Seleccionar sector y el punto en la esquina del primer rectángulo que desea crear . Haga clic y arrastre hasta que esbozar la sección deseada . Continúe de esta manera hasta que se hayan realizado todas las partes de la plantilla de página web en secciones.
7
Haga clic en la herramienta Seleccionar sector y punto en una porción. Haga clic derecho del ratón para que el cuadro de propiedades aparecerá. Va a tratar cada sector como una imagen separada después de convertir su archivo PSD en una plantilla , por lo que es importante que usted nombre a cada segmento de manera que pueda reconocer fácilmente al editar el código HTML. Si tiene la intención de la rebanada para convertirse en un botón de navegación , especifique el URL de la página web a la que se va a vincular este botón.
8
Exportar el archivo PSD a ImageReady . Optimizar los archivos de la velocidad de carga rápida. Guardar colores sólidos como gif o png archivos de tiempo de carga rápida. Guardar fotos digitales en formato JPEG para la nitidez.
9
Grabar psd optimizado como HTML. Al seleccionar " Guardar optimizada como , " un cuadro de pop-up que le permite guardar la plantilla HTML en el equipo. Si lo prefiere , puede elegir la opción " Ir a " y vaya directamente a FrontPage para editar y guardar en su sitio web.