22 Tutoriels pour créer un Webdesign du PSD à l’HTML

Tutoriels PSD > HTML

Les tutoriels montrant étape par étape la réalisation d’un webdesign sur Photoshop ainsi que son intégration HTML/CSS sont assez rares et pourtant très utiles et recherchés, alors voici pour vous une liste de 22 tutoriels sur le webdesign.

Lorsque j’ai vu cette liste sur le site de Slodive d’où elle est extraite, j’ai tout de suite pensé à en faire un article car on me demande régulièrement ce type de tutos plutôt dur à trouver et peu nombreux. Rien de tel pour apprendre comment découper et intégrer un design de site en HTML/CSS !


22 Tutoriels pour créer un Webdesign du PSD à l’HTML


Et ci-dessous quelques-uns des webdesigns issus de la liste explicités sur Photoshop ainsi que le découpage et l’intégration :



2. Minimal and Modern Layout: PSD to XHTML/CSS Conversion

Minimal and Modern Layout: PSD to XHTML/CSS Conversion


3. Slice and Dice that PSD

Slice and Dice that PSD


5. Coding: Design Lab TV Styled Layout

Coding: Design Lab TV Styled Layout


10. How to Convert a Photoshop Mockup to XHTML/CSS

How to Convert a Photoshop Mockup to XHTML/CSS


14. Web Design Layout #9 SiteBuild

Web Design Layout #9 SiteBuild


15. How To Build Your Own Single Page Portfolio Website

How To Build Your Own Single Page Portfolio Website


21. From PSD to HTML, Building a Set of Website Designs Step by Step

From PSD to HTML, Building a Set of Website Designs Step by Step

Auteur: Gaétan Weltzer, comme toujours en fait.

Articles qui pourraient vous plaire
Sponsorisé by Shutterstock

Commentaires (14)

  1. Merci pour le lien spart’ =D , c’est vrai que c’est rare les tutos de A à Z  , certes le faire c’est une chose mais le mettre en sur le net…X_x

Laisser un commentaire

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>