Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. News

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

by
Length:QuickLanguages:

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
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.