Règles de composition des sites HTML

Nom des fichiers

Pour des raisons de compatibilité entre les différents systèmes existants et afin d’éviter les surprises intempestives ( en fonction de votre système d’exploitation et du logiciel utilisé), nous vous conseillons d’utiliser le format suivant pour les noms de fichiers :

Nom.extension :
Nom : sans espace ni accent, et autres caractères spéciaux
Extension : sans espace ni accent, et autres caractères spéciaux

Bons exemples : _ fortlecluse.jpg

fort_l_ecluse.jpg

fort-l-ecluse.jpg

Mauvais exemples : _ fort l’ecluse.jpg (problèmes avec le " " et le "’")

égalité.jpg (problème avec les "é")

Minuscules et majuscules :
Notre serveur fait la différence entre les minuscules et les majuscules. Nous vous conseillons donc de mettre tous les noms de fichiers en minuscules.

Exemple :
Logo.gif et logo.gif sont deux fichiers différents

L’extension permet au navigateur de déterminer l’application la mieux à même de lire le fichier. Il ne faut donc pas la changer.

Le nom des fichiers est important. Il permet par exemple de savoir rapidement à quoi correspondent une image ou un document. Il faut donc nommer les fichiers avec soin.
Les moteurs de recherche tiennent compte du nom des fichiers.

Structure des liens

Lorsqu’une personne demande le chargement d’un répertoire et nom d’un fichier

Exemple :
http://www.cc-pays-de-gex.fr/mairies/thoiry/

Notre serveur affichera automatiquement un fichier portant le nom :
index.php
index.htm
index.html
et présent dans ce même répertoire

Ceci correspond à une règle de sécurité mais aussi de convivialité : si un utilisateur tape une URL sans indiquer de nom de fichier, c’est cette page qui est affichée par défaut, sinon c’est le contenu du répertoire spécifié qui apparaîtra...

Adressage relatif ou absolu

Vous avez le choix d’utiliser l’adressage relatif ou absolu. L’adressage relatif s’avère beaucoup plus simple d’utilisation

Exemple :
Absolue
<A HREF="http://www.cc-pays-de-gex.fr/icons/logo.gif">
Relatif
<A HREF="../icons/logo.gif">

Conseils et règles d’écriture

- Pour faciliter la consultation en mode texte (sans image), légendez les images. En effet certains utilisateurs choisissent de ne pas afficher les images (temps de chargement plus rapide, pas de pub,...) Pour cela utilisez <IMG SRC="..." ALT="...">

Exemple :
<IMG SRC="../images/photos/castle.jpg" ALT="Photo du chà¢teau">

- Pour des questions de lisibilité et de maintenance, il est recommandé d’écrire tous les marqueurs HTML en majuscules.

Exemple :
Les marqueurs sont plus repérables
<IMG src="../images/photos/castle.jpg" alt="Photo du chateau">
<IMG SRC="../images/photos/castle.jpg" ALT="Photo du chateau">

- Respectez la structure de base d’un document HTML
- Spécifiez votre code de page :
<META HTTP-EQUIV="content-type" CONTENT="text/html ; charset=iso-8859-1">

- Mettez des balises META utiles aux moteurs de recherche
<META NAME="author" CONTENT="moi">
<META NAME="keywords" CONTENT="mots clefs de la page">
<META NAME="description" CONTENT="description de la page">

Conseils et règles sur la mise en page

- Datez les pages
- A partir de n’importe quelles pages de votre site, l’utilisateur doit pouvoir retourner à la racine de ce dernier ou à des points "critiques". Créez les liens et icônes nécessaires
- Créez une page spéciale ou faites référence à vos partenaires. Créez un lien vers http://www.cc-pays-de-gex.fr/ et http://www.cri01.org
- Créez un page spéciale ou ajoutez dans une page existante les cordonnées pour vous joindre ( web, mail, adresse, téléphone, fax,...)
- Chaque page doit avoir un TITRE
<TITLE>titre de la page</TITLE>
- Créez une charte graphique et respectez-la
- Faites attention à la taille de vos pages web (page web + images). Compressez vos images au mieux.
Sachez qu’une personne ayant un modem classique charge en moyenne à 4ko/s, si votre page fait 40ko, l’utilisateur l’attendra 10 secondes !
- Si vous souhaitez afficher des images de qualité, ne les intégrez pas directement à une page web ; faites une vignette de cette image et dans une page web, liez la vignette à l’image de qualité

Conseils pour éviter le SPAM de vos emails

Toutes les adresses mails publiées sur le web sont récupérables par un moteur de recherche donc par les spammeurs.
Pour éviter cela, il est recommandé soit d’utiliser une formulaire PHP de contact (si vous connaissez le PHP), soit de coder l’adresse mail.
Ces deux sites peuvent vous y aider :
- http://www.caspam.org/
- http://aspirine.org/emailcode.php