Photoshop: exporter psd en html/css
Résolu/Fermé
A voir également:
- Photoshop export html
- Export html photoshop - Meilleures réponses
- Photoshop html - Meilleures réponses
- Photoshop pour pc - Télécharger - Montage photo
- Roissy piac export - Forum Consommation & Internet
- Editeur html - Télécharger - HTML
- Couche de destination masquée photoshop ✓ - Forum Graphisme
- Colis bloqué ROISSY PIAC EXPORT à cause du corona ? - Forum Consommation & Internet
6 réponses
info_l3
Messages postés
32
Date d'inscription
mercredi 29 octobre 2008
Statut
Membre
Dernière intervention
12 septembre 2009
58
24 mai 2009 à 08:55
24 mai 2009 à 08:55
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!
22 mars 2010 à 19:00
2 juil. 2010 à 11:10