Sujet Précédent Sujet Suivant

Page web unique sur tous les pc.

Fermé
benji^^ Messages postés 100 Date d'inscription vendredi 4 janvier 2008 Statut Membre Dernière intervention 25 mai 2009 - 16 juil. 2008 à 19:19
benji^^ Messages postés 100 Date d'inscription vendredi 4 janvier 2008 Statut Membre Dernière intervention 25 mai 2009 - 17 juil. 2008 à 22:37
Bonjour,

Je suis novice en conception de site web et je voudrais savoir comment créer une page qui
puisse être la même sur toute les machines. Pour l'instant je créé ma page avec word. Voici son
url : http://pagesperso-orange.fr/jukzic .Le problème étant que lorsque je regarde ma page sur différents pc,
elle est toujours décalée ou certaines choses sont décalées.
Pourriez vous donc me dire comment y remédier ou avec quel autre logiciel est il préférable de
créer une page web.

Merci.
A voir également:

5 réponses

Réponse 1 / 5
macgawel Messages postés 664 Date d'inscription mercredi 7 mai 2008 Statut Membre Dernière intervention 1 novembre 2008 89
16 juil. 2008 à 19:31
Bonjour.

1. IL NE FAUT PAS utiliser MS-Word - Traitement de texte - pour faire une page web. Même s'il y a eu des progrès, le code généré reste (plus ou moins) foireux.
Utilise plutôt un "bête" éditeur de texte, si possible avec coloration syntaxique (Notepad++, par exemple). Ca te demandera un peu de travail - apprendre le (X)HTML - mais au moins tu contrôle ce que tu fais...

2. Il est (quasiment) impossible de réaliser une page web qui aie exactement le même aspect sur tous les navigateurs.
Après, il y a des astuces pour que le rendu soit comparable d'un navigateur à l'autre, mais sans voir le code c'est difficile de te dire ce qu'il faut faire...
-1
Réponse 2 / 5
elfilou Messages postés 1091 Date d'inscription mercredi 27 février 2008 Statut Membre Dernière intervention 13 décembre 2008 183
16 juil. 2008 à 19:35
essayes cet editeur... Il donne de trés bons résultats !!!
http://www.commentcamarche.net/telecharger/telecharger 189 nvu
-1
Réponse 3 / 5
benji^^ Messages postés 100 Date d'inscription vendredi 4 janvier 2008 Statut Membre Dernière intervention 25 mai 2009 10
16 juil. 2008 à 19:53
Ouais mais créé une belle page web tout en code html c'est casi impossible. et je ne connais que les bases du html. Merci quand même de votre aide. Sinon est ce que macgawel, t'a déj créé un site ?
-1
elfilou Messages postés 1091 Date d'inscription mercredi 27 février 2008 Statut Membre Dernière intervention 13 décembre 2008 183
17 juil. 2008 à 14:55
avec le programme nvu tu peux créer une page sans connaitre l'html (lis l'aide)
-1
Réponse 4 / 5
benji^^ Messages postés 100 Date d'inscription vendredi 4 janvier 2008 Statut Membre Dernière intervention 25 mai 2009 10
16 juil. 2008 à 19:58
et sinon voici le code html :
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns="http://www.w3.org/TR/REC-html40/">

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 11">
<meta name=Originator content="Microsoft Word 11">
<link rel=File-List href="index_fichiers/filelist.xml">
<link rel=Edit-Time-Data href="index_fichiers/editdata.mso">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title>Jukzic</title>
<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>Benji</o:Author>
<o:Template>Normal</o:Template>
<o:LastAuthor>Benji</o:LastAuthor>
<o:Revision>151</o:Revision>
<o:TotalTime>888</o:TotalTime>
<o:Created>2008-07-10T23:15:00Z</o:Created>
<o:LastSaved>2008-07-14T21:54:00Z</o:LastSaved>
<o:Pages>1</o:Pages>
<o:Words>71</o:Words>
<o:Characters>391</o:Characters>
<o:Company>Hewlett-Packard</o:Company>
<o:Lines>3</o:Lines>
<o:Paragraphs>1</o:Paragraphs>
<o:CharactersWithSpaces>461</o:CharactersWithSpaces>
<o:Version>11.9999</o:Version>
</o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:Zoom>90</w:Zoom>
<w:DisplayBackgroundShape/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" LatentStyleCount="156">
</w:LatentStyles>
</xml><![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Teen Light";
panose-1:2 0 4 0 0 0 0 0 0 0;
mso-font-charset:0;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:-1610612689 10 0 0 403 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;
text-underline:single;}
a:visited, span.MsoHyperlinkFollowed
{color:blue;
text-decoration:underline;
text-underline:single;}
p
{mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
@page Section1
{size:595.3pt 841.9pt;
margin:70.85pt 70.85pt 70.85pt 70.85pt;
mso-header-margin:35.4pt;
mso-footer-margin:35.4pt;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Tableau Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}
table.MsoTableGrid
{mso-style-name:"Grille du tableau";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
border:solid windowtext 1.0pt;
mso-border-alt:solid windowtext .5pt;
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-border-insideh:.5pt solid windowtext;
mso-border-insidev:.5pt solid windowtext;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}
</style>
<![endif]--><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="2050">
<o:colormru v:ext="edit" colors="#ddd,#eee,#f2f2f2"/>
<o:colormenu v:ext="edit" fillcolor="white"/>
</o:shapedefaults></xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->
</head>

<body bgcolor=white background="index_fichiers/image002.jpg" lang=FR link=blue
vlink=blue style='tab-interval:35.4pt'>
<!--[if gte mso 9]><xml>
<v:background id="_x0000_s1025" o:bwmode="white" o:targetscreensize="800,600">
<v:fill src="index_fichiers/image002.jpg" o:title="image001" color2="#767676"
recolor="t" type="frame"/>
</v:background></xml><![endif]-->

<div class=Section1>

<p class=MsoNormal align=center style='text-align:center'><span
style='mso-spacerun:yes'>     </span><span style='font-size:8.0pt'><span
style='mso-spacerun:yes'> </span></span><!--[if gte vml 1]><v:shapetype id="_x0000_t75"
coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe"
filled="f" stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:683.25pt;
height:120pt'>
<v:imagedata src="index_fichiers/image003.jpg" o:title="image001"/>
</v:shape><![endif]--><![if !vml]><img width=911 height=160
src="index_fichiers/image003.jpg" v:shapes="_x0000_i1025"><![endif]><span
style='font-size:2.0pt'><span style='mso-spacerun:yes'>   </span></span><span
style='font-size:8.0pt'><span style='mso-spacerun:yes'>   </span></span></p>

<p class=MsoNormal align=center style='text-align:center'><span
style='font-size:1.0pt'><o:p> </o:p></span></p>

<table class=MsoTableGrid border=1 cellspacing=0 cellpadding=0
style='margin-left:131.15pt;border-collapse:collapse;border:none;mso-border-alt:
solid #FF6600 .5pt;mso-yfti-tbllook:480;mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-border-insideh:.5pt solid #FF6600;mso-border-insidev:.5pt solid #FF6600'>
<tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes;height:18.0pt'>
<td width=893 valign=top style='width:669.4pt;border:solid orange 1.0pt;
border-bottom:solid #FF6600 1.0pt;mso-border-alt:solid orange .5pt;
mso-border-bottom-alt:solid #FF6600 .5pt;background:#FFCC00;padding:0cm 5.4pt 0cm 5.4pt;
height:18.0pt'>
<p class=MsoNormal align=center style='text-align:center'><a href="index.htm"></a><a
<A HREF="index.htm" STYLE="font-size:14.0pt ; color:#000000 ; font-family:Teen Light" OnMouseOver="this.style.color='silver'; this.style.cursor='hand'; " ONMOUSEOUT="this.style.color='black'; ">Home</A></span></a> <span
style='font-size:14.0pt;font-family:"Teen Light"'>|</span> <A HREF="lecteurdeezer.htm" STYLE="font-size:14.0pt ; color:#000000 ; font-family:Teen Light" OnMouseOver="this.style.color='silver'; this.style.cursor='hand'; " ONMOUSEOUT="this.style.color='black'; ">News</span></a> <span
style='font-size:14.0pt;font-family:"Teen Light"'>|</span> <A HREF="lecteurdeezer.htm" STYLE="font-size:14.0pt ; color:#000000 ; font-family:Teen Light" OnMouseOver="this.style.color='silver'; this.style.cursor='hand'; " ONMOUSEOUT="this.style.color='black'; ">Connection</span></a> <span style='font-size:14.0pt;font-family:"Teen Light"'> | </span><A HREF="lecteurdeezer.htm" STYLE="font-size:14.0pt ; color:#000000 ; font-family:Teen Light" OnMouseOver="this.style.color='silver'; this.style.cursor='hand'; " ONMOUSEOUT="this.style.color='black'; ">Links</span></a> <o:p></o:p></span></p>

</td>
</tr>
<tr style='mso-yfti-irow:1;mso-yfti-lastrow:yes;height:338.4pt'>
<td width=893 valign=top style='width:669.4pt;border:solid #FF6600 1.0pt;
border-top:none;mso-border-top-alt:solid #FF6600 .5pt;mso-border-alt:solid #FF6600 .5pt;
padding:0cm 5.4pt 0cm 5.4pt;height:338.4pt'>
<p class=MsoNormal align=center style='text-align:center'><span
style='font-size:10.0pt'><span
style='mso-spacerun:yes'>                                              
</span><span
style='mso-spacerun:yes'>                                                                                                          </span></span><span
style='font-size:2.0pt'><o:p></o:p></span></p>
<p class=MsoNormal><span style='font-size:2.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:2.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:2.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:2.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:2.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:2.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:2.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:2.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal align=right style='text-align:right'><span
style='font-size:10.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span></p>
<p class=MsoNormal style='tab-stops:288.0pt'><span style='font-size:10.0pt'><span
style='mso-spacerun:yes'>                                                                               
</span><o:p></o:p></span></p>
</td>
</tr>
</table>

<p class=MsoNormal><o:p> </o:p></p>

</div>

</body>

</html>

(je sais doit y avoir beaucoup d'erreurs mais bon j'ai que 14 ans alors ...)
-1

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

Posez votre question
Réponse 5 / 5
benji^^ Messages postés 100 Date d'inscription vendredi 4 janvier 2008 Statut Membre Dernière intervention 25 mai 2009 10
17 juil. 2008 à 22:37
Oui t'inquiète pas je l'ai testé et je trouve ça très bien car tu peux créé ton site sans connaître le html et si tu le maitrise un peu, tu peu y mettre des personnalisations.

Merci.
-1