Mode d’emploi
Cette section a pour but de donner une vue globale du site et détailler ce que vous pouvez y trouver. C’est aussi ici que vous pourrez consulter les dernières mises à jour et améliorations que nous continuerons d’y apporter. Pour ceux que cela intéresse, une page est dévolue aux technologies mises en œuvre pour le développer.
Structure du site
Outre la présentation de nos chambres d’hôtes, le site s’attache à faire découvrir le Périgord. La section que nous consacrons à celui-ci contient trois pages pour chaque monument ou site touristique : un commentaire historique, une galerie de photographies et un plan d’accès (si l’une des trois manque, c’est qu’elle est en cours de préparation). Pour le détail, veuillez consulter le plan du site.
Je me suis efforcé de rendre notre site accessible au plus grand nombre, quel que soit le navigateur utilisé. Cependant, certains détails apparaîtront dans les meilleurs navigateurs, et pas dans d’autres : il ne tient qu’à vous d’en changer !
Fonctionnalités
Voici donc une liste des fonctionnalités que notre site met à disposition : libre à votre navigateur de les utiliser ou non.
Sigles et définitions
Certains sigles apparaissent dans le cours des articles, j’ai fait le choix de proposer leur développement littéral pour toutes, des plus obscures aux plus triviales, de manière à ce que le texte reste immédiatement compréhensible à tous. De même, certains termes spécialisés font l’objet eux aussi d’une définition.
Chaque navigateur est libre de révéler une telle définition en utilisant une méthode qui lui est propre, mais la pratique a consacré une méthode aussi simple qu’efficace : l’info-bulle qui apparaît quand vous passez votre souris sur un terme pourvu d’une définition.
Figure 1
Le tout est de savoir quels sont les mots qui bénéficient de ce traitement de faveur : comme le montre la figure, ils sont normalement mis en valeur d’une manière ou d’une autre (ici par un fin trait de soulignement).
Changer de feuille de style
Une feuille de style est un ensembe d’instructions que l’on donne aux navigateurs afin qu’ils sachent comment mettre en forme une page, c’est-à-dire comment positionner les différents éléments de cette page, quelle couleur leur donner, etc. Plusieurs feuilles de style peuvent s’appliquer soit simultanément de manière complémentaire, soit exclusivement. Pour basculer d’une feuille de style à une autre, un navigateur comme Firefox utilise une petite icône dans le coin inférieur gauche de sa fenêtre :
Figure 2
L’intérêt de la chose est de pouvoir choisir la mise en page qui vous plaît le plus. Sur la figure, un seul style est défini (baptisé « Glycine »), mais d’autres viendront…
Aide à la navigation
Certains navigateurs exploitent un type d’éléments HTML qui ordonnent les différentes pages d’un site les unes par rapport aux autres. Mozilla et Firefox (avec l’extension « Link Toolbar ») font partie de ceux-ci :
Figure 3
Les flèches permettent de passer à la page précédente ou suivante, à la première ou dernière page du site, etc.
Accès rapide aux pages spéciales
Dans un même ordre d’idée, certaines pages jouent un rôle particulier dans un site : c’est le cas par exemple de cette page d’aide, du glossaire, des autres versions disponibles pour une page donnée (une traduction par exemple), etc. Là encore, Firefox se distingue puisqu’il propose un mécanisme simple et efficace pour accéder rapidement à ces pages :
Figure 4
Notez que dans le cas des traductions, j’ai inclus dans chaque page un lien hyper-texte explicite vers sa version traduite de sorte que ceux d’entre vous qui n’utilisent pas un navigateur aussi puissant que Firefox puissent tout de même choisir la langue dans laquelle ils parcourent le site.
Esthétique générale
Lorsque la feuille de style « Glycine » est activée, l’effet voulu est qu’une glycine apparaisse en transparence à travers les menus et le corps du texte. Un des rares à ne pas être capables de réaliser cet effet est le navigateur de Microsoft, Internet Explorer, même dans sa version la plus récente (IE 6). J’ai donc fait en sorte qu’au moins cet effet ne lui nuise pas…
Figure 5
De la même manière, normalement le menu latéral que l’on voit sur la figure 5 est censé resté à sa place lorsque l’on fait défiler la page, de manière à l’avoir toujours sous la main : IE est incapable de cela aussi, donc si vous l’utilisez, pour passer de la page que vous lisez à la suivante, il vous faut remonter jusqu’en haut pour faire réapparaître le menu.
Négotiation de langage
Derrière cette appellation barbare se cache un mécanisme astucieux et très pratique qui permet aux visiteurs de choisir automatiquement la langue dans laquelle ils préfèrent visiter un site web. Cette « négotiation » repose sur la spécification de HTTP qui définit la façon dont communiquent le client (votre navigateur) et le serveur (l’outil qui envoie les pages d’un site au client).
Brièvement, le client formule des requêtes auprès du serveur, la plus simple étant de demander à voir une page dont l’adresse est par exemple http://www.relinquiere.com/leisure/climbing. Le serveur reçoit la requête, l’analyse et s’il trouve une page à cette adresse, la retourne au client. Toutefois, le client a la possibilité de nuancer sa requête en faisant précéder l’adresse de la page demandée par des « en-têtes ». Ainsi, il peut avertir le serveur qu’il préfèrerait, dans la mesure du possible, obtenir la page en français, et si la page désirée n’existe pas, qu’une version anglaise fera l’affaire.
Comment ? Il suffit que le client envoie au serveur l’en-tête nommé « Accept-Language » avec la liste des langues qui conviennent. Dans notre exemple, la liste « fr, en » informe le serveur que le français est préféré à l’anglais. Lorsque le serveur reçoit cette requête et qu’il s’aperçoit que le client a exprimé une préférence, il essaie de la satisfaire.
Certes, mais comment faire pour donner une valeur à cet en-tête « Accept-Language » ? La méthode diffère selon les navigateurs, nous allons en examiner deux ici. Tout d’abord dans Internet Explorer, il vous faut aller dans le menu « Outils » puis sélectionner « Options Internet… » ; dans la boîte qui s’ouvre alors, cliquer sur le bouton « Langues… » et ajoutez, supprimez ou réordonnez les langues à votre convenance dans cette seconde boîte :
Figure 6
Dans Firefox, la méthode est similaire : allez dans le menu « Édition », choisissez l’option « Préférences », dans la boîte qui s’ouvre, sélectionnez la catégorie « Général » puis cliquez sur le bouton « Langues… ». La boîte qui apparaît alors ressemble beaucoup à celle d’Internet Explorer et fonctionne de la même manière :
Figure 7
C’est naturellement l’ordre d’apparition des langues dans la liste qui définit votre préférence pour telle ou telle langue. Notez que les langues sont dénotées par un code de pays, puis un code régional, séparés par un tiret. Si vous êtes Québécois, vous pourriez par exemple définir vos préférences par la liste « fr-ca, fr, en », c’est-à-dire donner la priorité au français canadien (fr-ca), à défaut, accepter le français générique, sinon l’anglais.
Je vous encourage à configurer votre navigateur de la sorte pour votre propre confort : notre site n’est pas le seul à mettre en œuvre la négotiation de langage.
Impression
Il est bien entendu possible d’imprimer les pages du site, et ceci sans pour autant vider votre cartouche d’encre ! En effet, la mise en page du contenu du site diffère sensiblement selon que vous l’imprimez ou le visualisez dans un navigateur : en particulier, l’impression se fait sur fond transparent (la couleur du papier) et les images ne sont pas imprimées. Dans ce dernier cas, il y a deux exceptions de taille : si vous décidez d’imprimer une galerie de photos ou un plan d’accès, les images ne sont évidemment pas ignorées…
Notez cependant que si vous imprimez un plan d’accès, l’image de fond qui apparaît par transparence dans un navigateur n’est pas imprimée, ceci toujours pour ménager votre cartouche d’encre.
Mise en valeur d’exemples
Les termes du glossaire sont tous cliquables et conduisent à un exemple de leur utilisation dans l’un des articles du site. L’intention est que l’exemple en question soit mis en valeur et immédiatement repérable par le lecteur, mais ceci ne fonctionne qu’avec les navigateurs basés sur le moteur Gecko (Mozilla, Firefox, etc.)
Figure 8
Ceci est aussi vrai pour la chronologie.