Version complète: sur le forum Webmaster Hub : Est-ce que mon code est propre ?
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Link
mardi 12 juillet 2005 à 08:54
Bonjour, j'ai vu une page d'aide sur le net où on expliquait qu'il y avait deux types de travailleurs, ceux qui ont un code propre et ceux chez qui c'est le boxon.
Pourriez-vous me dire ce qui cloche dans le mien pour voir s'il est propre ou pas ?


Voici la page : http://www.cotubel.be/accueil-fr.htm

Voici le code :

CODE
<html>
<head>
<title>COTUBEL.BE - Accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function mmLoadMenus() {
 if (window.mm_menu_0730153223_0) return;
 window.mm_menu_0730153223_0 = new Menu("root",97,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#737173","#ff0000","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
 mm_menu_0730153223_0.addMenuItem("Informations","location='informations-fr.htm'");
 mm_menu_0730153223_0.addMenuItem("Documentation","location='documentation-fr.htm'");
 mm_menu_0730153223_0.addMenuItem("Certificat","location='certificat-fr.htm'");
 mm_menu_0730153223_0.addMenuItem("Contact","location='contact-fr.htm'");
 mm_menu_0730153223_0.addMenuItem("Offres&nbsp;d'emploi","location='offresdemploi-fr.htm'");
  mm_menu_0730153223_0.fontWeight="bold";
  mm_menu_0730153223_0.hideOnMouseOut=true;
  mm_menu_0730153223_0.menuBorder=0;
  mm_menu_0730153223_0.menuLiteBgColor='#525552';
  mm_menu_0730153223_0.menuBorderBgColor='#000000';
  mm_menu_0730153223_0.bgColor='#555555';
 window.mm_menu_0730153406_1 = new Menu("root",210,16,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#737173","#ff0000","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
 mm_menu_0730153406_1.addMenuItem("Tubes&nbsp;soud&eacute;s","location='tubessoudes-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Tubes&nbsp;sans&nbsp;soudure","location='tubessanssoudure-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Ebauches","location='ebauches-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Tubes&nbsp;carr&eacute;s&nbsp;et&nbsp;rectangulaires","location='tubescarresetrectangulaires-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Raccords&nbsp;soud&eacute;s&nbsp;et&nbsp;sans&nbsp;soudure","location='raccordssoudesetsanssoudure-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Brides","location='brides-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Raccords&nbsp;filet&eacute;s&nbsp;BSP","location='raccordsfiletesbsp-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Raccords&nbsp;&agrave;&nbsp;bague&nbsp;de&nbsp;sertissage","location='raccordsabaguedesertissage-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Raccords&nbsp;haute&nbsp;pression&nbsp;NPT&nbsp;et&nbsp;SW","location='raccordshautepressionnptetsw-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Tubes&nbsp;alimentaires","location='tubesalimentaires-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Raccords&nbsp;alimentaires","location='raccordsalimentaires-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Colliers&nbsp;de&nbsp;fixation","location='colliersdefixation-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Vannes","location='vannes-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Barres","location='barres-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Plats","location='plats-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("Profils","location='profils-fr.htm'");
 mm_menu_0730153406_1.addMenuItem("T&ocirc;les","location='toles-fr.htm'");
  mm_menu_0730153406_1.fontWeight="bold";
  mm_menu_0730153406_1.hideOnMouseOut=true;
  mm_menu_0730153406_1.menuBorder=0;
  mm_menu_0730153406_1.menuLiteBgColor='#525552';
  mm_menu_0730153406_1.menuBorderBgColor='#000000';
  mm_menu_0730153406_1.bgColor='#555555';

 mm_menu_0730153406_1.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript1.2" src="mm_menu.js"></script>
<META NAME="Keywords" CONTENT="vannes,vanne,tubes,tube,toles,tole,stockiste,soudes,soude,soudure,ronds,rond
raccords,raccord,profils,profil,plats,plat,mettalurgie,inoxydable,inox,fournisse
r,fluides,fluide,ebauches,ebauche,decoration,cornieres,corniere,construction,col
ier,canalisations,canalisation,corrosion,brides,bride,barres,barre,bague,acier">  <!-- Les Meta tags, mots clés pour le référencement -->
</head>

<body>
<table width="704" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
   <td><img src="1.gif" width="700" height="82" border="0" usemap="#Map"></td>
 </tr>
 <tr>
   <td><script language="JavaScript1.2">mmLoadMenus();</script>
     <table border="0" cellpadding="0" cellspacing="0" width="700">
       <!-- fwtable fwsrc="Menu.png" fwbase="Menu.gif" fwstyle="Dreamweaver" fwdocid = "1616823531" fwnested="0" -->
       <tr>
         <td><img src="spacer.gif" alt="" name="undefined_2" width="82" height="1" border="0"></td>
         <td><img src="spacer.gif" alt="" name="undefined_2" width="75" height="1" border="0"></td>
         <td><img src="spacer.gif" alt="" name="undefined_2" width="101" height="1" border="0"></td>
         <td><img src="spacer.gif" alt="" name="undefined_2" width="93" height="1" border="0"></td>
         <td><img src="spacer.gif" alt="" name="undefined_2" width="76" height="1" border="0"></td>
         <td><img src="spacer.gif" alt="" name="undefined_2" width="195" height="1" border="0"></td>
         <td><img src="spacer.gif" alt="" name="undefined_2" width="78" height="1" border="0"></td>
         <td><img src="spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0"></td>
       </tr>
       <tr>
         <td><img name="Menu_r1_c1" src="Menu_r1_c1.gif" width="82" height="13" border="0" alt=""></td>
         <td><a href="#" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0730153223_0,0,13,null,'Menu_r1_c2');"><img name="Menu_r1_c2" src="Menu_r1_c2.gif" width="75" height="13" border="0" alt=""></a></td>
         <td><a href="itineraire-fr.htm"><img name="Menu_r1_c3" src="Menu_r1_c3.gif" width="101" height="13" border="0" alt=""></a></td>
         <td><a href="#" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0730153406_1,0,13,null,'Menu_r1_c4');"><img name="Menu_r1_c4" src="Menu_r1_c4.gif" width="93" height="13" border="0" alt=""></a></td>
         <td><a href="foires-fr.htm"><img name="Menu_r1_c5" src="Menu_r1_c5.gif" width="76" height="13" border="0" alt=""></a></td>
         <td><a href="conditionsdelivraison-fr.htm"><img name="Menu_r1_c6" src="Menu_r1_c6.gif" width="195" height="13" border="0" alt=""></a></td>
         <td><img name="Menu_r1_c7" src="Menu_r1_c7.gif" width="78" height="13" border="0" alt=""></td>
         <td><img src="spacer.gif" alt="" name="undefined_2" width="1" height="13" border="0"></td>
       </tr>
     </table></td>
 </tr>
 <tr>
   <td><img src="Sous%20titre.gif" width="700" height="27"></td>
 </tr>
 <tr>
   <td><img src="2.gif" width="700" height="14"></td>
 </tr>
 <tr>
   <td><img src="3%20fond.gif" width="700" height="41" border="0" usemap="#Map2"></td>
 </tr>
 <tr>
   <td><img src="4%20fond.gif" width="700" height="34" border="0" usemap="#Map3"></td>
 </tr>
 <tr>
   <td><img src="5%20fond.gif" width="700" height="35" border="0" usemap="#Map4"></td>
 </tr>
 <tr>
   <td><img src="6%20fond.gif" width="700" height="37" border="0" usemap="#Map5"></td>
 </tr>
 <tr>
   <td><img src="7%20fond.gif" width="700" height="35" border="0" usemap="#Map6"></td>
 </tr>
 <tr>
   <td><img src="8%20fond.gif" width="700" height="45"></td>
 </tr>
 <tr>
   <td>
     <table width="700" border="0" cellpadding="0" cellspacing="0">
       <tr>
         <td><img src="gauche%20news.gif" width="111" height="465"></td>
         <td><script type="text/javascript" language="javascript" src="http://www.i-services.net/membres/newsbox/newsbox.php?user=61694&idbox=13545"></script>&nbsp;</td>
         <td><img src="droite%20news.gif" width="85" height="465"></td>
       </tr>
     </table>      </td>
 </tr>
 <tr>
   <td><img src="Sous%20bas.gif" width="700" height="37"></td>
 </tr>
 <tr>
   <td><img src="11.gif" width="700" height="44" border="0" usemap="#Map7">
     <map name="Map7">
       <area shape="rect" coords="144,14,205,28" href="plandusite-fr.htm">
       <area shape="rect" coords="205,14,253,28" href="informations-fr.htm">
       <area shape="rect" coords="254,14,305,28" href="itineraire-fr.htm">
       <area shape="rect" coords="306,14,356,28" href="tubessoudes-fr.htm">
       <area shape="rect" coords="357,14,398,28" href="foires-fr.htm">
       <area shape="rect" coords="398,14,499,28" href="conditionsdelivraison-fr.htm">
       <area shape="rect" coords="500,14,544,28" href="contact-fr.htm">
     </map></td>
 </tr>
</table>
<map name="Map">
 <area shape="rect" coords="253,17,450,68" href="accueil-fr.htm">
</map>
<map name="Map2">
 <area shape="rect" coords="92,16,220,34" href="informations-fr.htm">
</map>
<map name="Map3">
 <area shape="rect" coords="92,8,220,28" href="itineraire-fr.htm">
</map>
<map name="Map4">
 <area shape="rect" coords="91,7,218,28" href="tubessoudes-fr.htm">
</map>
<map name="Map5">
 <area shape="rect" coords="91,9,220,29" href="foires-fr.htm">
</map>
<map name="Map6">
 <area shape="rect" coords="90,6,219,26" href="conditionsdelivraison-fr.htm">
</map>
</body>
</html>


Merci smile.gif
Compte supprimé
mardi 12 juillet 2005 à 09:03
heu... non
1/ il n'est pas sémentique (vire les table et les spacer.gif par exemple)
2/ Il n'est pas valide
tongue.gif
Dudu
mardi 12 juillet 2005 à 09:31
CITATION(Cotubel @ mardi 12 juillet 2005, 09h54)
Bonjour, j'ai vu une page d'aide sur le net où on expliquait qu'il y avait deux types de travailleurs, ceux qui ont un code propre et ceux chez qui c'est le boxon.
Pourriez-vous me dire ce qui cloche dans le mien pour voir s'il est propre ou pas ?
Voici la page : http://www.cotubel.be/accueil-fr.htm
*
Soyons francs: 2ème réponse mon capitaine blush.gif

jeroen a pratiquement tout dit de manière concise. J'y rajouterai juste un soupçon d'accessibilité (le javascript doit pouvoir ne pas être indispensable) et de CSS pour la mise en page (en lieu et place des <table> en fait).

Comment faire ? -> dans les sujets de cette rubrique "(X)HTML & CSS", les sujets épinglés renvoient vers beaucoup d'articles / tutoriels de grande qualité.
Si vraiment çà coince, tu sais sur quel forum poser tes questions wink.gif
Link
mardi 12 juillet 2005 à 12:58
A vrai dire je m'en doutais un peu hypocrite.gif

Je vais lire les tutoriaux et "valide" qu'est ce que ça veut dire sinon ?
Sebastien
mardi 12 juillet 2005 à 13:19
"Valide" signifie que le code de ta page est conforme aux régles de syntaxe élaborées par le W3C, organisme chargé de l'élaboration des normes de l'internet. Ces regles peuvent varier selon le doctype que tu utilise : html 4, xhtml, strict ou transitionnal.
Link
mardi 12 juillet 2005 à 13:43
CITATION(Cotubel @ mardi 12 juillet 2005, 12h58)
A vrai dire je m'en doutais un peu  hypocrite.gif

Je vais lire les tutoriaux et "valide" qu'est ce que ça veut dire sinon ?
*



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


C'est ça ?
Je croyais que c'était des lignes qui ne servaient à rien, c'est au tout début de mon code mais je ne l'ai pas mis. Il est valide avec ça ?
Xavier
mardi 12 juillet 2005 à 13:44
Non, avec ça tu as juste défini la "langue" de ton document. Celle dans laquelle il va parler au navigateur. C'est un bon début, mais si au final il ne parle pas vraiment cette langue, ça risque de mal se passer IMSTP6.gif wink.gif
Link
mardi 12 juillet 2005 à 13:57
Ok je suis loin d'avoir fini de le nettoyer alors -_-
Sebastien
mardi 12 juillet 2005 à 14:20
Voici un validateur en francais qui te permettra d'identifier les erreurs :
http://www.validome.org/
Link
mercredi 13 juillet 2005 à 13:07
Merci pour votre aide smile.gif
v4np13
mercredi 13 juillet 2005 à 20:31
CITATION(jeroen @ mardi 12 juillet 2005, 09h03)
Il n'est pas valide
tongue.gif
*


Bah quand je clique sur ton lien, le site est valide maitenant smile.gif

CITATION
This Page Is Valid HTML 4.01 Transitional!
Link
jeudi 14 juillet 2005 à 07:57
CITATION(v4np13 @ mercredi 13 juillet 2005, 20h31)
Bah quand je clique sur ton lien, le site est valide maitenant smile.gif
*



Oui depuis j'ai nettoyé mon code wink.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.