Aller au contenu

Est-ce que mon code est propre ?


Sujets conseillés

Posté

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

Posté (modifié)
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é par Dudu
Posté

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 ?

Posté (modifié)

"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é par Sebastien
Posté
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 ?

<{POST_SNAPBACK}>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

&quot;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 ?

Posté

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:;)

Posté
Bah quand je clique sur ton lien, le site est valide maitenant :)

<{POST_SNAPBACK}>

Oui depuis j'ai nettoyé mon code ;)

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...