marché de noël

Pour ce projet, nous avions comme consigne de créer un site de A à Z en HTML, CSS et Javascript sur le marché de Noël de Béziers. C’était un travail individuel à faire en 1 semaine. Nous devions également intégrer une visite 360° du marché pour permettre aux visiteurs de faire une visite virtuelle.

HTML

J’ai commencé ce projet en construisant toute la structure du site en HTML. Cette première étape m’a permis d’organiser mes idées, de définir l’architecture globale et de poser les bases des différentes pages dédiées au Marché de Noël de Béziers. En structurant le contenu section par section, j’ai pu réfléchir à la hiérarchie de l’information, à la navigation et à la manière dont les visiteurs allaient parcourir le site. Cette phase essentielle m’a donné une vision claire de l’ensemble et m’a permis d’aborder plus sereinement le travail graphique avec le CSS, puis les interactions en JavaScript.

CSS

Pour apporter une véritable dimension visuelle au site, j’ai conçu toute la partie graphique en CSS. Je me suis appuyée sur l’univers de Noël : ses couleurs chaleureuses, ses motifs et ses symboles, afin de créer une ambiance conviviale qui reflète l’esprit du Marché de Noël de Béziers.
Ce travail m’a permis d’harmoniser l’ensemble des pages, de définir une identité visuelle cohérente et d’améliorer le confort de navigation. Le CSS a joué un rôle essentiel pour donner vie au site, en transformant la structure HTML en une expérience plus immersive et agréable pour l’utilisateur.

Javascript

Pour rendre la visite 360° réellement interactive, j’ai intégré différentes fonctionnalités en JavaScript. Ce langage m’a permis d’ajouter du dynamisme au site, notamment en rendant la navigation plus immersive autour de la scène à 360°.
J’ai également conçu un quiz sur les traditions de Noël, afin d’impliquer davantage l’utilisateur et de rendre la découverte plus ludique. Enfin, j’ai créé un carrousel interactif pour mettre en valeur les illuminations du Marché de Noël.
Grâce au JavaScript, j’ai pu enrichir l’expérience utilisateur et proposer un site plus vivant, attractif et engageant.