Travailler un fichier.PSD sous Dreamweaver Fermé

Question

Bonjour,

J'aurais aimer avoir vos conseils.

Je viens de créer un "kit graphique" sous photoshop CS3 mais le problème c'est qu'une fois fini, je ne sais pas comment faire pour travailler dessus avec Dreamweaver. J'ai lu pas mal de tuto et j'ai réussi à l'ouvrir en tant que page HTML (ayant tranché mon kit avant). Mais évidemment le problème c'est que je ne peux écrire dans mes colonnes ou autres. 
J'ai vu aussi que la "meilleur" façon est de le coder en PHP (jen e me souviens plus trop) mais je ne connais pas encore le PHP. 

J'espère que j'ai été claire, si non, n'hésitez pas à me poser des questions. 

Pour informations, pour lem oment je ne code qu'en HTML, CSS et j'apprend à utiliser photoshop.

Voilà, 
Bonne soirée à vous et merci d'avance pour vos réponses.

houba_houbi · Accepted Answer

Si tu as fait ton PSD avec des tranches, il y a plus simple je pense.
Dans Photoshop, fait exporter pour le web, tu vérifies tes compressions, puis enregistrer.
Tu sélectionnes en type de fichier html+images, et là il y a plus qu'à ouvrir le fichier html depuis Dreamweaver.
En revanche, comme le dis "avion-f16", il faut connaitre xHtml+css pour continuer...

avion-f16 · Answer

Pour coder en PHP, tu dois connaître le XHTML.
C'est d'ailleur en XHTML que tu dois découper ton design.
En gros, tu récupères seulement les images intéressantes, tu construis ton fichier XHTML en parallèle avec le CSS.
Par exemple, pour un dégradé horizontal (de gauche à droite), tu devras faire une image haute de 1px mais aussi large que le dégradé. Ensuite, dans le CSS, tu fera répéter cette image verticalement (axe y).

bloodboyz · Answer

Merci pour ta réponse. 
Désolé mais je n'ai pas tous compris =/ 
Tu pourrais m'expliquer plus simplement s'il te plait?

Merci d'avance

avion-f16 · Answer

Plus simplement ? Ce n'est pas possible.
Si tu veux découper un design, celà implique que tu dois connaître le XHTML plus le CSS, qui sont les langages de bases pour un site Web.

bloodboyz · Answer

oui mais par rapport au logiciel je parle. Parce-que photoshop je ne connais pas, et dreamweaver je l'utilise depuis peu. Avant j'utilisais juste un éditeur du genre Notepad++ Donc c'est pour ça. 
Et oui désolé, ce n'est pas le HTML mais le xHTML

avion-f16 · Answer

D'abord, tu devrais y arriver avec Notepad++, si tu connais bien le (x)HTML et le CSS.
Quand tu auras découpé ton design, tu pourras l'ouvrir avec Dreamweaver.

bloodboyz · Answer

Si j'ai bien compris, je découpe mon design avec Notepad++ et après je peux l'ouvrir avec Dreamweaver? 
(sinon, pourrais tu me  donner une adresse de messagerie, ça serait peut être plus simple. Ne t'inquiète pas, je ne t'embêterai plus)

avion-f16 · Answer

1. Tu découpes ton .psd en plusieurs morceaux d'images .png
2. Tu assembles le tout en (x)HTML+CSS dans Notepad++
3. Tu peux ouvrir ta page .html avec Dreamweaver
Pour mon adresse de messagerie, je préfère que tout le monde puisses voir les questions et les réponses.

bloodboyz · Answer

D'accord dans un sens c'est normal. 
Je fais ce que tu me dis et puis je te retiens au courant. 
Merci et bonne soirée!

avion-f16 · Answer

Si tu exportes en tranche, tu auras ton site en image, texte compris : les zones (sidebar, contenu, ...) ne seront pas éditables dans DW.

Travailler un fichier.PSD sous Dreamweaver

10 réponses

Discussions similaires