4.1.1 Les formats d’entrée dans les systèmes de publication
Afin de faire le lien entre l’apprentissage du HTML et les systèmes de publication ou gestion de contenu installés la semaine dernière, le formateur examinera la question des « formats d’entrée » (pour qui, pourquoi, comment).
4.1.2 Les langages Web : apprendre à apprendre
Il existe deux manière de perfectionner ses connaissances des multiples langages utilisés dans le Web.
- Apprendre avec des livres ou des tutoriels en ligne. Quelques liens vers des tutoriels HTML et CSS seront fournis.
- Faire du reverse engineering . Dans votre navigateur, il est conseillé d’afficher la source (view source) des pages Web qui vous intéressent, pour en « décortiquer » les différents éléments. Il peut aussi être utile de télécharger l’extension de Firefox appelée Firebug | https://addons.mozilla.org/fr/firef...
4.1.3 Les composantes d’une page Web
Langages de balisage
- HTML : le contenant, la structure.
- XML et dérivés (fils RSS) : le contenu.
- CSS (cascading style sheets) : la mise en page et l’apparence.
Langages de programmation exécutés côté client
- Javascript.
- ActionScript de Flash (il faut posséder le logiciel Flash et le document .fla pour voir le code, car un film Flash .swf est totalement opaque).
L’évolution des standards
Le formateur montrera au projecteur quelques exemples de pages Web conçues de différentes manières (avec ou sans tables, cadres, animations flash).
1991-1995 : HTML « pur ».
1995 : Netscape et Sun Microsystems lancent Javascript | http://fr.wikipedia.org/wiki/JavaScript
1996 : Macromedia lance Flash (format d’animation vectoriel, non libre, créé avec le logiciel du même nom) | http://fr.wikipedia.org/wiki/Adobe_Flash
1997-2000 : Débuts problématiques du CSS et rendu inconstant des pages dans le contexte de « guerre des navigateurs ».
2000 : Domination du DHTML (mélange de HTML et javascript). Les tables HTML « détournées » de leur fonction première et servent à contenir des images. Le Flash est utilisé abusivement pour présenter des « intros » (splash screens) inutiles.
2000-2007 : Passage progressif au XHTML, le « successeur » de HTML avec une syntaxe plus stricte | http://fr.wikipedia.org/wiki/XHTML
2000-2007 : Importance accrue du DOCTYPE (déclaration du type de document) | http://pompage.net/pompe/doctype
