Problème de résolution

Version imprimable

29/11/2006, 09h34
mohamed2006

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.
29/11/2006, 09h46
Bisûnûrs

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

Mais je n'ai pas totalement compris ton problème.
29/11/2006, 09h58
blueice

Sélectionne la balise "body" dans la fenêtre en bas à gauche et clic sur "Centrer" (le texte)
29/11/2006, 10h27
mohamed2006

Alors ,mes paramètres de résolution dans photoshop sont vrais ,il s'agit d'une modification dans HTML?
29/11/2006, 10h31
Jérémy Lefevre

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!
29/11/2006, 10h33
blueice

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.

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:

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>

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

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!!
29/11/2006, 10h51
blueice

Cela ne nous sert à rien, montre nous le résultat et indique nous ce que tu souhaites obtenir précisément.
29/11/2006, 11h04
mohamed2006

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?
29/11/2006, 11h07
blueice

Pas vraiment, fait ça dans Fireworks, c'est fait pour ! ;)
29/11/2006, 11h07
Jérémy Lefevre

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!
29/11/2006, 11h27
mohamed2006

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

STOP :sm:

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 ?
29/11/2006, 11h40
Jérémy Lefevre

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
29/11/2006, 11h52
mohamed2006

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.
29/11/2006, 12h11
mohamed2006

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.
01/12/2006, 12h34
blueice

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/