La guía definitiva para crear un diseño y convertirlo a HTML y CSS

Este screencast servirá como la entrada final en una serie de varias partes en los sitios TUTS que demuestra cómo construir una página de inicio hermosa para un negocio ficticio. Aprendimos cómo crear el wireframe en Vectortuts +; agregamos color, texturas y efectos en Psdtuts +; Ahora, tomaremos nuestro PSD completo y lo convertiremos en un sitio web HTML y CSS bien codificado..

Tenga en cuenta que, incluso si no ha leído los dos primeros tutoriales, podrá seguir este video con bastante facilidad..

Actualizar

Tenga en cuenta que esta serie de tutoriales se publicó originalmente en Nettuts + hace unos sesenta días. Sin embargo, recientemente me llamó la atención que muchos de ustedes tuvieron problemas para ver el screencast de la Sección 3. Esto ya se ha resuelto. Disfrutar!

Parte 1: Cree un sitio web de aplicaciones promocionales para iPhone Wireframe en Fireworks

Parte 2: crear un sitio de aplicación de iPhone promocional en Photoshop

Parte 3: Convertir nuestro diseño en un sitio web HTML y CSS bien codificado

Sección 1: Cortando el PSD - 0:00
Sección 2: Codificando el Marcado - 18:43
Seccion 3: Añadiendo el CSS - 47:11

Otras opciones de visualización

iTunes / Versión descargable

Serie completa!

Si sigues esta serie completa, ¡felicidades! Si disfruta de la idea de una serie de tutoriales que abarca varios sitios de TUTS, ¡hágase ruidoso y avísenos! Espero que hayas aprendido un poco de esta tercera entrada; y gracias de nuevo a Sean Hodge (Psdtuts + / Vectortuts + editor) por escribir los dos primeros tutoriales de esta serie..

Síganos en Twitter o suscríbase a Nettuts + RSS Feed para obtener los mejores tutoriales de desarrollo web en la web..

Código