[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

Muy interesante, creo que era lo que andaba buscando PasZ hace un tiempo
gracias NikitoX

Salu2
ahora lo agrego al índice aunque es un tanto más aplicado a diseño web pero está bien cuando pueda lo hablo con Mel a ver que le parece.

ok, si hay que sacarlo, no hay problema, hagan lo que necesiten, tienen mi palabra..

salutes

no te hagas problema que como mucho lo moveremos a diseño, pero no mucho más que eso, te repito, muy bueno

Muy bueno Nikito, y si, era lo que estaba buscando pasz para una web de habbo, creo.

Premio nro 1

Es verdad hace 2 dias le pregunté a nef si sabia

Muchas gracias master !

y esta explicado de 10 !

Gracias PasZ jeje

es raro que yo explique algo bien... que cosa no?

Che, está muy bueno .... PasZ ... ahora podrás dormir tranquilo ...!

Allí va entonces =)
ya está en el índice

Salu2

Geniial ..!!