Fichier psd
j'ai telecharger un template en format psd
comment faire pour l'utiliser avec dreamweaver? et faire mon site?
petite precision, j'ai telecharger la demo de photshop cs3
merci d'avance
Configuration: Windows XP Firefox 3.0.3
14 réponses
La discussion porte sur l’utilisation d’un template PSD pour créer un site avec Dreamweaver et Photoshop CS3, en partant d’un fichier de démonstration sous Windows XP. Plusieurs intervenants conseillent de découper le PSD dans Photoshop et de construire la mise en page en HTML/CSS, plutôt que d’importer directement le fichier PSD dans Dreamweaver. D’autres suggèrent des solutions basiques comme employer des balises image et, si nécessaire, des tableaux pour le corps du site, tandis que certains recommandent de rechercher des guides de découpage de templates.
-
Salut !
Ouvre ton image avec photoshop, et ensuite fait enregistré-sous, dans le type de fichier tu choisi PNG ou GIF c'est comme tu veux (GIF est légèrement plus léger mais ne prend pas en compte les image avec transparent, le format PNG c'est le nouveau format web)
Voilà, j'espère avoir résolu ton problème ! -
Le fichier psd c'est pour Photoshop en effet mais dans photoshop tu peux donc modifier ton template et l'enregistrer en tant qu'image. Ensuite tu pourras l'utiliser pour ton site web.
Je ne peut pas te dire où il faut aller pour l'enregistrer en tant qu'image mais ca doit être certainement dans Fichier -> Enregistrer en tant que... ou alors regarde plutôt vers Fichier -> Exporter... -
Tu veux faire ton site avec ton image en arrière plan?
-
Oui donc pour faire ton corps de site... pour celà il te faudra utiliser photoshop afin de découper les différentes parties du site. Pour le reste je t'ai répondu un peu plus haut ;)
Bon courage.-
-
@helpIl se passe quoi quand tu veux ajouter du texte ?
-
-
Je ne comprend bien ta question.... Tu veux intégrer l'image a ton site? Et bien une fois qu'elle est au format PNG, tu ouvre une balise <image href="tonimage.png alt="monimage" /> Et tu aura ton image d'intégrer a ton site !
-
-
@helpC'est normal, il faut que tu utilises des tableaux pour ton corps de site et y mettre en fond de cellule chaque image. Alors, tu pourras écrire par dessus ;)
-
-
C'est normal, il faut que tu utilises des tableaux pour ton corps de site et y mettre en fond de cellule chaque image. Alors, tu pourras écrire par dessus ;)
-
-
@helpHoula... tu génères de l'html avec photoshop ?!
Non je t'explique. Pour faire tes tableaux, c'est dans le html, tu fais ton corps de site avec tes tableaux. En fond de cellule (donc dans tes cellules du tableaux), tu mets tes images que tu as extrait de photoshop et logiquement, tu pourras écrire par dessus.
-
-
jypyx tu as vraiment de bon conseil !!!!! ironie
PNG c'est le nouveau format du web tu dis ??? non mais n'importe quoi !!!
En plus un fond d'écran de 500k en png c la dernière chose a faire !!!
Quant tu repond qlq chose faudrai etre sur de ce que tu dis avant ! -
@ jypyx En plus c quoi ces balise pourri que tu donne ??? J'halucine
<image href="tonimage.png alt="monimage"
Ca existe ca mec t'es sûr ?? Et arrêtes de dire n'importe quoi toi un peu !!!!!
<img src="adresse de l'image"> y a une différence un peu énorme je crois
ca par d'un bon sentiment , tu veux aider mais si c'est pour donner des fausses pistes comme ça sur des truc aussi bateau c'est pas la peine !! -
Effectivement pour insérer une image en HTML c'est la syntaxe suivante :
<img src="adresse de l'image">
Pour la syntaxe la plus basique. -
Destresse mec !
Oui ok, je me suis gouré dans ma balise mais c'est pas une raison pour t'énerver, alors s'il te plais calme toi !!
J'avoue que c'est une faute grave, mais peace !! ^^
A ta réaction on dirai que j'ai tué notre pauvre bonhomme !-
-
@blessebJ'ai été distrait je l'avoue mais ne t'inquiète pas, je code assez de site internet, ça fait 3mois que je n'ai plus fait une ligne de HTML, je pense mon temps que dans le PHP, j'ai voulu répondre a la hâte !
-
@jypyxok mais lui ça risque pas de l'aider
aller sans rancunes t'inquiètes mais de la à lui dire qu'il faut mette tout en PNG ;-)
-
-
Bon reprenons tu as un template psd et tu veux l'intégrer mais tu connais rien !!
Ben c pas gagné parce que intégrer un template c'est un peu compliqué parcequ'il faut le découper d'abord
Il faut que dans photoshop tu découpe avec l'outil tranche des parties de ton template comme par exemple le bandeau, le menu, etc ... ensuite tu fait enregistrer pour le web et non pas enregistrer sous comme dis l'autre clown
ce qui te permet de gerer le poid si tu n'as pas besoin d'image transparente n'utilise pas le PNG ! Certes la qualité est top mais le poid multiplié par 5 ou 10. Met tout en jpeg ça devrait suffire
Ensuite dans dreamweaver tu vas créer des tableaux
Tu commence par créer un tableaux de 100% de large d1 cellule qui va contenir la base de site
mais c'est un peu compliqué si connais rien de t'expliquer étape par étape, tu vas trop galérer.. -
C'est tellement plus simple de faire ça avec un bon vieil éditeur de texte...
et la syntaxe exacte et valide pour une image c'est <img src="chemin vers l'image" alt="titre alternatif de l'image" />
le / a la fin n'est pas obligatoire selon la version html utilisé... -
Oui c'est assez compliqué à expliquer la mise en page d'un site par l'intégration d'un template pour quelqu'un qui ne s'y connait pas du tout... :x
-
Cherche "découper un template" sur gooogle