7 days of WordPress plugins, themes & templates - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Code
  2. News

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

Read Time: 1 min

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.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Scroll to top
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.