Éviter les erreurs de conception.

Si vous trouvez une article intéressante, vous pouvez participer à sa diffusion en utilisant les boutons de partage situés ci-dessous.

Pourquoi ça ne marche pas ?

Pourquoi mon lien ne fonctionne-t-il pas ? Qu'est-ce qui empêche mon image de s'afficher ? Comment se fait-il que lorsque bla, bla, bla il n'y a rien qui se passe? Pourquoi ma page n'est-elle pas valide W3C ? Il n'y a qu'à consulter quelque forum pour s'apercevoir que souvent le problème ne vient pas du code lui-même, mais d'une erreur lors de la conception.

Éviter les erreurs lors de la conception, élémentaire mon cher Watson.

Les fautes d'inattention.

Plus un code devient complexe, plus une erreur peut s'y glisser. En suivant ces quelques règles, vous éviterez déjà quelques problèmes.

1) Ouvrez puis fermez toutes les balises avant d'insérer quelqu'élément que ce soit. Par exemple, pour insérer un conteneur ouvrer et fermer immédiatement les balises. Par exemple : <div id=""></div>, un paragraphe <p></p>, un lien <a></a> etc.

2) Assurez-vous que les balises soient bien imbriquées. Par exemple :

<strong><em>texte</em></strong> et non <strong><em>texte</strong></em>

3) Si une liste comprend une sous-liste écrivez :

<ul>
 <li>thème 1</li>
 <li>thème 2 (La balise est fermé après la sous-liste).
  <ul>
   <li>Sous-thème 1</li>
   <li>Sous-thème 2</li>
  </ul>
 </li>
 <li>thème 3</li>
</ul>

4) Éviter les noms complexes et trop long comme bizar_nom_pour_une_image.png. S'il manque un caractère, l'image ne s'affichera pas.

Si vous tenez à un nom complexe, faite un clic droit sur l'image, trouver propriétés et faite à nouveau un clic droit sur le nom de l'image à droite de l'icône. Il ne vous reste plus qu'à copier son nom.

5) N'utilisez pas de caractère accentué ou en majuscule ou d'espace entre les mots pour nommer les pages, les images ou tous autres éléments XHTML.

6) Utilisez la bonne extension comme .html si c'est bien une page html ou .png si c'est bien une image png ou encore .rar si c'est bien une archive winrar.

7) La présence du caractère & dans une URL ou dans un script est source de problème lors de la validation. Il convient donc de le remplacer par &amp;. Par exemple remplacer.

• <a href="destination.org?par=1&section=2">...</a>

Par

• <a href="destination.org?par=1&amp;section=2">...</a>

LE CONCEPTEUR DE SITE WEB.com

Pour un site professionnel

 514 363-4169
 serge@leconcepteur.ca