Formatter un texte en html / Css

Ce premier exercice vise la prise en main du codage en html et css d’un texte simple.

Sur base d’un texte fourni, il vous est demandé de produire un document html5 valide dans lesquels les contenus sont balisés sémantiquement. Ce document sera ensuite habillé avec des déclarations css pour en faire une page agréable à lire, avec une typographie choisie.

Etapes

La première étape sera d’identifier sémantiquement les différentes parties du texte : titre, auteur, date, paragraphes, images, informations complémentaires.

Plusieurs éléments présents dans le document remis doivent recevoir le formatage requis : un image, qui doit placée dans un tag "figure" avec sa légende dans un tag "caption", une citation qui doit être placée dans un bloc "blockquote", le premier chapitre, qui doit être mis en évidence. La signature et le lien en fin de page doivent aussi recevoir une attention particulière.

Enfin, il vous est demandé de trouver une image à placer en tête de l’article. On la choisira grande.

Durée de l’exercice

Le tout prendra deux séances de cours.

L’exercice doit être déposé sur le serveur de gr3 avant le lancement de l’exercice suivant.