On vous donne le document exemple.html. Enregistrez-le sur votre compte, puis étudiez-en le contenu dans XML-Spy.
Ouvrez-le également dans un navigateur, vérifiez que vous comprenez bien la présentation.
Remarque : il y a une erreur au niveau de la visualisation de l'image, car celle-ci n'est pas disponible localement. Pour corriger cela, vous pouvez télécharger une image par exemple à cette URL http://www.ish-lyon.cnrs.fr/let/francais/documentation/images/logo_lyon2.gif, puis lui donner le bon nom, ou bien mettre un lien directement vers elle.
On vous donne le document exemple-avec-css.html, qui est le même que le précédent, à la différence près qu'une feuille de style externe y est définie avec l'élément link.
Cette feuille de style à pour nom exemple.css. Enregistrez-le sur votre compte, puis étudiez-en le contenu dans un éditeur quelconque.
Ouvrez exemple-avec-css.html dans un navigateur et vérifiez que vous comprenez bien le fonctionnement.
Créez un document XHTML qui s'affichera dans un navigateur en ressemblant à peu près au fichier PDF alexandrie.pdf
Les URL nécessaires sont :
L'image de la bibliothèque se trouve ci-dessous (enregistrez-là sur votre compte pour la réutiliser).
Améliorez la présentation de votre document : justifiez les paragraphes, soulignez les titres, donnez des couleurs aux survols de liens, etc.
Les exemples des deux premières questions sont directement extraits de http://eric.univ-lyon2.fr/~jdarmont/?page=enseignement-m1info-progweb (Jérôme Darmont)