Photoshop: exporter psd en html/css
Résolu
A voir également:
- Photoshop export html
- Psd vers css - Meilleures réponses
- Psd vers html - Meilleures réponses
- Adobe photoshop - Accueil - Applications & Logiciels
- Roissy piac export - Forum Consommation & Internet
- Photoshop pour pc - Télécharger - Montage photo
- Colis bloqué ROISSY PIAC EXPORT à cause du corona ? - Forum Consommation & Internet
- Editeur html - Télécharger - HTML
6 réponses
Salut.
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>
Et "par catégorie", je me rappelle plus mais tu peux tester, salut!
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>
Et "par catégorie", je me rappelle plus mais tu peux tester, salut!
mehdi
Merci frero
Simo
merci pr l'info :)