colophon — note finale
Vous trouvez occasionnellement un chapitre colophon à la fin des vieux livres.
L’auteur et l’éditeur sont responsables de la page de couverture, du sommaire et du contenu même du livre. Il peut y avoir à la suite parfois aussi une bibliographie et un index. Mais quelquefois il y a un court chapitre dans lequel l’imprimeur parle de son travail artisanal. Dans ce colophon il peut mentionner les écritures utilisées dans le livre, le type et la qualité du papier ainsi que le type de couverture avec laquelle ce papier est relié.
Suivant cette tradition, le créateur du site web Zen Road voudrait parler un peu de la façon dont le site a été réalisé.
les photos
Les photos illustrent un aspect important de ce site: Zen au quotidien, soit à l’arrêt du bus, sur un pont ou au croisement des routes, soit dans la foule ou en marchant dans la campagne regardant le ciel. Quelque chemin que vous suiviez. Toutes les photos ont été données par des amis de Philippe Coupey. Elles ont été prises pour la pluspart en 2004 en Irlande, au Canada, au Mexique, au Portugal, en Angleterre, en France et en Allemagne.
les polices
Créer un site web de façon à ce que les visiteurs éprouvent une expérience agréable et informative, est une tâche multi-disciplinaire. Une des conditions nécessaire est une bonne sensibilité pour la typographie. A peu près 90% des utilisateurs d’internet se servent d’un PC sous Windows et à peu près 3% d’un Mac; donc nous avons cherché une police disponible sur les deux systèmes. Si vous lisez ce texte sur un PC Windows ou sur un Mac vous voyez probablement une police appelée Trebuchet MS, une écriture élégante, légère, sans empattement qui s’adapte bien si vous changez la taille de police dans votre navigateur.
Trebuchet a quelques caractéristiques intéressantes qui ne sont pas visibles au premier abord mais qui sont très esthétiques. Le M majuscule s’incline d’une manière inhabituelle, le g minuscule est comme dans un vieux livre et le l minuscule a une petite queue en bas. Trebuchet a en plus des guillemets relativement corrects concernant la typographie. D’autres polices dessinent le I majuscule (Irma) et le l minuscule (lumière) d’une façon très semblable de sorte que le gros titre suivant extrait d’un journal du 18ième siécle au sujet d’un roi malade:
«George III souffrit des Illusions» est plus lisible en Trebuchet que
«George III souffrit des Illusions» mis en page dans une police appelée Arial.
Si vous imprimez une partie du contenu du site web suivant les instructions du menu côté droit, vous allez découvrir que les pages seront imprimées en Georgia, une police arrondie, avec empattement. Contrairement à la lecture sur écran, notre cerveau est plus habitué à lire des textes imprimés en polices avec empattement.
mise en page ergonomique
Le logo, la photo, le menu principal et la barre des langues en haut de l’écran donnent l’impression d’être superposés sur un bureau. Les éléments bougent individuellement quand vous modifiez la taille de la fenêtre du navigateur (en tirant le coin en bas à droite du navigateur) ou si vous modifiez la taille de la police. Cette mise en page a pour avantage de maintenir tous les éléments de navigation du site, visibles — même sur un écran à résolution 800×600 — en vous permettant de ne pas perdre de vue les détails des merveilleuses photos. En plus, c’est amusant.
Si les langages scripts sont activés dans votre navigateur — ce qui est le cas normalement sauf si l’ordinateur nécessite une sécurité renforcée — la photo se placera au-dessus ou derrière le menu principal quand vous cliquez dessus. Si vous n’utilisez pas de souris, le fait d’appuyer sur une touche aura le même effet si vous avez sélectionné la photo par la touche tabulateur auparavant.
JavaScript et autre contenu actif
Pour garder le site web simple et bien rangé nous avons renoncé volontairement à «contenu actif». Vous ne serez pas confronté à une deuxième ou troisième fenêtre du navigateur s’ouvrant sans avertissement, et le temps d’accès devrait rester court parce que nous n’utilisons pas d’effets graphiques extravagants. JavaScript est utilisé seulement pour le repositionnement de la photo mentionné plus haut, alors que d’autres techniques de programmation dynamique, comme Active-X ou Flash, sont complètement écartées. Si JavaScript est désactivé dans votre navigateur — à peu près 10% des utilisateurs font cela — vous ne pourrez pas repositionner la photo, ce qui n’est pas un grand obstacle pour l’usage de ce site. D’ailleurs, si vous avez désactivé JavaScript, vous avez probablement un écran suffisament large pour ne pas avoir besoin du repositionnement de la photo.
Une raison importante pour éviter du contenu dynamique, côté client, est de permettre l’exploration du site web par des screen reader, des navigateurs spéciaux pour des utilisateurs non-voyants ou mal-voyants. Ils lisent à «voix haute» le contenu du site ou bien ils le traduisent en braille. Un screen reader aura évidemment des problèmes avec des effets graphiques et il pourrait être gêné par l’ouverture d’une fenêtre supplémentaire causée par la navigation.
Une autre bonne raison pour éviter du contenu dynamique est que le site web devient plus accessible pour des moteurs de recherche comme Google, MSN et autres, sans ce contenu.
accepter des cookies
Le seul effet dynamique, côté navigateur, que vous devez accepter si vous voulez lire l’enseignement dans la partie «abonnements», ce sont les cookies. Par défaut, les cookies sont activés dans la plupart des navigateurs mais beaucoup d’utilisateurs par soucis de sécurité les désactivent. Si vous avez des difficultés en entrant sur la page «abonnements», vérifiez si votre navigateur a une option du genre «accepter des cookies de la page d’origine». Nous vous demandons d’accepter des cookies pour avoir l’accès total à cette partie protégée par mot de passe du site Zen Road.
standards web
Standards Web est un terme large qui est devenu à la mode les dernières années dans le domaine du développement web. Il a ses racines dans le travail du World Wide Web Consortium (W3C), une organisation de standard international présidée par Sir Tim Berners-Lee, un anglais qui est considéré comme l’inventeur du web. Le W3C définit les langages de programmation et les conventions qui permettent la communication sur le web et il favorise l’utilisation du web par tout le monde indépendamment d’un handicap quelconque. (Plus de détails sur ce sujet sur la page «accessibilité».)
Utiliser les Standards Web est une façon de programmer un site web conforme aux standards du W3C. Cela apporte, en particulier, une séparation du contenu et du style — les mots que vous lisez en ce moment et les idées que vous y associez sont séparés de leur réprésentation comme texte noir sur fond blanc entouré par un bleu foncé. Le medium et le message sont gardés séparément. Adhérer aux Standards Web a pour effet qu’un site web fonctionnera et apparaîtra de la même manière dans n’importe quel navigateur moderne et restera toujours accessible pour des screen reader et autres navigateurs non-visuels.
programmation et test
Les pages de ce site sont rédigées en XHTML (extensible hypertext markup language) et elles utilisent des fichiers CCS2 (Cascading Style Sheets, Level 2) pour la mise en page et l’impression. Chaque page est verifiée syntaxiquement par les programmes de validation mis à disposition du World Wide Web Consortium. En plus, le site web entier a été testé en rapport au cahier des charges du WCAG (Web Content Accessibility Guidelines) avec l’intention d’assurer l’accessibilité du site pour des handicapés. Les liens suivants montrent ces principes:
Le site web a été testé avec une multitude de navigateurs différents : Internet
Explorer 6 et 5.5 pour Windows, Internet Explorer 5.2 pour Mac, Mozilla 1.7, Opera 7.5 et Lynx. Les pages
sont servies en tant que type MIME application/xhtml+xml aux navigateurs qui sont totalement
conformes aux recommandations du standard web du W3C,
sinon comme type text/html. Actuellement, seules les versions les plus récentes de
Mozilla et d’Opera sont considérées comme totalement conformes.
un mot de remerciement
Ce site serait moins intéressant s’il ne contenait pas des informations régulièrement mises à jour. Il serait alors assez statique... peut-être avec de jolies couleurs et des photos excitantes, mais vous vous en lasseriez rapidement. Pour créer un site web dynamique, nous avons intégré deux outils de logiciel qui méritent d’être mentionnés ici:
- le Form-Mail-Script de Ralf Stadtaus est la base pour le webmail qui permet d’envoyer des courriels sans spam, directement du site web Zen Road;
- et le redoutable WordPress Web Publishing Platform de Matthew Mullenweg, qui fait fonctionner les parties «enseignements», «abonnements» et «blog» de ce site en combinant une représentation simple du nouveau matériel avec un système d’archivage et de recherche intelligemment conçu.
Un grand merci et tout notre respect aux deux programmateurs ainsi qu’à leurs équipes de développement pour les innombrables années de travail dont Zen Road profite. Voici des liens vers leurs sites web:
concept et mise en page
Paul Buller, Berlin, Automne 2004
eMail: daor–nez@retsambew.org,
tel.(+49 30) 347 877 45