TP 04 : Modèle de boite CSS

Licence Humanités Numériques 1ère année

Jean-Marc Lecarpentier

Enseignement des technologies du Web

 

Travail personnel

Exercice 1 — Une page sur les fraises des bois #

On vous fournit une image d'une page web.

Capture d’écran de la page
Capture d’écran de la page
(cliquer pour accéder à l’image pleine taille)

On vous fournit également une archive contenant ce modèle ainsi qu'une arborescence avec

  • un squelette HTML
  • un fichier textes.txt avec les textes de la page
  • les images (dans un répertoire img/)
  • un répertoire style/ contenant une feuille de style CSS

Placer l'arborescence sur votre serveur, puis lier la page HTML à la feuille de style CSS : tant que les couleurs de fond n'ont pas changé, c'est que ça n'a pas marché — inutile de continuer !

Compléter ensuite la page HTML et la feuille de style pour obtenir un rendu aussi proche que possible de la page demandée. Votre page HTML doit être valide W3C.

Pour info, les couleurs utilisées sont #fcfcea (couleur de fond du texte), #b71236 (couleur de fond du titre et séparations entre sections) et #c7ccbd (bordures du pied de page).