Ma fiche Métier

Pré-requis : Exercice: Fiche Métier au format Word

Dans cet exercice, vous allez reprendre votre fiche métier précédemment rédigée au format Word et l’implémenter au format HTML. Vous vous aiderez du langage CSS pour la mise en forme.

ma-fiche-metier.html

Créez un fichier ma-fiche-metier.html qui contiendra votre fiche métier au format HTML.

  1. Créez la structure HTML décrite ci-dessous
  2. Créez l’entête de page et mettez la en forme avec CSS
  3. Ajoutez la 1ère section et mettez la en forme avec CSS
  4. Complétez section par section

Votre page HTML doit reprendre la base suivante :

<!DOCTYPE html>
<html lang="fr-fr">
<head>
    <meta charset="UTF-8">
    <title>Ma fiche métier</title>
</head>
<body>
    <header>
        <!-- entête de votre fiche métier -->
    </header>
    <main>
        <!-- contenu principal de votre fiche métier-->
    </main>
    <footer>
        <!-- Pied de page de votre fiche métier -->
    </footer>
</body>
</html>

Note: Tous les fichiers de votre site (html, css, images) doivent être situés dans le répertoire de votre projet. Vous pouvez ajouter autant de fichiers et sous-répertoires que nécessaire.

Une fois terminé, validez votre travail avec vos formateurs avant de passer à la suite.

La suite