Est-ce que mon code est propre ?

Link · 12 Juillet 2005

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 :

<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 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 soudés","location='tubessoudes-fr.htm'");
  mm_menu_0730153406_1.addMenuItem("Tubes sans soudure","location='tubessanssoudure-fr.htm'");
  mm_menu_0730153406_1.addMenuItem("Ebauches","location='ebauches-fr.htm'");
  mm_menu_0730153406_1.addMenuItem("Tubes carrés et rectangulaires","location='tubescarresetrectangulaires-fr.htm'");
  mm_menu_0730153406_1.addMenuItem("Raccords soudés et sans soudure","location='raccordssoudesetsanssoudure-fr.htm'");
  mm_menu_0730153406_1.addMenuItem("Brides","location='brides-fr.htm'");
  mm_menu_0730153406_1.addMenuItem("Raccords filetés BSP","location='raccordsfiletesbsp-fr.htm'");
  mm_menu_0730153406_1.addMenuItem("Raccords à bague de sertissage","location='raccordsabaguedesertissage-fr.htm'");
  mm_menu_0730153406_1.addMenuItem("Raccords haute pression NPT et SW","location='raccordshautepressionnptetsw-fr.htm'");
  mm_menu_0730153406_1.addMenuItem("Tubes alimentaires","location='tubesalimentaires-fr.htm'");
  mm_menu_0730153406_1.addMenuItem("Raccords alimentaires","location='raccordsalimentaires-fr.htm'");
  mm_menu_0730153406_1.addMenuItem("Colliers de 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ô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> </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

Compte supprimé · 12 Juillet 2005

heu... non

1/ il n'est pas sémentique (vire les table et les spacer.gif par exemple)

2/ Il n'est pas valide

Dudu · 12 Juillet 2005

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:

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

Modifié 12 Juillet 2005 par Dudu

Link · 12 Juillet 2005

A vrai dire je m'en doutais un peu :hypocrite:

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

Sebastien · 12 Juillet 2005

"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.

Modifié 12 Juillet 2005 par Sebastien

Link · 12 Juillet 2005

A vrai dire je m'en doutais un peu

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

<{POST_SNAPBACK}>

<!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 · 12 Juillet 2005

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 :fou:

Link · 12 Juillet 2005

Ok je suis loin d'avoir fini de le nettoyer alors

Sebastien · 12 Juillet 2005

Voici un validateur en francais qui te permettra d'identifier les erreurs :

http://www.validome.org/

Link · 13 Juillet 2005

Merci pour votre aide

v4np13 · 13 Juillet 2005

Il n'est pas valide

<{POST_SNAPBACK}>

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

This Page Is Valid HTML 4.01 Transitional!

Modifié 13 Juillet 2005 par v4np13

Link · 14 Juillet 2005

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

<{POST_SNAPBACK}>

Oui depuis j'ai nettoyé mon code

Connexion

Est-ce que mon code est propre ?

Sujets conseillés

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter