web a partir de plantilla psd

[Baldur]

Hola! Soy programador en VisualBasic, C, PHP, HTML...pero malísimo en diseño gráfico...xD
El caso es que ayer pasandome por una web de PSD´s, me encontré con un artículo llamado: Web 2.0 Layout Free PSD.
Me descargué el psd y es una completa plantilla para hacer una web.
Pero claro, ahí me entró la curiosidad, ya que yo nunca he usado este tipo de cosas.

Y por eso os pregunto: ¿Como se hace una web a partir una plantilla PSD?
[url="http://psdfreebee.com/web-20-layout-free-psd/"]Web 2.0 Layout Free PSDURL]
Se hace la estructura con tablas en HTLM y luego se colocan "cachos" de imagen de la plantilla??

Me gustaría informarme acerca de este tipo de métodos...de como se hace una web a partir de una plantilla como esa...

Muchas gracias por la ayuda!
Un Saludo y Gracias!

[harvey]

Hola Alejandro.

Pues si, basicamente es lo que dices excepto que... photoshop te facilita la tarea de hacer la estructura con tablas y poner "cachos" en la plantilla. Imagino que ese psd estara dividido en lo que son "sectores". Si no los ves presiona en el botoncito de la herramienta sector. Te aparecera una cuadricula que definirá las partes donde, por ejemplo, va el logotipo, el indice, contenido, etc...
Pues bien te vas a guardar para web y le das a guardar ya sea gif o jpg y cuando te sale la pantallita para que le pongas nombre al archivo que vas a guardar veras que debajo pone "Tipo". Pues bien ahi eliges "html e imagenes". Te creara un html con la tabla creada y los trozos (Sectores) de imagen ya puestos. Esto en principio favorece la maquetación con tablas de lo cual abomina mucha gente porque "las tablas son para datos tabulares y bla bla bla" Ahi cada cual lo haga como quiera. Tu mismo puedes coger el codigo html y hacer una version con divs y css. Se me olvidaba decirte que al guardar para web puedes seleccionar que sectores (trozos de imagen) son los que se van a guardar de modo que puedes eliminar sectores que son grandes extensiones de un color que pueden ser un color de fondo del documento html y cosas asi.
Espero que esto te sirva. Un saludo.

[Baldur]

gracias por responder!
Pero va a ser que esta plantilla sólo tiene un sector...xD
le di a guardar como html e imagenes y sólo me guardó una imagen junto a la pagina html, que es la imagen completa de la página.
De hecho si pulso en Slice Select Tool, no me aparece nada, sólo una ligera línea puntuada de color naranja alrededor de toda la imagen.
Eso sí, en lo que son capas, sí trae todos los apartados de la web: footer, header, logo, menu...etc...

Bueno, gracias y un saludo!

[harvey]

Tendras que dividir tu mismo con la herramienta sector el psd.

Un saludo.

[geniusdraw]

amigo eres un maestro, nunca habia visto esa herramienta, muchas gracias, saludos