[TUTORIAL] Hacer una pagina web en Ps y despues compilarla en el editor html [PHOTOSHOP]

Bueno... lo prometido, a su tiempo llega,no?

Esta vez voy a mostrarles como se crea una pagina web a partir del photoshop, asi poder retocarla con el editor html.

1.- diseñamos la web, dibujando escribiendo, etc. los botones, titulo y todo en el mismo archivo, menos la informacion que queremos agregar.




2.- Tomamos la herramienta Slice tool, y dividimos nuestra pagina web: los botones, titulos, lugar donde vamos a rellenar con textos, etc.



3.- marcamos toda la web, nos va a quedar un monton de lineas, algo así:


4.- Ya pasamos la parte dificil, ahora, vamos a File > Save for web
nos va a aparecer una pantalla como esta:



A.- hacemos click en Optimized en el caso de que no esté seleccionado.
B.- Click En Save.
C.- En tipo, cambiamos por HTML & Images.
D.- Apretamos en Guardar.


Ahora vamos a la carpeta donde guardamos todo esto, y nos tiene que aparecer un archivo htm/html, si lo abrimos vemos nuestra web. Para agregar los links y hacer unos retoques lo abrimos con el dreamweaver o frontpage, y modificamos.



en el editor se mueve toda la tabla, y se hace un desorden considerable, pero en el navegador se ve perfecto.





Bueno... con esto concluimos la clase de hoy... jeje






PD.:Che Dani, te felicito por el tuto del texto reflejado... Esta muy bueno, ademas explicas bien vos, yo soy terrible.

Agrego algo:

No se me roben la idea che! naa ta todo bien, igula no creo que la use, no se "adapta" a mis contenidos. jajaja