Photoshop: exporter psd en html/css
Résolu
Utilisateur anonyme
-
malikalalmas -
malikalalmas -
Bonjour,
comment peut on exporter un fichier psd en html et css je travail avec photoshop cs4 ou l'exporter sur Adobe Dreamweaver CS4
comment peut on exporter un fichier psd en html et css je travail avec photoshop cs4 ou l'exporter sur Adobe Dreamweaver CS4
A voir également:
- Psd vers html
- Psd vers css - Meilleures réponses
- Photoshop export html - Meilleures réponses
- Adobe photoshop - Accueil - Applications & Logiciels
- Photoshop pour pc - Télécharger - Montage photo
- Couche de destination masquée photoshop ✓ - Forum Graphisme
- Photoshop elements gratuit - Télécharger - Retouche d'image
- Défusionner des calques photoshop - Forum Photoshop
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 :)
