2010-03-16 à 11:32:29

Didacticiel (X)HTML [1]

Updated on 2006-04-17 at 20:00

Objectifs

Nous nous sommes fixés l'objectif suivant : constituer des notes préléminaires d'un cours concernant l'élaboration, et la maintenance d'un site web à destination des habitants de la commune de Kraainem. Le public attendu n'est pas un public de professionnels. La méthode suivie dans ce cours est de privilégier les aspects pratiques, parfois aux dépens de la théorie. Ainsi, par exemple, il n'entre absolument pas dans nos intentions de parcourir l'histoire de la naissance du web.

Au fur et à mesure de l'écriture de ce cours, nous nous sommes rendus compte qu'il dépassait largement le public cible de la première heure. Finalement, il peut bénéficier à toute personne désireuse de se frotter avec amusement aux techniques qui permettent de construire un site web efficacement et ensuite de le maintenir correctement.

Pratique certes, cependant, nous nous plongerons souvent dans des aspects conceptuels qui président l'émergence d'un modèle rigoureux mais souple. Nous survolerons ainsi à maintes reprises des règles établies, des conventions largement acceptées internationalement, auxquelles nous souhaitons souscrire; nous évoquerons également quelques tendances et courants; nous débattrons à la rigueur de certains sujets ouverts à discussion.

L'adhérance stricte aux règles de l'art devrait - mais nous verrons qu'il n'en est pas toujours ainsi, malheureusement - nous permettre de donner un rendu équivalent pour chaque navigateur Internet dont les plus connus sont à ce jour, Internet Explorer, FireFox et Opera. Le respect des règles et standards du web diminuera de manière significative la quantité de code à écrire pour s'affranchir des différences entre navigateurs ... jusqu'à l'éliminer (presque) complètement.

Les techniques exposées, parfois complexes, DEVRONT pouvoir être mises en œuvre simplement. C'est là tout notre paradoxe : pas de maîtrise sans harmonie, pas d'harmonie en absence de fluidité, pas de fluidité sans simplicité.

Le cours, du moins tel que nous le voyons pour l'instant, sera articulé en quatre volets, dont le plus important est sans conteste le deuxième : la réalisation du site proprement dite ...

  1. L'infrastructure nécessaire à l'hébergement (infrastructure technique - matérielle et logicielle)
  2. La réalisation du contenu du site
    1. Forme (HTML, XHTML, XML, XSL, CSS)
    2. Contenu (HTML, XHTML, XML)
    3. Signification (RSS, Web sémantique, XFN)
    4. Programmation (ECMAScript/JavaScript, PHP)
  3. Standards, lignes directrices, tendances, et bonnes pratiques
  4. Gérer l'environnement du Web : moteurs de recherche, robots, agents intelligents

Le cours en lui-même (son support, sa cristallisation) sera publié sur le site de FastWrite, à la fois www.fastwrite.com et www.fastwrite.com, et adhérera aux normes de développement des sites web en vigueur chez FastWrite : effectivement ... ce cours est conçu comme une série de pages Web parfaitement validées.

Pré-requis

Le cours ne demande aucune connaissance préalable de l'HTML. Néanmoins, les cursistes devront connaître les bases de l'environnement Windows, savoir manipuler un browser Internet (nous utiliserons Mozilla Firefox), et éditer un texte (en notepad, wordpad, ou tout autre éditeur de textes - nous utiliserons UltraEdit).

Avertissement

Nous développerons les concepts de ce cours en deux temps.

1. Une première salve fera un tour très rapide, sans fil conducteur apparent, des notions les plus urgentes à dominer. Cette première fournée est également indispensable pour temporiser l'impatience des étudiants à obtenir des résultats probants dès les tout débuts de leur apprentissage.

2. Une deuxième charretée repassera sur les notions vues plic ploc lors de notre premier voyage. Il s'agira là d'ancrer plus solidement les fondements théoriques et pratiques vus antérieurement. Il faudra affiner, voire ré-orienter, les idées que nous aurons fait fleurir. Bien des affirmations antérieures seront revues et corrigées pour un objectif ambitieux : développer des sites selon les standards du web, avec du code XHTML 100 % fiable (sachez que 99,9 % des sites actuels sont incorrects ... et pardonnez cette incongruité, mais ce sont souvent les sites des plus grandes sociétés qui sont "inacceptablement" mal foutus — si vous nous permettez l'expression ... et même parmi les sociétés qui se targuent de développer votre propre site Internet !, avec du code CSS sans tache, et qui peuvent même être validées an comparaison des critères d'accessibilité (WCAG) ... en obtenant les grades Double-A ou Triple-A, ce qui est tout à fait unique en Belgique.

Que les étudiants ne s'impatientent pas si les résultats obtenus ne rencontrent pas immédiatement leurs critères d'esthétique les plus aiguisés : il est indispensable de s'affranchir du langage (X)HTML d'abord. Ensuite, nous pourrons mettre l'accent sur les notions de présentation pour finalement atteindre (pour tant que cela soit possible, et si ce ne l'était pas, au moins faisons-en un idéal) l'excellence. Voyez par exemple les modèles qui parsèment nos pages web et dites-vous qu'au bout de ce cours, vous serez capable de reproduire ces modèles et, qui sait ?, de les améliorer, de les critiquer.

Alors ... si vous êtes prêt au voyage, engagez-vous dans la première leçon !

Suivante

Notes de bas de page

[1] … (eXtendable) Hyperlink Markup Language