Travailler un fichier.PSD sous Dreamweaver
bloodboyz
Messages postés
50
Date d'inscription
Statut
Membre
Dernière intervention
-
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
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.
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.
A voir également:
- Travailler un fichier.PSD sous Dreamweaver
- Comment travailler sur 2 écrans - Guide
- Exemplaire d'un tfc déjà travaillé ✓ - Forum Études / Formation High-Tech
- Cv pour travailler au mcdo - Forum Études / Formation High-Tech
- Travailler en 2x7 - Forum Réseaux sociaux
- Calcule horaire et salaire - Forum Excel
10 réponses
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...
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...
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.
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.
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).
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).
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
Désolé mais je n'ai pas tous compris =/
Tu pourrais m'expliquer plus simplement s'il te plait?
Merci d'avance
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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.
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.
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
Et oui désolé, ce n'est pas le HTML mais le xHTML
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.
Quand tu auras découpé ton design, tu pourras l'ouvrir avec Dreamweaver.
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)
(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)