Art et Histoire Art et histoire du Moyen Âge à nos jours

À propos de ce site

Ce document explique l'essentiel de la réalisation technique de ce site.

Généralités

J'ai créé ce site pour m'exercer au développement web. Je l'ai créé en accordant une importance particulière au respect des standards W3C, à l'accessibilité et à... la simplicité. Il est divisé en trois sections, ayant chacune un thème technique:

SectionThème technique
Art JavaScript & DOM level 2
Histoire XML & XSLT
Recherche Jointures SQL & PHP-OO

Évolution récente

Au fil du temps, les standards et les langages évoluent. Les coulisses de ce site ont beaucoup changé pour accompagner cette évolution :

Langages & standards W3C

Voici une liste des langages utilisés sur ce site avec des exemples.

LangageUtilisationObs.
XHTML 1.0 Balisage sémantique, métadonnées Valid HTML 4.01 Transitional
JavaScript 1.5 Section art : rollovers, popups (exemple)
PHP Images à la volée (exemple), JavaScript à la volée (exemple), traitement XML (exemple)
CSS 2.1 Quatre présentations du site (dont PDA et impression) CSS Valide !
XML 1.0 Section histoire (exemples XML+CSS et XML+XSL), RSS 2.0 [Valid RSS]
MySQL Particulièrement la section recherche

CSS, impression & PDA

captures d'écran des différents style du site

Ce site est bénéficie de quatre feuilles de style. Deux sont dédiées à la présentation sur écran, l'une à l'impression et une autre aux PDA (320*240, palette web). Les navigateurs récents supportent les feuilles de style pour l'impression. Sur ces navigateurs, cette feuille de style est automatiquement activée par les commandes « imprimer » et « aperçu avant impression ».

Formulaires

Pour facilité les recherches, les formulaires bénéficient des caractéristiques suivantes. Exemple.

Navigabilité & rel

capture d'écran montrant l'affichage des liens

Ce site utilise les liens de relation (rel et rev). Cette technique permet d'établir des liens logiques entre documents : premier, précédent, suivant, dernier, plan du site, aide, recherche, etc. La capture d'écran (réalisée avec Opéra) montre un exemple avec un document de la section histoire.

Projets

Les standards continuent à évoluer ; ce site aussi. Voici les principaux projets techniques.

Tests

Avant de mettre les pages de ce site en ligne, je les ai testées en local. Mes derniers essais ont été réalisées sur ces configurations:

Crédits

J'ai réalisé l'essentiel des codes et programmes de ce site. Mais je me suis parfois fait aidé.

Merci à Aline Blanc pour le moteur de recherche en PHP dont le code est paru dans l'article qu'elle a écrit dans le Hors-série no 15 de Login:.

Merci à la «Communauté du Libre», ensemble plus ou moins informel de personnes de tous pays qui mettent à disposition des logiciels (OS, langages de programmation, éditeurs) ou des documents (textes, images) sur Internet sans copyright et souvent gratuitement. Sans eux je n'aurais probablement pas pu réaliser ce site... ou plus difficilement :-)

Merci à Scriptaculous pour son framework JavaScript grâce auquel l'autocomplétion des formulaires à été réalisé.

Haut de la page