L’objet de cet exercice est de mettre en pratique l’ensemble des sujets abordés durant ce cours sur le HTML et le CSS.
A l’aide de votre nouvelle expérience, vous devrez réaliser votre CV sous forme de site internet. Pour cela, voici quelques étapes qui devraient vous aider :
- Récupérer le contenu de votre CV. Qu’allez vous mettre dedans ? Comment allez-vous l’organiser ? Quelles sont vos expériences ? votre formation ?
- Si vous n’avez aucune idée de comment présenter votre CV graphiquement, vous pouvez trouver des exemples sur internet (de nombreux sont disponibles), et essayer de les reproduire.
- Commencer par structurer votre page web. Définissez vos blocs principaux en HTML, grâce aux différentes balises qui vous semblent judicieuses sémantiquement parlant
- Intégrer le contenu de votre site en HTML, à l’intérieur des blocs précédemment réalisés.
- Ajoutez enfin le CSS pour mettre en page votre CV
- Réaliser le responsive de votre CV pour qu’il soit accessible sur mobile ! N’oubliez pas de valider votre HTML et votre CSS grâce aux outils du W3C ! Vous devrez par ailleurs insérer en commentaire en haut de votre fichier HTML le lien de la source (ou les sources) dont vous vous êtes inspiré pour réaliser votre CV. Vous devrez bien évidemment vous servir de GIT, et effectuer des commits régulièrement pour voir l’avancement de votre travail. Vous devrez m’envoyer par mail à l’adresse “[email protected]”, de manière professionnelle, un lien vers votre github et vers le repository de votre code. 3 - Notation Avant toute chose, sachez qu’il existe de nombreux templates de CV HTML/CSS gratuits en ligne. Je le sais également ! Sachez aussi qu’il est très simple de distinguer un code écrit par un étudiant d’un code écrit par un professionnel, et que toute tentative de plagiat sera soldée par un beau zéro qui arborera votre bulletin de note ! Maintenant que les choses sont claires sur ce point, voici les différents éléments qui seront notés :
- La propreté du code (indentation, commentaires, etc…) : 2pts
- Utilisation de pseudo-éléments : 1pt
- Utilisation de transitions : 1pt
- l’exhaustivité des informations prodiguées :
- nom, prénom, ville, etc…. : 2pts
- expériences pro : 2pts
- formation : 2pts
- centres d’intérêts : 2pts
- régularité des commits : 2pts
- validation W3C du HTML : 2pts
- validation W3C du CSS : 2pts
- rédaction du mail de retour : 2pts
- organisation du code : 2pts Vous disposez de 2 points bonus, la note sera rendue sur 20 !