V. Exercices et mini-projet
Le meilleur moyen d’apprendre est de pratiquer. Essaie les défis dans l’ordre, puis réutilise les notions pour créer ton propre site.
Les défis
Construis une page personnelle
Crée une page contenant un titre principal, un paragraphe, une image avec son texte alternatif, un lien et un petit formulaire avec des étiquettes.
Aligne des cartes
Crée trois blocs et aligne-les avec Flexbox. Ajoute un espace régulier entre eux et fais-les passer sur plusieurs lignes si nécessaire.
Organise une grille
Crée six éléments dans une grille de trois colonnes sur grand écran.
Adapte la page au téléphone
À l’aide d’une requête média, transforme la grille de trois colonnes en une seule colonne sur petit écran.
Anime un élément
Crée une animation simple qui fait apparaître un élément ou le déplace doucement. Pense à respecter la préférence de réduction des mouvements.
Crée ton propre site vitrine
Présente un sujet qui te passionne : une association, un métier, une activité ou un lieu de ton quartier.
Le site doit contenir
- Un accueil qui présente clairement le sujet ;
- Une navigation et des sections bien organisées ;
- Des titres, du texte, une image avec un texte alternatif et un lien utile ;
- Une mise en page avec Flexbox ou Grid ;
- Un affichage agréable sur téléphone et ordinateur.
Avant de présenter ton projet
- Vérifie que chaque lien mène à la bonne page ;
- Relis les textes et vérifie les chemins des images ;
- Teste le site avec une fenêtre étroite ;
- Demande à un camarade de parcourir le site.