Il s'agit d'un exercice que j'ai produit en tant que formateur en développement web pour permettre aux apprenants d'apprendre à de baliser une page de manière basique, positionner les éléments grâce au CSS et leur appliquer une mise en forme simple. L'exercice est aussi visible à :
https://skillcode.fr/exercice-css-projets-finaux/
L'exercice est donné pendant les toutes premières semaines de formation du fait de sa simplicité. Au travers de cet exercice, les étudiants apprennent à :
- Démarrer un projet web sans back-end
- Charger un fichier CSS dans un fichier HTML
- Utiliser les principales balises HTML
- Utiliser la sémentique adéquate
- Structurer une page de manière cohérente
- Appliquer des styles de base (couleurs, polices, backgrounds, tailles)
- Positionner les éléments grâce au display ou à flexbox
Que diriez-vous d'utiliser vos nouveaux pouvoirs de développeur web pour réaliser votre CV ? Vous l'aurez compris, il s'agira d'une page HTML mise en forme grâce au CSS pour ressembler à votre CV.
Pour cet exercice vous rendrez :
-
Un fichier index.html
-
Un fichier style.css
Vous êtes libre de réaliser cet exercice comme vous le désirez. Vous pouvez vraiment faire votre CV ou un CV fictif. Celui-ci devra contenir :
-
Un titre
-
Une phrase d'accroche
-
Une partie expériences
-
Une partie formations
-
Une partie coordonnées, langues, compétences, loisirs etc
Pour réaliser cet exercice vous utiliserez tout ce que nous avons vu jusqu'ici (positionnement, couleurs, background, bordures, textes...). Si jamais vous manquez d'inspiration voilà un petit exemple :
