Informations générales
Modalités d'évaluation
Contrôle continu (25%) – Moyenne des travaux pratiques
Examen terminal (75%) – Devoir surveillé et mini-projet
Planning des séances
| Date | Horaire | Type | Contenu |
|---|---|---|---|
| Mar 03/02 | 13:30-17h | CM | Introduction + Fondamentaux du Web |
| Mer 04/02 | 9:00-12h30 | CM | Formulaires, Tableaux, Médias |
| Mer 04/02 | 13:30-17h | TP | TP1 – Découverte HTML, premiers pas |
| Jeu 05/02 | 9:00-12h30 | TP | TP2 – Formulaires et tableaux en HTML |
| Jeu 05/02 | 13:30-17h | CM | Attributs globaux + Sélecteurs CSS |
| Ven 06/02 | 13:30-17h | TP | TP3 – Mise en pratique du CSS et attributs globaux |
| Lun 09/02 | 9:00-12h30 | CM | Sélecteurs avancés + Box Model + Positionnement |
| Lun 09/02 | 13:30-17h | TP | TP4 – Box Model et positionnement CSS |
| Mer 11/02 | 9:00-12h30 | CM | Mise en page flexible avec CSS (Flexbox) |
| Mer 11/02 | 13:30-17h | TP | TP5 – Layouts avec Flexbox |
| Jeu 12/02 | 9:00-12h30 | TP | TP6 – Site responsive avec CSS Grid |
| Jeu 12/02 | 13:30-17h | TP | TP7 – Site boutique de jeux vidéo |
| Ven 13/02 | 9:00-12h30 | CM | Bonnes pratiques + Accessibilité |
| Ven 13/02 | 13:30-17h | TP | Mini-Projet – Démarrage |
| Lun 16/02 | 9:00-12h30 | TP | Mini-Projet + DS |
Supports de cours
- Cours 1 – Introduction et fondamentaux du Web Fonctionnement du Web, structure d'une page HTML, premiers éléments
- Cours 2 – Formulaires, tableaux et médias Balises de formulaires, tableaux HTML, insertion de médias
- Cours 3 – Attributs globaux et sélecteurs CSS Attributs HTML universels, introduction aux sélecteurs CSS
- Cours 4 – Sélecteurs avancés, Box Model et positionnement Pseudo-classes, pseudo-éléments, modèle de boîte, positionnement CSS
- Cours 5 – Mise en page flexible avec CSS Flexbox : axes, alignement, propriétés des conteneurs et des éléments
Travaux pratiques
- TP1 – Découverte HTML, premiers pas Structure de base d'une page, balises essentielles
- TP2 – Formulaires et tableaux en HTML Création de formulaires et de tableaux structurés
-
TP3 – Mise en pratique du CSS et attributs globaux
Sélecteurs CSS, attributs
idetclass, mise en forme - TP4 – Box Model et positionnement CSS Marges, padding, bordures, positionnement des éléments
- TP5 – Layouts avec Flexbox Mise en page avec Flexbox, alignement et distribution
- TP6 – Site responsive avec CSS Grid Grilles CSS, media queries, approche mobile-first
- TP7 – Site boutique de jeux vidéo Projet guidé : page complète avec mise en page et styles avancés