Web
Client

Laboratoire - Reproduction de style

Marche à suivre

Écrivez le code HTML et CSS permettant de reproduire la page web affiché ci-dessous en suivant les étapes suivantes:

  1. Créer la structure de base d'un projet web.
  2. Créez 2 pages, soit index.html et histoire.html avec la structure HTML nécessaire en fonction de l'image ci-dessous.
  3. Créer un fichier CSS et lier le à tous vos fichiers HTML.
  4. Styliser les pages Web pour qu'elle ressemble à l'image ci-dessous.
    • Les couleurs utilisées sont: #000, #fff et #2b4a2d.
    • Les images utilisées sont disponible dans les fichiers distribués ci-dessous.
À noter:
Si vous ne voulez pas faire le HTML de ce projet, vous pouvez aussi démarrer le projet à partir du fichier distribué.zip qui est fourni dans la section des téléchargements plus bas.

Image à reproduire

Page d'accueil

Image à reproduire en HTML

Page d'histoire

Image à reproduire en HTMLImage à reproduire en HTML

Solution