• Home
• De Cero
• Manuales
• Artículos
• Recursos
• RSS

Buscar

Estás en Inicio > Diseño web > Videotutorial para pasar de PSD a HTML y CSS

Videotutorial para pasar de PSD a HTML y CSS

Escrito el 5 noviembre, 2009 por Verónica Milán

Recientemente he encontrado este videotutorial que te enseña paso a paso como convertir un archivo PSD de Photoshop a HTML+CSS.

Es una guía completísima, y el hecho de que te la expliquen en video ayuda mucho, para mí es el mejor howto (cómo hacer) que existe.

En este caso concreto, te enseña a separar por capas el diseño, a construir el CSS y el HTML, y hasta a añadirle los “arreglos” para que se vea igual en Internet Explorer que en el resto de navegadores. Eso sí, tiene un gran inconveniente, como muchos de los mejores recursos sobre diseño web, está en inglés.

También hay algunos tutoriales en español, aunque mucho más escasos, como este breve tutorial de PSD a HTML que es bastante sencillo de leer. El resultado no será un código perfecto, pero si te estás iniciando es una gran ayuda.

Videotutorial PSD en HTML en español

Uno muy muy bueno en español es este de cristalab, que recomiendo sin duda, ya aunque solo sea porque está en español. Pero a parte de eso es completísimo también y de gran calidad. Os dejo los enlaces a los videos:

1. Convertir PSD en HTML, parte 1
2. Convertir PSD en HTML, parte 2
3. Convertir PSD en HTML, parte 3
4. Convertir PSD en HTML, parte 4
5. Convertir PSD en HTML, parte 5
6. Convertir PSD en HTML, parte 6

Ahora bien, si no tienes tiempo y/o ganas de aprender como se hace, para variar tienes algunos recursos disponibles en Internet, eso sí, seguramente tendrás que gastarte algo de dinero para obtener un código decente:

• Quiero CSS: les entregas tu diseño en PSD y ellos te lo maquetan, como dije, pagando.
• PSD a HTML: una empresa que ofrece servicios similares a la anterior, te maquetan la página web a partir de un archivo PSD de Photoshop.
• PSD to HTML: es la página web por excelencia para contratar este tipo de servicios. Está en inglés, pero ofrece unos precios muy competitivos y sus diseños son de grandísima calidad, con muchas opciones para elegir y un cómodo formulario de compra.
• PSD to WordPress: lo mismo, una empresa de maquetación web, en este caso especializada en la plataforma WordPress, también en inglés.

¡A maquetar!

Artículos Relacionados Consejos de seguridad para WordPress En noupe acaban de publicar una serie de consejos para mantener WordPress seguro, algo q... Protege tu email del spam II Si hace unas semanas publicaba un post hablando de como convertir direcciones de email en... Eligiendo un nombre de dominio: la marca en Internet Ya comenté en el anterior post que están ocurriendo cambios en LaWebera.es. Estos días ando... Actualización de la librería PhpdocX para generar archivos Word La empresa 2mdc ha lanzado una nueva actualización de su librería PHP, PhpdocX 1.5,  que...

Publicado en Diseño web | 11 Comentarios

11 Comentarios para “Videotutorial para pasar de PSD a HTML y CSS”

Enlaces a esta entrada

• Herramientas para diseñadores web: Editores HTML
• Speed CSS – Maquetación de una web a cámara rápida
• Actualización de la librería PhpdocX para generar archivos Word

Publicar un comentario

Nombre (requerido)

E-Mail (no será publicado) (requerido)

Web




Seguir los comentarios a través de su feed RSS 2.0.