|
|
|
Travailler avec les css : méthodes |
En 2004, si tout les concepteurs Web s'accordent sur l'intérêt d'utiliser les CSS. On observe toutefois des divergences importantes sur la manière de les utiliser. Certains concepteurs utilisent les CSS pour l'enrichissement typograhique et les tableaux (html) pour positionner les différents éléments de leurs pages. D'autres ont abandonnés définitivement l'usage de tableaux pour positionner leurs éléments, la mise en page est entièrement géré par les CSS.
Voyons en détails les avantages et inconvénients de ces 2 méthodes.
1. La méthode "hybride" : Tableaux + CSS
Celle-ci consiste à utiliser les feuilles de styles pour l'enrichissement typographique et les tableaux pour la mise en page (positionnement des éléments). Dans ce cas les feuilles de styles s'appliquent principalement au texte (choix des caractères, couleurs de fond, interlignages, titrages, liens). Le positionnement des éléments de la page et la structure générale de la page (gabarit) (marges, colonnes, positions des blocs) sont gérés par les tableaux (langage HTML). En 2004, la plupart des sites utilisent la méthode hybride.
Avantages :
- Bien gérer par la plupart des navigateurs même anciens (version 4)
- Les techniques de mise en page sont bien connues des intégrateurs Web
- Méthode rustique mais efficace en terme de rendu
- Rapide à produire avec un peu d'expérience
- Les éditeurs Wysiwyg sont compétents pour gérer ce type de mise en page (pas besoin d'être un expert en code html et css)
Inconvénients :
- Déstructure le code HTML (les tableaux sont détournés de leur fonction d'origine)
- La forme et le contenu ne sont pas complètement séparés
- Personnalisation limitée (on ne peut intervenir que sur le texte et pas sur la mise en page générale)
- Rendu plus lent (les navigateurs doivent réinterpréter la mise en page pour chaque page)
- Code plus lourd et moins malléable
- Mise à jour plus laborieuse quand celle-ci touche la mise à jour des tableaux (ils sont sur chaque page)
- Possibilité de création limitée
Exemple de sites :
2. La méthode 100% CSS (CSS-Positionning)
Celle-ci consiste à gérer via les CSS non seulement l'enrichissement typo mais aussi le positionnement des différents éléments de la page. Dans ce cas les tableaux ne sont plus utilisés pour structurer la mise en forme de la page. C'est la méthode la plus efficace en terme de rendu, de personnalisation et de mise à jour. Elle s'inscrit dans une tendance lourde en matière de conception de site web : séparer totalement le contenu de la forme.
Si les sites 100% CSS sont aujourd'hui peu nombreux, la tendance devrait s'inverser au cours des prochaines années.
Avantages
- le fond et la forme sont totalement séparés
- Personnalisation très poussée (impression, accessibilité, etc.)
- Conforme aux recommandations du W3C
- Vitesse d'affichage (rendu plus rapide)
- Légèreté
- Mise à jour très rapide
- Possibilité de création plus grande
Inconvénients
- Ne fonctionne que dans les navigateurs de dernières générations (affichage problématique dans les versions 4, voir 5)
- Nécessite beaucoup de tâtonnements et de recherche (la création avec les tableaux est plus rapide)
- Nécessite une plus grande expertise dans le domaine du HTML et des CSS
- Mal intégrée dans les éditeurs WYSIWYG (le rendu laisse souvent à désirer, il faut mettre les mains dans le code html et dans la CSS !)
- Inconnue ou mal intégrée par la plupart des webmasters !
Exemples de sites :
En savoir plus
Mise à jour le
22.12.2005
|
|
