Votre site : cadres, tableaux ou CSS ?

Avant d'aller plus loin dans la réflexion de création de votre site, je voudrais attirer votre attention sur un point technique qui mérite toute votre attention : la manière dont le site sera codé. Si vous réalisez votre site en interne, il y a de fortes chances que vous choisissiez de travailler avec un éditeur WYSIWYG. Vous n'aurez alors pas de choix technique. Par contre, si vous choisissez une société de création de sites Internet comme la nôtre, vous devez être particulièrement attentif aux techniques que cette dernière mettra en œuvre.

Les cadres
Au début de l'ère Internet, de nombreux sites étaient construits avec ce principe de multi-fenêtrage que l'on nomme également des frames. Le principe en était le suivant : on divisait la page principale en grands cadres, chacun faisant appel à une page secondaire. On plaçait de cette manière le menu dans une page, le bandeau dans une seconde, le contenu dans une troisième et on agençait le tout sur la page principale. Le principal avantage de cette technique était de séparer la navigation des contenus. Lorsqu'il convenait de modifier le menu, un seul fichier était à changer sur le site et tout rentrait dans l'ordre.

Aujourd'hui, cette technique n'est plus utilisée que par quelques dinosaures en raison des problèmes suivants :

• L'Url permettant d'accéder à la page est incorrecte avec les frames, puisque plusieurs pages sont regroupées sous une seule adresse.
• Il est impossible d'ajouter une page précise aux favoris
• Les moteurs de recherche peinent à comprendre les frames et indexent très mal les sites développés de cette manière
• L'impression du contenu est très problématique

Les tableaux
Les tableaux offrent la possibilité de placer presque parfaitement chaque élément d'une page Web. L'information peut y être structurée correctement. Cette technique a été très largement utilisée malgré le fait que le tableau était initialement conçu pour afficher des données tabulaires (comme dans Excel) et non pour faire la présentation de sa page.

Même si cette technique est encore utilisée, elle doit être abandonnée pour les raisons suivantes :

• l'imbrication multiple de tableaux est souvent nécessaire pour obtenir le résultat souhaité
• le nombre de balises (table, tr, td...) devient vite considérable et alourdit le code (et donc le temps de chargement)
• le tableau doit être entièrement chargé avant d'être affiché dans le navigateur
• les logiciels de lecture utilisés par les mal-voyants lisent le code ce qui rend une lecture de pages construites sur ce principe assez désagréable.

Positionnement CSS
Le positionnement CSS est l'application des recommandations des Standards W3C. Il permet de faire une séparation bien distincte entre le contenu et la mise en page.

Cette technique, en évolution, présente les avantages suivants :

• Les moteurs de recherche indexent très bien le contenu développé de cette manière
• Les logiciels de lecture l'utilisent avec beaucoup plus de fluidité
• Un site construit de cette manière assure une modification ultérieure beaucoup plus rapide.
• Le site est compatible avec tous les navigateurs (moyennant quelques adaptations de la css pour IE6)
• Le temps de chargement d'une page est grandement accéléré.

Lire la suite>>>