Comment transformer un design Photoshop en code Dreamweaver?

Fermé
walkerlife Messages postés 11 Date d'inscription samedi 15 septembre 2012 Statut Membre Dernière intervention 17 mars 2013 - Modifié par walkerlife le 4/10/2012 à 20:41
lionel-DIL Messages postés 1222 Date d'inscription lundi 25 juin 2012 Statut Membre Dernière intervention 7 août 2014 - 5 oct. 2012 à 12:02
Bonjour,

Je suis un peu perdu sur ce point, pour le moment, je maitrise Photoshop et je maitrise Dreamweaver mais j'aimerais connaître chaque étape de A à Z pour passer de l'un à l'autre : Découpe du design, conseils en codage, etc. Si vous avez des conseils pour passer de dreamweaver à Flash , je suis aussi preneur, car je maitrise ces 3 logiciels mais je fais mal le lien entre les 3.

Connaissez vous des sites , des formations ou des tutoriels parlant de çà ?

En espérant progresser,

Merci d'avance,
A voir également:

7 réponses

walkerlife Messages postés 11 Date d'inscription samedi 15 septembre 2012 Statut Membre Dernière intervention 17 mars 2013 1
5 oct. 2012 à 10:44
Je remonte le sujet parce que c'est vraiment important pour moi !!!
1
walkerlife Messages postés 11 Date d'inscription samedi 15 septembre 2012 Statut Membre Dernière intervention 17 mars 2013 1
5 oct. 2012 à 10:46
Trouvé la réponse ici finalement, avez vous quelque chose àjouter?
un lien pour m'aider?
https://forums.commentcamarche.net/forum/affich-11596200-photoshop-exporter-psd-en-html-css
0
lionel-DIL Messages postés 1222 Date d'inscription lundi 25 juin 2012 Statut Membre Dernière intervention 7 août 2014 1 768
5 oct. 2012 à 10:57
Bonjour,

Euh ...
De l'intégration d'une page web ne se fait pas avec l'outil d'importation : ça te ressortira un code tout pourri.

L'intégration HTML/CSS s'apprend.
Je te conseille une découpe à la main, un codage à la main. Sinon, ta page ne sera ni optimisée ni optimale niveau bugs.
0
walkerlife Messages postés 11 Date d'inscription samedi 15 septembre 2012 Statut Membre Dernière intervention 17 mars 2013 1
Modifié par walkerlife le 5/10/2012 à 11:19
Ok merci pour la réponse, quelques conseils parce que je veux bien faire çà manuellement, mais j'ai du mal, as tu des liens pour apprendre çà correctement, point de vue découpe et codage?
0
walkerlife Messages postés 11 Date d'inscription samedi 15 septembre 2012 Statut Membre Dernière intervention 17 mars 2013 1
5 oct. 2012 à 11:18
OK Avez vous des liens pour apprendre çà correctement, point de vue découpe et codage?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
walkerlife Messages postés 11 Date d'inscription samedi 15 septembre 2012 Statut Membre Dernière intervention 17 mars 2013 1
Modifié par walkerlife le 5/10/2012 à 11:25
Ici c'est mieux expliqué ????
http://www.photoshop-school.org/tutoriaux/decouper-un-design-web
ou encore
https://www.lafermeduweb.net
https://fr.tuto.com/dreamweaver/

Quel est le meilleur?
0
lionel-DIL Messages postés 1222 Date d'inscription lundi 25 juin 2012 Statut Membre Dernière intervention 7 août 2014 1 768
5 oct. 2012 à 11:51
Pour Photoshop, tu découpe avec l'outil de découpage.
Puis tu exportes tes images en choisissant un export Web.
Là, tu optimises tes images en fonction du poids, qualité etc.
Tu les enregistres.

Puis, pour les intégrer:
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
0
walkerlife Messages postés 11 Date d'inscription samedi 15 septembre 2012 Statut Membre Dernière intervention 17 mars 2013 1
5 oct. 2012 à 11:55
oK Je comprends mieux mais d'autres questions surviennent:
Donc pour découper un design , je découpe:
- le banner et le logo doivent ils être découpés séparément?
- le menu , on le découpe élément par élément je suppose?
- le fond de la page, quelle technique utiliser si c'est un motif et pas une couleur fixe?
-les eventuels fonds de menu / de titre/de catégorie, comment procéder?

Encore merci de votre aide,
0
lionel-DIL Messages postés 1222 Date d'inscription lundi 25 juin 2012 Statut Membre Dernière intervention 7 août 2014 1 768
5 oct. 2012 à 12:02
Hé bien après, c'est du cas par cas.
Toutes les images que vous avez utilisé, vous les enregistrez séparément, en gif, png ou jpeg selon l'utilisation.

Après, les autres questions, seul vous pouvez le dire selon vos souhaits.
Moins il y a d'image sur un site, plus il sera rapide à charger.
Si une page dépasse les 400ko, il faut se poser quelques questions niveau rapidité.
0