Re: Conversion PSD vers HTML-CSS

0 views
Skip to first unread message

Marcus Ngiambus

unread,
Jun 8, 2014, 3:21:01 PM6/8/14
to gdg-d...@googlegroups.com, gdg-dschang, gdg-yaounde
Voila comment faire : 

Bon avec photoshop tu peux exporter ton design en html pour pouvoir ensuite coder "par dessus", et ce design sera une sorte de fond pour ton site. 

Pour l'exporter ce design, il faut d'abord le découper. Tu utilises l'outil tranche, etc... 

Ensuite, pour l'exporter, tu peux choisir soit sous forme de tableau, soit sous forme de <div> et css. 

1/ Tu ouvres ton psd avec photoshop 

2/ Va dans fichier/Enregistrer pour le Web 

3/Dans la nouvelle fenêtre qui s'est ouverte, tout à droite, en dessous des trois boutons "Enregistrer, Annuler, Terminer", tu as un champ paramètres. (c'est une liste déroulante). 

A droite de cette liste déroulante, il y a une petite flèche doublée, comme ceci >> 

Clique dessus, et ensuite tu choisis "Modifier les paramètres de sortie" 

4/En dessous de la liste déroulante paramètre, il y a une autre liste déroulante, dans celle ci tu choisis "Tranches". 

5/ Dans la section "Sortie de la tranche", tu cliquez sur le bouton radio "Générer la css" 

Ensuite, tu as 3 choix pour la liste déroulante "Référence". 

Si tu choisis "par ID", ta page html sera comme ceci: 

<head> 
<style> 
#banniere{ 
height:776px; 
....... 
} 

</style> 
</head> 
<body> 
<div id="banniere"> 
ton image de banniere... 
</div> 
</body> 


Par contre, si tu choisis "par Insertion", ta page sera comme ceci: 

<head> 
</head> 
<body> 
<div style="height:776px; ..."> 
ton image de banniere.. 
</div> 
</body> 

t'a qu'a faire  Transfert de credit ca ira  :) 


Highest regards

Marcus NGIAMBUS
Board of  Directors/Founder  at Ngiambus Corp  => www.ngiambus.com
Hire African Freelancers with  => www.yaalda.com 

Tel : +237 79413128 

Skype ID : ngiambus


Winner - World Quality Commitment Award
Winner- Etoile Internationale WQC
Winner- Afrikebiz Ecommerce


Le 8 juin 2014 20:16, rv <attou...@gmail.com> a écrit :
Bonsoir à tous,

Y-a t'il quelq'un ici capable de convertir le design en pièce jointe
en HTML-CSS responsif?

Bien vouloir me communiquer (temps & cout) en MP, avec1 ou 2 exemples
de vos réalisations.

Si vous connaissez quelqu'un qui puisse faire cela, merci de l'en informer.

Cordialement

--
Vous recevez ce message, car vous êtes abonné au groupe Google Groupes GDG Douala.
Pour vous désabonner de ce groupe et ne plus recevoir d'e-mails le concernant, envoyez un e-mail à l'adresse gdg-douala+...@googlegroups.com.
Pour plus d'options, visitez le site https://groups.google.com/d/optout .

Reply all
Reply to author
Forward
0 new messages