From d75b9c162af51a0256d238dfdeb858f0d8e31731 Mon Sep 17 00:00:00 2001 From: Matthieu Reynier Date: Tue, 16 Jun 2026 14:30:37 +0200 Subject: [PATCH] Ajout de l'enonce du projet site vitrine pour stagiaires Enonce HTML/CSS/Git (README) et structure de depart (index.html, css/, pages/, assets/) pour le site vitrine FleetZen. Co-Authored-By: Claude Opus 4.8 (1M context) --- ProjetStage/.idea/.gitignore | 10 ++ ProjetStage/.idea/misc.xml | 6 + ProjetStage/.idea/modules.xml | 8 ++ ProjetStage/.idea/vcs.xml | 6 + ProjetStage/ProjectMillions.iml | 8 ++ ProjetStage/README.md | 169 +++++++++++++++++++++++++++++ ProjetStage/assets/images/.gitkeep | 0 ProjetStage/css/style.css | 0 ProjetStage/index.html | 0 ProjetStage/pages/contact.html | 0 ProjetStage/pages/services.html | 0 11 files changed, 207 insertions(+) create mode 100644 ProjetStage/.idea/.gitignore create mode 100644 ProjetStage/.idea/misc.xml create mode 100644 ProjetStage/.idea/modules.xml create mode 100644 ProjetStage/.idea/vcs.xml create mode 100644 ProjetStage/ProjectMillions.iml create mode 100644 ProjetStage/README.md create mode 100644 ProjetStage/assets/images/.gitkeep create mode 100644 ProjetStage/css/style.css create mode 100644 ProjetStage/index.html create mode 100644 ProjetStage/pages/contact.html create mode 100644 ProjetStage/pages/services.html diff --git a/ProjetStage/.idea/.gitignore b/ProjetStage/.idea/.gitignore new file mode 100644 index 0000000..30cf57e --- /dev/null +++ b/ProjetStage/.idea/.gitignore @@ -0,0 +1,10 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ +# Ignored default folder with query files +/queries/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/ProjetStage/.idea/misc.xml b/ProjetStage/.idea/misc.xml new file mode 100644 index 0000000..4b151ab --- /dev/null +++ b/ProjetStage/.idea/misc.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/ProjetStage/.idea/modules.xml b/ProjetStage/.idea/modules.xml new file mode 100644 index 0000000..718b635 --- /dev/null +++ b/ProjetStage/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/ProjetStage/.idea/vcs.xml b/ProjetStage/.idea/vcs.xml new file mode 100644 index 0000000..94a25f7 --- /dev/null +++ b/ProjetStage/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/ProjetStage/ProjectMillions.iml b/ProjetStage/ProjectMillions.iml new file mode 100644 index 0000000..9a5cfce --- /dev/null +++ b/ProjetStage/ProjectMillions.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/ProjetStage/README.md b/ProjetStage/README.md new file mode 100644 index 0000000..3f67852 --- /dev/null +++ b/ProjetStage/README.md @@ -0,0 +1,169 @@ +# 🚚 Projet : Site vitrine "FleetZen" — Gestion de flotte + +Bienvenue ! Ce projet est un **exercice de prise en main de HTML, CSS et Git**. + +Vous allez construire, à deux, un petit **site vitrine** pour une entreprise fictive de **gestion de flotte de véhicules** (suivi GPS, entretien, optimisation de carburant, etc.). L'entreprise s'appelle **FleetZen**. + +> 🎯 **Objectif pédagogique** : savoir structurer une page en HTML, la mettre en forme en CSS, et collaborer proprement avec Git (branches, commits, merge). +> +> 🚫 **Aucun JavaScript n'est demandé.** Concentrez-vous sur HTML + CSS uniquement. + +--- + +## 📋 Ce que vous allez apprendre + +- Structurer une page web avec du **HTML sémantique** (`header`, `nav`, `main`, `section`, `footer`…) +- Mettre en page et styliser avec du **CSS** (couleurs, typographie, espacements, flexbox/grid) +- Travailler à plusieurs avec **Git** : créer une branche, committer, pousser, ouvrir une *Pull Request* +- Gérer un **conflit de merge** (ça arrivera, c'est normal et formateur !) + +--- + +## 🗂️ Structure attendue du projet + +À la fin, le dépôt devra ressembler à ça : + +``` +ProjectMillions/ +├── README.md +├── index.html ← page d'accueil (commune, à faire ensemble) +├── css/ +│ └── style.css ← feuille de style partagée +├── pages/ +│ ├── services.html ← page du Stagiaire 1 +│ └── contact.html ← page du Stagiaire 2 +└── assets/ + └── images/ ← vos images / logos +``` + +> 💡 Vous pouvez ajouter d'autres dossiers/images si besoin, mais gardez cette base. + +--- + +## 👥 Répartition du travail + +Chacun développe **une page du site**, sur **sa propre branche**. + +| Stagiaire | Page à développer | Branche Git | Contenu attendu | +|-----------|-------------------|-------------|-----------------| +| **Stagiaire 1** | `pages/services.html` | `feature/page-services` | Présentation des services de FleetZen : suivi GPS temps réel, gestion de l'entretien, rapports de consommation. 3 "cartes" minimum. | +| **Stagiaire 2** | `pages/contact.html` | `feature/page-contact` | Page de contact : coordonnées de l'entreprise, un **formulaire HTML** (nom, email, message — sans JS, juste le HTML/CSS), horaires. | + +La page d'accueil `index.html` et le fichier `css/style.css` sont **communs** : démarrez-les ensemble avant de partir chacun sur votre branche. + +--- + +## ✅ Cahier des charges (consignes communes) + +Chaque page doit contenir : + +1. Un **`
`** avec le nom/logo **FleetZen** et une **barre de navigation** (`