Débogage et modification de site web

Description de la mission

Au cours de ma formation et de mes projets, j'ai été amené à intervenir sur des sites web existants pour corriger des erreurs d'affichage ou modifier des fonctionnalités. Ces interventions demandent une bonne analyse du code source et l'utilisation des outils de développement des navigateurs.

Outils utilisés

• Outils de développement (F12) - Chrome / Firefox
• Visual Studio Code

Travaux réalisés

Mon travail consistait principalement à identifier les erreurs dans la structure HTML ou les propriétés CSS qui causaient des problèmes de rendu visuel.

Analyse du code via l'inspecteur d'éléments

Actions principales :

• Correction de l'affichage : Ajustement des marges (margin/padding) et des alignements (Flexbox/Grid).
• Nettoyage du code : Suppression des styles inutilisés et correction des balises mal fermées.
• Adaptabilité : Correction de bugs sur la version mobile (Media Queries).

Visualisation des modifications CSS en temps réel

Résultat

Ces interventions permettent d'obtenir un site plus propre, plus rapide à charger et parfaitement lisible sur tous les types d'écrans (ordinateur, tablette, smartphone).