1
Abrir Photoshop . Seleccione " Archivo" y luego en "Nuevo ". En el cuadro de diálogo que aparece, seleccione uno de los tamaños de la plantilla web. Por lo general es mejor ir con 800 x 600 , ya que es el mínimo común denominador más propensos a trabajar en la configuración de pantalla de nadie.
2
Crear el diseño de su sitio web con todos sus gráficos y botones de navegación . Puede incluir texto , siempre y cuando no haya datos de trama en Photoshop ( si rasterizar el texto en Photoshop , será clara) . El trabajo en capas , de modo que usted puede fácilmente hacer cambios en el diseño .
3 Haga clic en el botón Exportar ImageReady en la parte inferior de la barra de herramientas . Esto abrirá su diseño en ImageReady . Seleccione la "Herramienta Cortar " y comenzar a crear las rebanadas en su diseño. Cortar la imagen a fin de crear secciones separadas ( divs ) que se ajustan a su diseño. Por ejemplo , los botones de navegación individuales en su página deben ser sus propios div . Y si , al igual que los botones de navegación , se enlazará el div , se debe añadir que enlazan en el " Slice" panel.
4
Ir a la "optimización " del panel y seleccione el tipo de imagen que quiere cada rebanada sea. Imágenes detalladas o fotos son mejor guardados como archivos JPEG .
5
Seleccione " Archivo" y luego "Guardar como optimizado " y seleccione " HTML e imágenes . " Importación de la página HTML que ha creado en el editor de página web (junto con la carpeta de imágenes asociada). Ya está listo para publicar.