Hola hugorey, intentaré explicartelo lomejor posible y de la forma que yo lohago.
1) Con Photoshop haces la planilla que quieras para tu web.
Una vez termianda la cual te recomiendo que la vayas guardando poco a poco en formato PSD, te vas abajo donde dice (Ir a ImageReady) en la caja de herramientas.
2) Cuando tengas ya planilla en ImageReady te vas a la herramienta de Sector (Es como una plumilla con una cuchilla). Con dicha herramienta seleccionada, vas cortando o creando sectores en la planilla. O sea, que la vas recortando en trozos. Una vez tengas toda la planilla recortada en sectores o trozos, te vas a Archivo - Guardar optimizada como, y ahí le das el nombre de la página html que quieras que te genere.
3) Cuando la hayas guardado comprobarás que te habrá creado además de la página html, una carpeta con las imagenes que hayas creado. No tienes que cambiar nada, ya que, te las ha ajustado en las tablas para que cuadren.
Bueno, espero te haya quedado un poco claro. Si tienes dudas de algo no dudes en preguntarlo.
Suerte y saludos.
