Videotutorial para pasar de PSD a HTML y CSS
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:
- Convertir PSD en HTML, parte 1
- Convertir PSD en HTML, parte 2
- Convertir PSD en HTML, parte 3
- Convertir PSD en HTML, parte 4
- Convertir PSD en HTML, parte 5
- 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!
|
