Semestre 1 : parcours et travaux

Le S1 introduit le trajet HTTP, la structure HTML, les règles CSS et les premiers traitements PHP. L’intégration progresse de la sémantique aux boîtes, puis à Flexbox, Grid et au responsive. Le projet réutilise ces notions pour intégrer une maquette et vérifier son accessibilité.

Les QCM disponibles permettent de réviser les notions du support précédent : dix questions sont tirées, avec vingt secondes par question et la possibilité de recommencer.

Intégration

OrdreSéanceFormatDurée
1Le Web : du navigateur au serveurCM2 h
2Structurer une page HTML sémantiqueTD2 h
3CSS : sélecteurs, boîtes et FlexboxTD2 h
4Consolider HTML et CSS : lire, tester, corrigerCM2 h
5Construire une mise en page avec GridTD2 h
6TP : structurer le site Gamer / CreatorTP2 h
7TP : mettre en forme Gamer / CreatorTP2 h
8TP : finaliser une page responsive et accessibleTP2 h

Développement web

OrdreSéanceFormatDurée
1Outils web et atelier d’IA localeTD2 h
2Algorithmique PHP : données, décisions et tracesTD2 h
3TP PHP : calculer un tarif et tester les limitesTP2 h
4TP PHP : parcourir des données et afficher des profilsTP2 h
5TP PHP : recevoir et valider un messageTP2 h
6TP PHP : un mini-chat persistant en sessionTP2 h

Produire un site Web

OrdreSéanceFormatDurée
1Cadrer le projet de site WebCM2 h
2Lire une maquette et préparer l’intégrationCM2 h
3Projet : construire la structure sémantiqueTD2 h
4Projet : disposer les blocs avec Flexbox et GridTD2 h
5Projet : créer des composants cohérentsTD2 h
6Projet : adapter le site aux écransTD2 h
7Projet : vérifier l’accessibilité et la qualité HTMLTD2 h
8Projet : finaliser, remettre et présenter le siteTD2 h

Les exemples du parcours

Les blocs de code présentent leur résultat à proximité. Dans un exemple interactif, modifiez une valeur puis utilisez Exécuter ou Réinitialiser pour comparer. La largeur de l’aperçu permet de vérifier le responsive. HTML, CSS et JavaScript s’exécutent dans ces blocs ; PHP et SQL demandent un serveur et leur outil réel.

Mémentos et ressources

Accompagnement du projet

L’accompagnement prévu les 8 et 9 février reste distinct des huit séances « Produire un site Web ». Il sert aux retours et à l’avancement du projet, avec les consignes de l’enseignant.

Notre Discord

QR code du Discord des cours d’Antoine Dominici