20 décembre 2012
Category:
Internet
Comments: 2

Convertir un fichier PSD en HTML : 10 tutoriels pour apprendre

Concevoir une maquette en fichier PSD et la convertir au format HTML est une action très courante. Dans cet article, nous avons sélectionnés des tutoriels sur le thème de la conversion du fichier PSD au fichiers HTML. Chacun de ses tutos et bourré d’informations et facile à comprendre et à suivre, ils vous permettrons de mettre en oeuvre des techniques simples sur vos propres maquettes afin de les transformer un vrai site. Prenez le temps de vous pencher sur ses apprentissages, et choisissez avec soin le tuto qui vous conviendra le mieux, vous pourriez gagner un temps infini à l’avenir …

Créer une « Landing Page » du PSD au HTML

Ce tutoriel vous permettra de suivre le processus de conversion d’une page de type « Landing Page », depuis le PSD vers le HTML, en intégrant CSS et Javascript.
tuto-psd-html
[sociallocker id= »1859″]Voir le tuto >>>[/sociallocker]

Une mise en page minimaliste de site web

Si votre maquette PSD est dans un esprit minimaliste, nous vous conseillons de suivre ce tutoriel afin de coder votre site HTML de manière minimaliste.
site-simple-psd
[sociallocker id= »1859″]Voir le tuto >>>[/sociallocker]

Créer un Portefeuille de compétences élégants depuis Photoshop

Dans cet apprentissage, vous allez créer un portfolio élégant et accrocheur à partir d’un fichier Photoshop PSD, puis le coder en HTML et CSS.
psd-en-html
[sociallocker id= »1859″]Voir le tuto >>>[/sociallocker]

Conversion d’un site ‘Web 2.0’ depuis Photoshop

En suivant ce tuto, vous apprendrez à coder votre propre site web type 2.0, avec des techniques de base très détaillée.
web20
[sociallocker id= »1859″]Voir le tuto >>>[/sociallocker]

Comment coder un Design Web de PSD en HTML

Ce tutoriel vous guidera à travers le processus de codage d’un site web à partir de PSD vers une sortie HTML. L’ensemble du code est sémantique et respecte les standards.
designwebpsd
[sociallocker id= »1859″]Voir le tuto >>>[/sociallocker]

Autre modèle d’affaires PSD en HTML / CSS tutoriel

Ce tuto vous apprends et vous aide à comprendre quelques techniques de base de la conversion PSD > HTML que vous pourrez réutiliser pour n’importe quel autre projet !
sitewebpro
[sociallocker id= »1859″]Voir le tuto >>>[/sociallocker]

Partez d’un PSD vers un Site Pro

Si vous souhaitez réaliser votre site professionnel, depuis un fichier PSD vers un site web pleinement fonctionnel, ce tuto est fait pour vous.
psdtopro
[sociallocker id= »1859″]Voir le tuto >>>[/sociallocker]

Mise en page minimale et moderne

Ce tutoriel vous guidera à travers le processus de création et de codage d’une mise en page Web minime et moderne de PSD entièrement fonctionnel XHTML ou CSS.
minimalpsd
[sociallocker id= »1859″]Voir le tuto >>>[/sociallocker]

Portfolio PSD convertit en site HTML

Un tutoriel très détaillé, à suivre étape par étape, sur la réalisation d’un porfolio, depuis la base PSD vers le HTML.
psdconvertitenhtml
[sociallocker id= »1859″]Voir le tuto >>>[/sociallocker]

Elégant et simple mise en page Web CSS3

Un PSD détaillé convertit en site HTML, avec un tuto qui vous apprend comment construire un site avec une mise en page simple et en CSS3.
elegantpsd
[sociallocker id= »1859″]Voir le tuto >>>[/sociallocker]

Vous avez suivi l’un de ces tutos ? Vous convertissez des PSD en HTML chaque matin au pti déj’ ? Partagez avec nous vos questions, vos tuyaux … dans les commentaires ci-dessous.



2 réponses pour “Convertir un fichier PSD en HTML : 10 tutoriels pour apprendre

  1. Psd-html dit :

    Merci pour ces tutoriels, toujours intéressant de découvrir ces techniques

  2. sara dit :

    es que tu peux nous traduire les tuto en francais ? ils sont trés sympas

Répondre à Psd-html Annuler la réponse

Votre adresse e-mail ne sera pas publiée.