Les bases du développement de sites web

Au cas où vous rencontreriez des problèmes en surfant sur le site, n’hésitez pas à me contacter. Malgré le soin que j’ai apporté au développement de ce site, c’est ma première expérience dans ce domaine, il est donc tout à fait possible qu’ici ou là j’aie commis une erreur. Toutefois, à ceux qui se demanderaient pourquoi le site n’est pas rigoureusement identique dans tous les navigateurs, je conseille la lecture des lignes suivantes — et je réponds par avance que ce n’est pas un défaut de conception.

Les langages utilisés

J’ai eu recours à quatre langages différents pour développer ce site, les deux principaux étant HTML et CSS : le premier a pour but de définir la structure des différents éléments de chaque page du site (les titres, les paragraphes, les tables, etc.), au second revient de mettre en forme ces éléments, autrement dit d’effectuer la mise en page : attribuer les couleurs, la position de chaque élément, la taille des caractères, etc.

Ces deux langages sont normalisés par un organisme indépendant, le W3C, dont la mission est de définir des standards utilisables par tous. Tous les navigateurs modernes sont capables de comprendre ces langages, mais certains les comprennent mieux que d’autres… d’où les éventuelles différences d’aspect d’un navigateur à l’autre.

Toutes les pages du site ont été validées par le validateur du W3C, ainsi que les feuilles de style :

Le troisième langage utilisé est PHP qui permet de construire des pages dynamiquement, c’est-à-dire que lorsque un visiteur demande à visiter une page en PHP, le serveur (la machine qui traite la demande) exécute le programme PHP qui produit généralement une page HTML et renvoie le résultat. C’est le mécanisme utilisé pour construire et valider les formulaires sur ce site. PHP est un langage libre lui aussi, même s’il n’est soumis à aucune normalisation.

J’utilise enfin JavaScript parcimonieusement pour créer quelques effets visuels, mais vous n’êtes pas tenu de l’avoir activé pour parcourir ce site.

Les outils utilisés

Contrairement à ce que voudraient faire croire certaines compagnies aux développeurs débutants, il est rigoureusement inutile d’investir le moindre centime dans des logiciels lorsque l’on désire développer un site web. Comme on l’a vu plus haut, tous les langages nécessaires ne requièrent qu’un simple éditeur de texte. Évidemment, il en est de mieux adaptés que d’autres, mais ils sont gratuits. J’ai pour ma part poussé la logique jusqu’au bout puisque j’ai réalisé tout mon travail sous Gentoo, une distribution Linux. Les pages ont été écrites dans mon éditeur favori, XEmacs et les images créées avec Gimp.

Documentation sur l’internet

Ceux qui voudraient s’essayer au développement de sites web ont toute la documentation possible et imaginable à portée de main sur internet (si vous préférez me confier la création de votre site internet, je me tiens à votre disposition) : je ne saurais trop recommander de commencer par la lecture des spécifications du W3C qui constituent la référence en la matière, d’abord celle du HTML, puis celle sur les CSS. C’est parfois une lecture un peu rude, mais irremplaçable.

Il existe ensuite un nombre considérable de sites qui illustrent les spécifications, je pense en particulier à A List Apart, Design meme, Listamatic qui tous expliquent en détail comment maîtriser les CSS ; pour des avis éclairés sur des points plus généraux, je m’en suis remis à l’expérience d’experts comme Alan J. Flavell, Jukka Korpela, Dan Tobias, Eric A. Meyer et bien d’autres ! Vous y trouverez des conseils sur les différents encodages de caractères, la meilleure façon de réaliser des sites multi-lingues, l’utilisation rigoureuse du HTML, etc.