Projets Mon espace
Reproduction du site Suzuki Moto
SAÉ 105
Reproduction du site Suzuki Moto
BUT 1 Développement web Développer 10/06/2026
Technologies utilisées
HTML5 CSS3 PHP Visual Studio Code MAMP FileZila
Description
Contexte : Travail individuel en autonomie (25h estimées) au premier semestre. L'objectif était de reproduire fidèlement le site Suzuki Moto France en HTML/CSS/PHP, avec un formulaire de demande d'essai dynamique, et de le déployer en ligne sur un serveur d'hébergement standard.

Bilan critique : Ce projet valide ma capacité à développer seule un site complet de A à Z, du code local au déploiement en ligne. Mon autonomie et l'efficacité de mon débogage visuel grâce aux outils navigateur sont mes points forts. Si c'était à refaire, j'utiliserais Git pour versionner le code à chaque étape et j'approfondirais le responsive design avec des Media Queries pour une compatibilité mobile complète.
Galerie
Apprentissages critiques
AC14.01 - Exploiter de manière autonome un environnement de développement efficace et productif

J'ai configuré seule un serveur local (MAMP) pour tester le PHP et mis en place VS Code avec les extensions adaptées. J'ai structuré rigoureusement l'architecture du projet (dossier racine, /css, /images, fichiers .php) et géré précisément les chemins relatifs pour éviter tout lien cassé lors du rendu final.

AC14.02 - Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples

J'ai utilisé les balises HTML5 sémantiques (header, nav, main, section, footer) au lieu de simples div pour une meilleure accessibilité et indexation. J'ai appliqué CSS Flexbox pour une mise en page fluide et adaptable. J'ai programmé le menu déroulant interactif du header et intégré un formulaire avec validation native (required, types email/tel) pour une expérience utilisateur fluide.

- AC14.03 - Générer des pages Web à partir de données structurées

J'ai utilisé PHP pour récupérer les données du formulaire via la méthode POST et générer dynamiquement une page récapitulatif personnalisée selon les saisies de l'utilisateur. J'ai structuré les données (Nom, Prénom, Email, Modèle choisi) et utilisé des conditions switch pour afficher le bon contenu selon les réponses — le serveur construit la page "à la volée".

- AC14.04 - Mettre en ligne une application Web en utilisant une solution d'hébergement standard

J'ai déployé le site sur un serveur d'hébergement standard via FTP, vérifié tous les chemins relatifs des fichiers et testé la connectivité du formulaire en production. Le site est totalement opérationnel et consultable en ligne par les évaluateurs, sans aucune erreur de lien ou d'image cassée.

Commentaires évaluateurs

Connexion requise pour commenter.

Aucun commentaire pour l'instant.