Introduction
Dans le cadre de mon épreuve finale de premier semestre, j’ai réalisé la création d’une page web responsive.
Ce projet de développement front-end a été réalisé pour CycloMax, un atelier de réparation de vélos à Lyon.
L’objectif était de produire une page web responsive à partir d’une maquette.
Ainsi, le site s’adapte aux écrans mobiles, tablettes et ordinateurs.
De plus, cette création de page web responsive m’a permis de travailler l’intégration HTML et CSS.
J’ai également appris à respecter une maquette avec précision.
Condition de l’épreuve finale
L’épreuve consistait à réaliser la création d’une page web responsive en seulement 1h30.
Le but était de transformer une maquette en site fonctionnel.
Ainsi, ce projet de développement de page web responsive m’a permis de renforcer mes bases en front-end.
J’ai travaillé la structure HTML et la mise en page CSS.
De plus, j’ai fait attention à produire un code propre et organisé.
Enfin, cette création de page web responsive m’a appris à travailler efficacement sous pression.L’épreuve consistait à transformer une maquette graphique en une page web responsive fonctionnelle en seulement 1h30.
Le HTML/CSS
Pour ce projet, j’ai mis l’accent sur une structure sémantique robuste :
Optimisation des médias : Gestion de l’affichage des images d’ambiance de l’atelier pour garantir un temps de chargement rapide.
HTML5 Sémantique : Utilisation des balises <header>, <main>, <section> et <footer> pour un meilleur référencement naturel et une accessibilité optimisée.
CSS3 Custom : Mise en page soignée sans framework externe (Pure CSS) pour démontrer ma compréhension des propriétés de positionnement et du modèle de boîte.
Le rendu sur un navigateur Web
Le contenu de la page présente les services de Maxime Lenoir, gérant de l’atelier :
- Réparation efficace : Mise en avant de l’expertise technique.
- Personnalisation : Valorisation du service sur-mesure.
- Révision express : Focus sur l’expérience utilisateur et la rapidité.
Ce que j’ai appris …
Ce challenge m’a permis d’affiner ma méthodologie de travail, notamment sur la hiérarchisation des tâches (prioriser le squelette HTML avant de passer au stylisme CSS complexe) pour respecter une deadline courte.
