Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/01/2012, 05:26
Avatar de LordFede
LordFede
 
Fecha de Ingreso: enero-2012
Ubicación: Uruguay
Mensajes: 21
Antigüedad: 12 años, 4 meses
Puntos: 0
Divisiones: pasando PSD template a HTML

Hola, estoy teniendo serios problemas existenciales con este tema. Y a mi parecer es el tema mas complicado para los desarrolladores novatos.
He conseguido un [URL="http://martz90.deviantart.com/#/d38x0z0"]template[/URL] muy bueno, profesional y sobre todo gratuito y libre de reproduccion, este template esta en el formato PSD todavia y no tengo mucha idea de como pasarlo a un index.html con sus respectivas imagenes cortadas y su archivo de texto CSS "linkeado".

Ya tuve progresos con photoshop al momento de pasarlo a HTML, pero me quedo una tabla enorme y no es lo que yo quiero, estoy buscando una manera de transformar todo eso facilmente a elementos <div> estilisados con su CSS correspondiente, super "tableless".
No tengo mucha idea que programas usar, supongo que solo desde Phostoshop con ese template ya hecho, ya podria sacar mi index.html, styles.css, "images/" folder y esas cosas, pero no se como :(

Me encantaria que entre todos aclaremos este tema aca, ya que en este foro no lo he visto para nada claro y el buscador me busca smileys unicamente

ESTE es el template del que estoy hablando: [URL="http://martz90.deviantart.com/#/d38x0z0"]http://martz90.deviantart.com/#/d38x0z0[/URL]

Al descargarlo me doy cuenta que esta todo separado en "grupos" dentro del photoshop simulando los <div> Y NO ESTAN MARCADOS LOS SECTORES (que no se si es necesario, pero de la manera que yo pude pasarlo a HTML guardando el documento para WEB y esas cosas, el documento tenia que estar marcado por sectores). Corrijanme si estoy mal:
1) ahora se deberia sacar cada imagen una por una a una carpeta "imagenes" (por ejemplo)
2) luego todo el html con el contenido (texto)
3) y despues de eso estilizar con CSS y llamar las imagenes verdad?
BIEN,
1) Como?
2) Mi anticristo, codificar HTML "imaginandome" el CSS y las imagenes, no tengo ninguna cosa en que guiarme?
3) Como??
ese es mi tema, no se como ir llevando ese proceso NI QUE PROGRAMAS USAR para que me faciliten mi vida :P
Disculpen si me extendi mucho con la pregunta, el tema es que nadie me ha podido dar una buena respuesta en todo este tiempo.
Acepto links, GUIAS, VIDEOS (unicamente si son concretos, que hablen de lo que yo estoy hablando aqui, porque de otra manera serian videos q me confunden aun mas)

Desde ya muchas gracias!