Session du 4 février 2022

Cette leçon est donné par Mme Hélène Portier.

⚠️ Avant tout: finir le Challenge 1 (création de page HTML). Lien du Challenge 1 dans Teams.

Structure de la leçon

Timing Tâches
14:30 Finir Challenge #1 + envoyer dans teams.
14:45 Travail individuel: étudier les sujets du jour + les appliquer sur son site.
15:05 Mise en commun, explications
15:25 Travail individuel, codage du Challenge #2
15:45 Fin de session: envoi du Challenge 2, rédiger la documentation personnelle

Le thème du jour: Unités CSS

Pour travailler sur de bonnes bases, cette leçon vous propose de faire un tour des unités CSS les plus utilisées.

Votre objectif:

  • Comprendre comment fonctionnent les différentes unités fondamentales du CSS.
  • Appliquer ces méthodes sur votre site en construction.

Les thèmes à traiter (prioritaire):

  • Unité % : ce qu’elle signifie en CSS
  • Unités typographiques (em, ex, ch, rem)
  • Unités relatives au viewport (vw, vh, vmin, vmax)
  • Flexbox : rappel du fonctionnement

Pour aller plus loin (optionnel):

Les informations sur les unités CSS sont dans le support de cours général.

Challenge No 2 : Apportez à votre site web des améliorations!

Améliorations suggérées (ce n’est pas obligatoire de tout faire):

  • Définir les tailles des fontes.
  • Donner une hauteur minimum au header (avec vh).
  • Centrer le titre à l’intérieur du header (avec flexbox).
  • Aligner la liste avec Flexbox.

Transmettre dans Teams:

  • Le lien
  • Indiquer quels modifications vous avez apporté.

Ne pas oublier ☝️

Votre documentation personnelle:

  • Noter ce que vous avez appris aujourd’hui.
  • Noter les références qui vous ont aidé.

Vous pouvez utiliser l’un des logiciels suivants:

⚠️ Votre documentation sera vérifiée et comptera pour le test du 4 mars.