Site web Curriculum Vitae

Cameron FLORENCE 2024

Création d'un site web pour son CV.

Projet site web Curriculum Vitae

Idée de départ

L'objectif de ce projet est de concevoir une version numérique sous forme de site web de mon CV.

Technologies et matériel utilisés

  • HTML
  • CSS

Déroulement du projet

Au début du projet, j’ai dû réfléchir à l’organisation de ma page d’accueil, en structurant son contenu de manière claire et intuitive. J’ai étudié l’ergonomie de la mise en page afin d’améliorer la navigation et l’expérience utilisateur.

Ensuite, j’ai procédé au développement des différentes sections, en définissant leur disposition et en veillant à leur cohérence visuelle. Le choix des couleurs et des polices a été guidé par des principes d’accessibilité et d’esthétique afin de garantir une lisibilité optimale. J'ai également fait une version mobile du site.

Par ailleurs, j’ai intégré des liens dynamiques entre les sections pour faciliter la navigation interne, notamment à l’aide d’ancres HTML permettant un accès rapide aux informations essentielles. J’ai également optimisé l’utilisation d’un fichier CSS unique, garantissant une uniformité du design sur toutes les pages du site.

Site web :

Image cv version pc

Site web mobile :

Image cv version mobile

Contraintes et solutions

Parmi les contraintes rencontrées lors du développement du projet, j'ai constaté que la barre de navigation et certaines images n’étaient pas correctement adaptées aux affichages sur mobile. Cette problématique a affecté l’ergonomie et la lisibilité du site sur des écrans de petite taille, nécessitant une optimisation via des médias queries en CSS et des ajustements dans la mise en page.

Résultats

  • Site web fonctionnelle sur PC
  • Site web fonctionnelle sur mobile

Leçons tirées du projet

Ce projet m’a offert l’opportunité de développer plusieurs compétences essentielles dans le domaine du développement web. Tout d’abord, j’ai acquis une meilleure maîtrise du HTML et du CSS, notamment à travers la conception d’une structure de page fluide et accessible. J’ai appris à utiliser les ancres pour faciliter la navigation et à gérer un fichier CSS unique pour assurer une cohérence visuelle sur toutes les pages du site.

Ensuite, j’ai approfondi mes compétences en responsive design, en identifiant les limites d’affichage sur mobile et en mettant en place des solutions adaptées, comme l’utilisation de médias queries pour ajuster l’affichage de la barre de navigation et des images.

J’ai découvert l’importance du contraste et de l’accessibilité, en ajustant les couleurs et le choix des polices pour une meilleure lisibilité.