IFT-1005: Exercices #6

But de l'exercice

À la fin de cet exercice, vous devriez pouvoir formatter avec du CSS et ajouter une image à une page XHTML5 valide qui décrit une recette de cuisine

Étapes

  1. À l'aide d'Emacs, prendre copie de ce fichier HTML et ce fichier CSS. Vous pouvez modifier ces fichiers.

  2. Reproduire une page web HTML5 valide qui reprend l'organisation de cette présentation de la recette. Vous pouvez changer les images si vous voulez.
    Pour une raison évidente, ce fichier en est la version PDF.

  3. Créer un répertoire images et y placer trois images (de bon goût!): une pour le résultat de la recette, une autre pour les ingrédients et une autre pour la préparation.

  4. Voici les caractéristiques à reproduire en prenant bien soin que toute la mise en page est faite dans le CSS et non le HTML sauf pour l'ajout éventuel d'images:

    • Immédiatement après le titre, centrer un paragraphe accompagné d'une image décrivant le résultat de la recette.
    • Ajouter une ligne horizontale après cette image et avant les ingrédients.
    • Ajouter pour les ingrédients et la préparation des images de fond cadrées à droite.
    • Ajouter un fond légèrement grisé pour la partie préparation.
  5. Créer une archive tar.gz contenant vos fichiers HTML et CSS ainsi que votre répertoire images.