Création d’un CV en HTML/CSS

La SAÉ 1.4 m’a permis d’apprendre à structurer proprement une page web statique en HTML puis à la mettre en forme avec du CSS à travers la création d’un CV complet et lisible.

Objectifs et contexte

La SAÉ 1.4 réalisée en décembre 2025, sous la direction de Mr Besson, avait pour objectif de nous apprendre à structurer une page web statique en HTML puis à la mettre en forme avec du CSS à travers la création d’un CV. L’objectif principal était de produire un CV fonctionnel, valide et correctement structuré, respectant les consignes techniques (balises <div>, <span>, classes, identifiants, barre de navigation, etc.). Le résultat obtenu correspond globalement aux attentes : la page est structurée, lisible et comporte une mise en forme cohérente.

Apprentissages et progression

Cependant, l’objectif n’était pas seulement d’obtenir un rendu visuel correct, mais aussi de comprendre la logique de structuration du code et la séparation entre le fond (HTML) et la forme (CSS). Sur ce point, j’ai réellement progressé. Le fait d’avoir déjà étudié le HTML en R109 ainsi qu’au lycée Loritz m’a permis d’être plus à l’aise avec les balises, les classes et les identifiants.

Réussites

Parmi mes réussites, je retiens la bonne organisation des divisions (#tete, #corps, #pied), l’intégration correcte des classes (.poste, .institut, .periode) et la mise en place de la barre de navigation avec des ancres internes. J’ai également pris l’initiative de préparer mon CV sur papier avec un ISP, ce qui m’a aidé à clarifier mes idées avant de coder.

Difficultés rencontrées

Les principales difficultés ont concerné le positionnement des éléments (notamment le float pour les dates et la photo) et la gestion des espacements dans les listes. Pour surmonter ces problèmes, j’ai relu les consignes, utilisé W3Schools et testé plusieurs modifications jusqu’à obtenir un résultat satisfaisant.

Améliorations possibles

Aujourd’hui, je referais ce travail différemment : j’utiliserais davantage les bonnes pratiques modernes comme Flexbox au lieu des float, une meilleure hiérarchisation sémantique (header, section, footer) et un CSS plus structuré.

Pour améliorer mon CV, je pourrais le rendre responsive, harmoniser davantage les couleurs, optimiser l’accessibilité (balises alt plus précises, contraste), et séparer complètement le CSS dans un fichier externe pour respecter les standards professionnels.