Page d'accueil

L'objet de ce TP est de faire en sorte que la page d'accueil (la page index.html) ressemble à ceci :

Disposition souhaitée.

Présentation générale

Un premier bloc contient le titre du site web, ainsi qu'une image et quelques mots de présentation.

  • Ce bloc occupe l'intégralité de l'espace horizontal de la page, quelle que soit la taille de la fenêtre.
  • Ce bloc contient une image, et le texte est disposé autour de l'image.

Personnages

Chacun des personnages de votre site web a son propre bloc sur cette page d'accueil.

  • Cliquer sur les titres <h2> nous emmène vers les pages correspondantes.
  • Chacun des blocs contient une image (du personnage en question), et une petite description (pour donner envie au lecteur de cliquer pour en savoir plus).
  • Lorsqu'on réduit la taille du navigateur, les deux blocs des personnages se positionnent l'un au dessus de l'autre (au lieu de l'un à côté de l'autre).

Généralités

  • Chacun des trois blocs (présentation générale, personnages) a une bordure visible, avec des bords arrondis.
  • Vous êtes libres de choisir les styles des titres <h1> et <h2>, à condition que l'ensemble reste lisible, et que le titre <h1> soit plus visible que les titres <h2>.

Validation

Vérifiez que cette page ne produit aucune erreur sur http://validator.w3.org, et que le fichier style.css ne produit aucune erreur sur https://jigsaw.w3.org/css-validator/.

Évaluation

Complétez la fiche d'évaluation, copiez votre travail (fichiers html et css) dans le dossier partagé, rendez-moi la fiche d'évaluation, et passez au TP suivant.