Je vous propose un dernier TP pour pratiquer avec la maquette du restaurant fictif Le Fiasco.
L'idée de cet exercice final est de prendre tout ce que l'on a vu depuis le début et de l'utiliser sur un cas concret plus subtil et plus proche d'un vrai travail d'intégration.
Contrairement aux exercices plus guidés du début, cette maquette demande de mobiliser plusieurs notions en même temps :
- organiser son CSS avec des fichiers, des variables et des layers
- choisir entre
flex,gridou un positionnement plus spécifique - gérer une vraie hiérarchie typographique
- réutiliser des styles communs
- construire des sections plus travaillées visuellement
- résoudre des petits problèmes de design avec les bons outils
Le projet comporte plusieurs pages, plusieurs sections, des effets de superposition, des images décalées, des blocs alternés gauche/droite, des fonds avec overlay, des éléments décoratifs et une structure responsive plus complète.
