Videotutorial para pasar de PSD a HTML y CSS
(3 votos) 
Loading ...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:
- 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!
|
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... Futuro rediseño de LaWebera.es Quedan apenas un par de meses para que este sitio cumpla un año y parece... |
Publicado en Diseño web | 4 Comentarios
4 Comentarios para “Videotutorial para pasar de PSD a HTML y CSS”
Enlaces a esta entrada
RSS
Muy buen recurso! esta chica explica realmente bien, lo seguiré, gracias
5/11/09 - 17:08 #
Pues si que son de agradecer este tipo de recursos. Por otro lado, es una pena, pero tienes razon.
La mayoría de los buenos recursos están en inglés.
12/11/09 - 23:39 #
Cierto Angel, hay información casi interminable en inglés, y muchas veces encuentro que se queda corta la disponible en español. En nuestra mano está el ir equilibrando la balanza poco a poco.
Por otro lado el mercado anglosajón está hiper saturado, el nuestro aún tiene posibilidades de negocio, nichos menos explotados… ventajas e inconvenientes…
Saludos.
13/11/09 - 22:50 #