colorate

Otro excelente manual donde podemos aprender a crear una página web limpia y profesional con conversión de PSD a HTML.

En el tutorial Wegraphics nos explica paso a paso cómo diseñar con Photoshop una web desde el boceto en papel hasta su codificación y su resultado final en un navegador. Para seguir de una mejor forma el tutorial nos ofrece la descarga del archivo PSD y la plantilla HTML/CSS para ir contrastando lo que vayas haciendo con el tutorial ya terminado.

El proceso de diseño lo muestra con imagenes detalladas de cada uno de las partes de la web como podéis ver en las siguientes imágenes:

Resultado final

Proceso de creación

Para ver el tutorial completo, acceder al siguiente enlace:

• Tutorial – Pasos para crear un diseño web en Photoshop y su codificación en XHTML/CSS (2)
• Crea un sitio web desde cero gracias a este manual (incluido boceto en lapiz) (0)
• Diseñar un blog o una web con estilo en unos sencillos pasos (0)
• Polo360 – Excelente plantilla en PSD para descargar (0)
• Tutorial – Cómo construir una página web de inicio a fin con Dreamweaver (0)
• Cómo crear un curriculum vitae digital desde PSD (0)
• Paso a Paso de cómo codificar en HTML un diseño web hecho en PSD (0)
• Tutorial9 – Recopilacion de tutoriales de buena calidad posteados en Noviembre (0)
• 34 hojas de trucos sobre diseño y desarrollo web (0)
• 70+ Plantillas gratis en PSD (0)