IFT-1005: Exercices #5

But de l'exercice

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

Étapes

  1. À l'aide d'Emacs, prendre une copie de cette solution à l'exercice de la semaine dernière. Ce fichier HTML ne doit pas être modifié.

  2. Créer un fichier CSS vide nommé recette.css.

  3. Reproduire une page web XHTML valide qui reprend cette présentation de la recette.
    Pour une raison évidente, ce fichier en est la version PDF.

  4. Voici les caractéristiques à reproduire:
    • Les titres sont en police cursive et de couleur purple;

    • Tout le reste du texte est en police sans-serif;

    • La source de la recette est en italique cadré à droite dans la page;

    • Les ingrédients sont en bleu;

    • Les instruments sont en vert, mais pas en italique;

    • La liste d'ingrédients et d'instructions numérotées sont entourées d'une bordure rouge;

    • Les étapes numérotées sont un peu espacées pour mieux les faire ressortir.