CSS et Javascript, 2 couches indépendantes, le plus de l'expérience
L'intégrateur HTML expérimenté doit pouvoir vous offrir cette séparation du fond, de la forme et du comportement. C'est à mon sens le meilleurs moyen d'offrir un contenu clair et organisé au plus grand nombre, tout en faisant bénéficier, à ceux qui en disposent, des dernières techniques permettant la mise en valeur "graphique" du contenu.
les CSS, un outil puissant et modulaire
La réalisation du design via l'utilisation externalisée de feuilles de styles en cascade offre une souplesse et une modularité exrèmement utile. Ainsi, changer totalement le design d'un site ne remettra pas systématiquement en cause la structure même du site, mais seulement ladite couche de design.
La définition générique, l'utilisation des classes, des id, et de la descendance permet de cibler avec précision les éléments à habiller.
- exemple 1 : habillage d'été de cette page
- exemple 2 : habillage d'hiver de cette page
javascript non intrusif et dom scripting, le comportement externalisé
Le javascript, beaucoup décrié, est un langage extrèmement puissant.
Bien utilisé, il va vous permettre d'ajouter de manière subtile des comportements à votre site. Ainsi, l'affichage d'un sous paragraphe pourra, à l'aide des quelques lignes de codes nécessaires, être subordonné à un clic sur le titre dudit paragraphe, évitant ainsi d'avoir visuellement dès le départ la totalité du contenu, pour se concentrer sur une portion de celui-ci.
- exemple 1 : ajouter comportement pour afficher un paragraphe ci-dessous
Ceci est un texte à l'origine appelé via une ancre classique dans la page, mais qui, grâce à une classe spécifique, est identifié par le javascript au chargement de la page,
masqué, puis affiché grâce à un comportement js non intrusif.
En cas de non présence du javascript, ce texte est parfaitement lisible par tout navigateur et accessible via le lien "ancré" ci dessus.
AJAX
L'aboutissement de cette expérience d'Intégrateur HTML est, outre l'utilisation de ces normes, et le respect de "couches" distinctes, l'acquisition en cours d'un savoir faire AJaX, c'est à dire une combinaison de :
- Javascript
- XML
pour ajouter "à la volée" du contenu externe à la page (au format XML) sans recharger le contenu total.
Bien entendu, ces techniques, souvent assimilées au "Web 2.0" sont complétées par des comportements de type drag & drop, classement, affichage, masquage de contenu, etc.
La promesse, malheureusement insuffisamment tenue, d'une ergonomie et d'un plaisir de navigation "customisé"; je reviens ici à tout ce que j'ai dit auparavant : attention à ne pas vouloir faire du "sensationnel" et de l'inutile pour le plaisir de dire "mon site utilise AjaX et est très Web 2.0". Oui si c'est utilisé intelligemment, c'est comme toute chose, la mesure et le discernement sont de mise.