Problème de résolution

mohamed2006 · 29/11/2006, 09h34

J'ai une maquette photoshop avec une résolution de 780*550 ,lorsque je l'export sur dreamweaver elle apparait aligné a droite,y'a t'il un paramètre pour la rendre en taille standard pour une page web ou je change les parametres sur photoshop?
Merci d'avance.

Bisûnûrs · 29/11/2006, 09h46

Heu, tu dois certainement avoir une marge à gauche ...

Mais je n'ai pas totalement compris ton problème.

blueice · 29/11/2006, 09h58

Sélectionne la balise "body" dans la fenêtre en bas à gauche et clic sur "Centrer" (le texte)

mohamed2006 · 29/11/2006, 10h27

Alors ,mes paramètres de résolution dans photoshop sont vrais ,il s'agit d'une modification dans HTML?

Jérémy Lefevre · 29/11/2006, 10h31

hmm si rien n'est specifier dans ton html il n'y a aucunes raisons que ton image soi aligné!
essaie avec une autre image quelquonque et tu vera si cela vien d'une marge de ton image ou non!
montre moi ton code html stp!

blueice · 29/11/2006, 10h33

Ce n'est pas clair du tout ton histoire, tu parles de taille standard, dans ce cas c'est 800x600, 1024x768, 1280x1024, etc etc
A mon humble avis tu dois confondre beaucoup de choses.
Une résolution de 780*550 n'existe pas, la résolution c'est 72dpi(résolution écran).
780x550 c'est la taille en pixels de ta maquette à 72dpi.

mohamed2006 · 29/11/2006, 10h46

Pardon,j'utilise une résolution de 72,et 780*550 pour la taille et ce dans ma maquette sur photoshop,est-ce-que ces paramètres sont vrais pour passer à dreamweaver et voici le code html obtenue:

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<HTML>
<HEAD>
<TITLE>2</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (2.psd) -->
<TABLE ID="Tableau_01" WIDTH=780 HEIGHT=551 BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD COLSPAN=8>
			<IMG SRC="1_01.jpg" WIDTH=780 HEIGHT=59 ALT=""></TD>
	</TR>
 
	<TR>
		<TD COLSPAN=4>
			<IMG SRC="1_02.jpg" WIDTH=319 HEIGHT=130 ALT=""></TD>
		<TD>
			<IMG SRC="pic1.jpg" WIDTH=187 HEIGHT=130 ALT=""></TD>
		<TD ROWSPAN=11>
			<IMG SRC="1_04.jpg" WIDTH=26 HEIGHT=456 ALT=""></TD>
		<TD>
			<IMG SRC="pic2.jpg" WIDTH=189 HEIGHT=130 ALT=""></TD>
 
		<TD ROWSPAN=11>
			<IMG SRC="1_06.jpg" WIDTH=59 HEIGHT=456 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=3>
			<IMG SRC="info_top.jpg" WIDTH=223 HEIGHT=30 ALT=""></TD>
		<TD COLSPAN=2 ROWSPAN=10>
			<IMG SRC="1_08.jpg" WIDTH=283 HEIGHT=326 ALT=""></TD>
		<TD ROWSPAN=10>
 
			<IMG SRC="1_09.jpg" WIDTH=189 HEIGHT=326 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=3>
			<IMG SRC="info_bg.jpg" WIDTH=223 HEIGHT=16 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=3>
			<IMG SRC="1_11.jpg" WIDTH=223 HEIGHT=81 ALT=""></TD>
 
	</TR>
	<TR>
		<TD COLSPAN=3>
			<IMG SRC="info_bottom.jpg" WIDTH=223 HEIGHT=18 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=3>
			<IMG SRC="1_13.jpg" WIDTH=223 HEIGHT=14 ALT=""></TD>
	</TR>
 
	<TR>
		<TD COLSPAN=3>
			<IMG SRC="info2_top.jpg" WIDTH=223 HEIGHT=28 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=3>
			<IMG SRC="info2_bg.jpg" WIDTH=223 HEIGHT=15 ALT=""></TD>
	</TR>
	<TR>
 
		<TD COLSPAN=3>
			<IMG SRC="info2.jpg" WIDTH=223 HEIGHT=81 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=3>
			<IMG SRC="info2_bottom.jpg" WIDTH=223 HEIGHT=17 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=3>
 
			<IMG SRC="1_18.jpg" WIDTH=223 HEIGHT=26 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="copyright_left.jpg" WIDTH=163 HEIGHT=26 ALT=""></TD>
		<TD>
			<IMG SRC="copyright_bg.jpg" WIDTH=22 HEIGHT=26 ALT=""></TD>
		<TD COLSPAN=6>
			<IMG SRC="copyright.jpg" WIDTH=595 HEIGHT=26 ALT=""></TD>
 
	</TR>
	<TR>
		<TD COLSPAN=8>
			<IMG SRC="1_22.jpg" WIDTH=780 HEIGHT=9 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="spacer.gif" WIDTH=163 HEIGHT=1 ALT=""></TD>
		<TD>
 
			<IMG SRC="spacer.gif" WIDTH=22 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="spacer.gif" WIDTH=38 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="spacer.gif" WIDTH=96 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="spacer.gif" WIDTH=187 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
 
		<TD>
			<IMG SRC="spacer.gif" WIDTH=189 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="spacer.gif" WIDTH=59 HEIGHT=1 ALT=""></TD>
	</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>

Jérémy Lefevre · 29/11/2006, 10h50

oh la ca donne pas envie de regardé !! ton code deja n'est pas valide! tu as des base qui ce ferme et qui ne s'ouvre jamais comme certain </TD>

et perso je trouve ca crade! utilise autre chose que des tableau!! fait avec du css tu t'embouillera moin!!

blueice · 29/11/2006, 10h51

Cela ne nous sert à rien, montre nous le résultat et indique nous ce que tu souhaites obtenir précisément.

mohamed2006 · 29/11/2006, 11h04

Voici la démarche que je vais faire :
je crée ma maquette dans photoshop.
j'ouvre la maquette sous image ready.
je fait le découpage et puis j'enregisre dans mon répértoire de travail.
j'ouvre la page sous dreamweaver et je fait mes modification.
Est-ce-que c'est une bonne démarche ou non?

blueice · 29/11/2006, 11h07

Pas vraiment, fait ça dans Fireworks, c'est fait pour !

Jérémy Lefevre · 29/11/2006, 11h07

att deja tu fait ton image avec photoshop et tu l'ouvre aevc image ready .... deja ca c'est pas clair! ensuite que souhaite tu obtenir???
a tu deja une maquette de ce que tu veux! je pense que ca serait un bon debut!

mohamed2006 · 29/11/2006, 11h27

Alors,comment je fait après avoir compléter ma maquette avec 780*550 et 72 pour la résolution?

blueice · 29/11/2006, 11h38

STOP

Ca vire au cauchemar, nous t'avons demandé d'être clair dans ce que tu souhaites obtenir.
Si tu souhaites travailler de cette manière avec Dreaweaver et compte tenu de ton niveau, tu dois utiliser Fireworks.
Tu trouveras toute l'aide nécessaire dans les logiciels DW et FW.
FW te génère même la page HTML directement...

Citation:

Alors,comment je fait après avoir compléter ma maquette avec 780*550 et 72 pour la résolution?

Quelle résolution ?

Jérémy Lefevre · 29/11/2006, 11h40

Je te conseil dans un 1er temps de consulter des tutoriaux sur la conception d'application web il y en a de très bon sur developpez.com

mohamed2006 · 29/11/2006, 11h52

J'ai lu dans un document qu'aprés faire la maquette,je passe a image ready pour faire les tranches et aprés je passe sous dreamweaver pour céer le site final,meme j'ai trouvé un projet de site web sur internet qui a fait cette démarche,seulement pour moi j'ai fait ce travail et ca marche bien sauf que ma page s'affiche aligné à droite ,je veux juste savoir si je doit changer un code html ou je change mes paramètres depuis photoshop ?
Et merci bien pour votre aide.

mohamed2006 · 29/11/2006, 12h11

Pardon, parceque je suis débutant et je c'est que je trouvera une solution ici parcequ'il y'a des experts.
Proposer moi une solution facile pour me passer de photoshop à dreamweaver pour céer enfin mon site,et pardon une autres fois.

blueice · 01/12/2006, 12h34

Si c'est pour faire un site professionnel, il vaut mieux s'adresser à des professionnels qui te feront un site correct.

Si maintenant c'est pour ton loisir, nous t'avons indiqué comment faire, utilises Fireworks si tu le souhaites à la place de Photoshop, exporte ton travail en HTML+Images et le tour est joué, tu peux modifier avec Dreamweaver...

A présent tu as aussi la possibilité d'apprendre les différents langages nécessaires à la création de sites internet, tu trouveras sur ce site tous les tutoriels nécessaires.
Pour commencer : http://web.developpez.com/tutoriel/xhtmlcss/

29/11/2006, 09h34	#1
mohamed2006 Invité régulier Inscription : avril 2006 Messages : 109 Détails du profil Informations forums : Inscription : avril 2006 Messages : 109 Points : 9 Points : 9	Problème de résolution J'ai une maquette photoshop avec une résolution de 780*550 ,lorsque je l'export sur dreamweaver elle apparait aligné a droite,y'a t'il un paramètre pour la rendre en taille standard pour une page web ou je change les parametres sur photoshop? Merci d'avance.
	00

29/11/2006, 09h58	#3
blueice Modérateur Inscription : mars 2003 Messages : 3 422 Détails du profil Informations personnelles : Âge : 37 Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur) Informations forums : Inscription : mars 2003 Messages : 3 422 Points : 4 110 Points : 4 110	Sélectionne la balise "body" dans la fenêtre en bas à gauche et clic sur "Centrer" (le texte) __________________ -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester. Pensez également à cocher Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça. Dimension Internet - Carnet Web Imprimerie Nice
	00

29/11/2006, 10h31	#5
Jérémy Lefevre Membre émérite Jeremy lefevre Développeur Java Inscription : juin 2004 Messages : 866 Détails du profil Informations personnelles : Nom : Jeremy lefevre Âge : 28 Localisation : Luxembourg Informations professionnelles : Activité : Développeur Java Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2004 Messages : 866 Points : 931 Points : 931	hmm si rien n'est specifier dans ton html il n'y a aucunes raisons que ton image soi aligné! essaie avec une autre image quelquonque et tu vera si cela vien d'une marge de ton image ou non! montre moi ton code html stp! __________________ *Rien ne se perd, rien ne se crée, tout se transforme* *nouveau Softphone VoipGATE* ------- http://www.voipgate.com *-------*
	00

29/11/2006, 10h33	#6
blueice Modérateur Inscription : mars 2003 Messages : 3 422 Détails du profil Informations personnelles : Âge : 37 Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur) Informations forums : Inscription : mars 2003 Messages : 3 422 Points : 4 110 Points : 4 110	Ce n'est pas clair du tout ton histoire, tu parles de taille standard, dans ce cas c'est 800x600, 1024x768, 1280x1024, etc etc A mon humble avis tu dois confondre beaucoup de choses. Une résolution de 780*550 n'existe pas, la résolution c'est 72dpi(résolution écran). 780x550 c'est la taille en pixels de ta maquette à 72dpi. __________________ -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester. Pensez également à cocher Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça. Dimension Internet - Carnet Web Imprimerie Nice
	00

29/11/2006, 10h50	#8
Jérémy Lefevre Membre émérite Jeremy lefevre Développeur Java Inscription : juin 2004 Messages : 866 Détails du profil Informations personnelles : Nom : Jeremy lefevre Âge : 28 Localisation : Luxembourg Informations professionnelles : Activité : Développeur Java Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2004 Messages : 866 Points : 931 Points : 931	oh la ca donne pas envie de regardé !! ton code deja n'est pas valide! tu as des base qui ce ferme et qui ne s'ouvre jamais comme certain </TD> et perso je trouve ca crade! utilise autre chose que des tableau!! fait avec du css tu t'embouillera moin!! __________________ *Rien ne se perd, rien ne se crée, tout se transforme* *nouveau Softphone VoipGATE* ------- http://www.voipgate.com *-------*
	00

29/11/2006, 09h46	#2
Bisûnûrs Modérateur Josselin Développeur Web Inscription : janvier 2004 Messages : 9 050 Détails du profil Informations personnelles : Nom : Josselin Âge : 29 Localisation : France, Rhône (Rhône Alpes) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : janvier 2004 Messages : 9 050 Points : 12 181 Points : 12 181	Heu, tu dois certainement avoir une marge à gauche ... Mais je n'ai pas totalement compris ton problème.
	00

29/11/2006, 10h27	#4
mohamed2006 Invité régulier Inscription : avril 2006 Messages : 109 Détails du profil Informations forums : Inscription : avril 2006 Messages : 109 Points : 9 Points : 9	Alors ,mes paramètres de résolution dans photoshop sont vrais ,il s'agit d'une modification dans HTML?
	00

29/11/2006, 10h51	#9
blueice Modérateur Inscription : mars 2003 Messages : 3 422 Détails du profil Informations personnelles : Âge : 37 Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur) Informations forums : Inscription : mars 2003 Messages : 3 422 Points : 4 110 Points : 4 110	Cela ne nous sert à rien, montre nous le résultat et indique nous ce que tu souhaites obtenir précisément. __________________ -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester. Pensez également à cocher Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça. Dimension Internet - Carnet Web Imprimerie Nice
	00

29/11/2006, 11h04	#10
mohamed2006 Invité régulier Inscription : avril 2006 Messages : 109 Détails du profil Informations forums : Inscription : avril 2006 Messages : 109 Points : 9 Points : 9	Voici la démarche que je vais faire : je crée ma maquette dans photoshop. j'ouvre la maquette sous image ready. je fait le découpage et puis j'enregisre dans mon répértoire de travail. j'ouvre la page sous dreamweaver et je fait mes modification. Est-ce-que c'est une bonne démarche ou non?
	00

29/11/2006, 11h07	#11
blueice Modérateur Inscription : mars 2003 Messages : 3 422 Détails du profil Informations personnelles : Âge : 37 Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur) Informations forums : Inscription : mars 2003 Messages : 3 422 Points : 4 110 Points : 4 110	Pas vraiment, fait ça dans Fireworks, c'est fait pour ! __________________ -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester. Pensez également à cocher Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça. Dimension Internet - Carnet Web Imprimerie Nice
	00

29/11/2006, 11h27	#13
mohamed2006 Invité régulier Inscription : avril 2006 Messages : 109 Détails du profil Informations forums : Inscription : avril 2006 Messages : 109 Points : 9 Points : 9	Alors,comment je fait après avoir compléter ma maquette avec 780*550 et 72 pour la résolution?
	00

29/11/2006, 11h40	#15
Jérémy Lefevre Membre émérite Jeremy lefevre Développeur Java Inscription : juin 2004 Messages : 866 Détails du profil Informations personnelles : Nom : Jeremy lefevre Âge : 28 Localisation : Luxembourg Informations professionnelles : Activité : Développeur Java Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2004 Messages : 866 Points : 931 Points : 931	Je te conseil dans un 1er temps de consulter des tutoriaux sur la conception d'application web il y en a de très bon sur developpez.com __________________ *Rien ne se perd, rien ne se crée, tout se transforme* *nouveau Softphone VoipGATE* ------- http://www.voipgate.com *-------*
	00

29/11/2006, 11h52	#16
mohamed2006 Invité régulier Inscription : avril 2006 Messages : 109 Détails du profil Informations forums : Inscription : avril 2006 Messages : 109 Points : 9 Points : 9	J'ai lu dans un document qu'aprés faire la maquette,je passe a image ready pour faire les tranches et aprés je passe sous dreamweaver pour céer le site final,meme j'ai trouvé un projet de site web sur internet qui a fait cette démarche,seulement pour moi j'ai fait ce travail et ca marche bien sauf que ma page s'affiche aligné à droite ,je veux juste savoir si je doit changer un code html ou je change mes paramètres depuis photoshop ? Et merci bien pour votre aide.
	00

29/11/2006, 12h11	#17
mohamed2006 Invité régulier Inscription : avril 2006 Messages : 109 Détails du profil Informations forums : Inscription : avril 2006 Messages : 109 Points : 9 Points : 9	Pardon, parceque je suis débutant et je c'est que je trouvera une solution ici parcequ'il y'a des experts. Proposer moi une solution facile pour me passer de photoshop à dreamweaver pour céer enfin mon site,et pardon une autres fois.
	00

01/12/2006, 12h34	#18
blueice Modérateur Inscription : mars 2003 Messages : 3 422 Détails du profil Informations personnelles : Âge : 37 Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur) Informations forums : Inscription : mars 2003 Messages : 3 422 Points : 4 110 Points : 4 110	Si c'est pour faire un site professionnel, il vaut mieux s'adresser à des professionnels qui te feront un site correct. Si maintenant c'est pour ton loisir, nous t'avons indiqué comment faire, utilises Fireworks si tu le souhaites à la place de Photoshop, exporte ton travail en HTML+Images et le tour est joué, tu peux modifier avec Dreamweaver... A présent tu as aussi la possibilité d'apprendre les différents langages nécessaires à la création de sites internet, tu trouveras sur ce site tous les tutoriels nécessaires. Pour commencer : http://web.developpez.com/tutoriel/xhtmlcss/ __________________ -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester. Pensez également à cocher Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça. Dimension Internet - Carnet Web Imprimerie Nice
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email