1. Web Design
  2. HTML/CSS
  3. HTML

Conversión de un diseño de PSD a HTML

Hace varias semanas, te mostré cómo tomar un diseño de PSD y convertirlo en HTML y CSS. Dada la popularidad de ese tutorial en particular, he decidido crear una segunda serie. Sin embargo, no soy muy diseñador. En cambio, le pregunté a Collis si me permitiría usar el diseño que usó para un tutorial reciente para Web Design Week.
Scroll to top
55 min read

Spanish (Español) translation by Claudia Márquez (you can also view the original English article)

Hace varias semanas, te mostré cómo tomar un diseño de PSD y convertirlo en HTML y CSS. Dada la popularidad de ese tutorial en particular, he decidido crear una segunda serie.  Sin embargo, no soy muy diseñador.  En cambio, le pregunté a Collis si me permitiría usar el diseño que usó para un tutorial reciente para Web Design Week.

Al igual que la última vez, te guiaré por el proceso paso a paso, incluso a través de las partes tediosas.  ¡Disfrute!

El PSD

The PSDThe PSDThe PSD

El 100% HTML y CSS

The PSDThe PSDThe PSD
Website With Markup NotesWebsite With Markup NotesWebsite With Markup Notes

Gracias de nuevo a Collis por permitirme usar su diseño para el screencast de esta semana.  Si este screencast lo ayudó, háganos un favor y suscríbase a la fuente RSS, y / o deje un comentario. ¡Nos vemos la semana que viene! :)

Recursos adicionales

Si eres nuevo en la conversión de PSD a HTML, te recomendamos una serie de cursos introductorios para ponerte al día con lo básico:

Si está interesado en obtener ayuda con la conversión de diseño de su PSD, Envato Studio tiene una gran colección de servicios de PSD a HTML que le gustaría explorar.