Rechercher : dans
Par :

Photoshop: exporter psd en html/css

Dernière réponse le 24 mai 2009 à 08:55:03 maxime71500, le 18 mar 2009 à 20:37:43 
 Signaler ce message aux modérateurs

Bonjour,
comment peut on exporter un fichier psd en html et css je travail avec photoshop cs4 ou l'exporter sur Adobe Dreamweaver CS4
~~~~~>>>MaximE<<<~~~~~
PeX 0.5 le 20 mai 2009

Configuration: Windows XP
Firefox 3.0.7

Meilleures réponses pour « photoshop: exporter psd en html/css » dans :
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Créer un site beau, dynamique et respectueux des standards VoirVoici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beau, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...

1

maxime71500, le 18 mar 2009 à 20:53:05

Help me !!!!

Répondre à maxime71500

2

IpIpIpIpOne, le 19 mar 2009 à 00:01:32

Ya moyen de faire ça avec photoshop ? Si oui, le résultat (niveau codage) ne doit pas être bien fameux !

Répondre à IpIpIpIpOne

3

info_l3, le 22 mai 2009 à 11:17:15

Salut,

ta question est toujours d'actualité?

Je sais comment faire si tu veux...

Salut!

Répondre à info_l3

4

maxime71500, le 22 mai 2009 à 11:19:16

Ouaioaui toujours :D

Répondre à maxime71500

5

 info_l3, le 24 mai 2009 à 08:55:03
  • +1

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!

Répondre à info_l3
Collection CommentÇaMarche.net