Créer un site statique qui sert à la fois de classeur (cours, TD/TP, comptes rendus) et de portfolio de projet (démarche, preuves, résultats, bilan). Mise à jour hebdomadaire exigée.

Statique (HTML/CSS/JS) Responsive & Accessible Dépôt Git propre

Objectif

Site statique = simple à publier, rapide à charger, facile à maintenir. Il doit montrer vos apprentissages et vos résultats, clairement et sans fioritures inutiles.

Public visé

Jury du bac, professeurs, camarades, partenaires techniques. Écrire clair. Être factuel.

Pages minimales

Accueil — pitch en 3 lignes + image libre de droits.
Journal de bord — entrées datées + preuves (liens, images, PDF).
Projet — besoin, contraintes, architecture, choix techniques, planning.
Réalisations — démos, captures, schémas, extraits de code.
Dossier technique — documents téléchargeables (PDF, schémas, BOM).
À propos / Contact — présentation, liens utiles (GitHub, etc.).

Contraintes techniques

HTML/CSS/JS ou générateur statique (Eleventy, Astro, Hugo).
Responsive (téléphone + PC).
Accessibilité (titres, textes alternatifs, contrastes).
Performance (images ≤ 200 Ko conseillé, vidéos compressées).
Traçabilité (dépôt Git propre, messages de commit explicites).
Respect des droits (sources citées, pas de collecte de données).

Livrables obligatoires

URL en ligne ou clé USB avec index.html qui s’ouvre en double-clic.
QR-code vers le site.
Dépôt Git public ou partagé.
Release finale taguée v1.0.0 (archive).
Fiche synthèse “lire en 3 min” en page d’accueil.
Journal de bord à jour chaque semaine.

Planning (repères sans dates)

S1 — Setup dépôt + squelette du site.
S2 — Accueil, À propos, Journal fonctionnel.
S3–S4 — Pages Projet + Dossier technique, premiers schémas.
S5–S6 — Réalisations, preuves, démos; nettoyage design.
Avant Toussaint — v0.9 (gel de contenu) + relecture croisée.
Après Toussaint — v1.0.0 + soutenance 5 min (site projeté).

Barème (sur 20)

Structure & navigation — 3 pts
Qualité du contenu — 6 pts
Traçabilité & rigueur — 3 pts
Design & accessibilité — 3 pts
Démonstrations & preuves — 3 pts
Communication synthétique — 2 pts

Malus classiques: plagiat, images lourdes, liens morts, README fantôme.

Organisation du dépôt Git (imposée)

portfolio/
├─ src/           # CSS/JS, assets (ou "assets/")
├─ docs/          # PDF, schémas, BOM, etc.
├─ img/           # images (≤ 200 Ko conseillé)
├─ index.html     # page d’accueil
└─ README.md      # infos projet

commits clairs issues facultatives QR en README