Web 2¶
Descriptif du cours¶
Le cours permet à l’élève de réaliser l’interface utilisateur d’un site Web simple.
L’élève apprend des notions de mise en page en utilisant des techniques de balisage de contenu et de feuilles de style. Il apprend également à adapter l’affichage d’un site Web à diverses résolutions d'écran et à appliquer des effets de transition et d'animation.
| Spécifications | Valeur |
|---|---|
| Code | 582-211 |
| Pondération | 2-2-2 |
| Unités | 2 |
| Heures d’enseignement | 60 |
| Session | 2 |
Marie-Michelle Ouellet
Enseignante en Techniques d'intégration multimédia
marie-michelle.ouellet@cmontmorency.qc.ca
Contenu et planification des activités du cours Web 2 pour toute la session¶
Phase 1 — CSS comme système (Semaines 1 à 3)¶
- Lecture et interprétation d’interfaces Web
- Schéma de navigation et convivialité Web
- Architecture CSS
- Classes de composants vs classes utilitaires
- CSS fluide (unités relatives, fonctions CSS)
- Variables CSS (design tokens)
Phase 2 — Assemblage d’interfaces avec Flexbox (Semaines 4 à 6)¶
- Principes de Flexbox (axes, alignements, flux)
- Construction de composants réutilisables
- Assemblage d’interfaces à l’aide de Flexbox
- Correspondance entre auto-layout dans les outils de design et Flexbox
- Lecture critique du Dev Mode et du code généré
Phase 3 — Mise en page adaptative avancée (Semaines 7 à 11)¶
- Responsive design raisonné
- Media queries et points de rupture
- Introduction à CSS Grid (outil conceptuel)
- Layouts globaux et combinaisons Flexbox / Grid
- Container queries et composants adaptatifs
- Accessibilité et robustesse des interfaces
Phase 4 — Projet intégrateur et pratique professionnelle (Semaines 12 à 15)¶
- Lancement et développement du projet intégrateur
- Refactorisation et amélioration du CSS
- Analyse et correction de code existant
- Transitions et finitions au service de l’expérience utilisateur
- Présentation et remise du projet final