Rencontre sur Zoom – Semaine 4

Vidéo de la rencontre du 2 octobre 2020.  1 h 23

Sommaire :
00:00 - Introduction
01:06 - À voir aujourd'hui
03:16 – Devoirs 1, 3 et 4 sur Moodle
12:49 – Consulter vos notes sur Moodle
21:49 – Structure d'une page web (révision)
28:17Insérer du code CSS
30:08 – Où insérer le code CSS?
30:12 – Dans l'entête de la page (head)
32:10 – Directement dans un élément HTML (à éviter, sauf pour des tests)
33:24 – Dans une feuille de styles externe
34:14Exercice sur CodePen.io
35:08 – Changer la vue des volets HTML, CSS et JavaScript
36:27 – Créer trois paragraphes de Lorem Ipsum
38:10 – Utiliser l'attribut « style » d'un élément HTML (mauvaise pratique)
40:02 – Attribuer une classe (class) à un élément HTML
40:50 – Question : touche tabulation qui ne fonctionne pas dans CodePen?
45:26Devoir 5 : créer une feuille de style externe
46:40 – Ctrl+U pour voir le code source d'une page web
47:49 – Lier une page HTML à une feuille de style externe
49:54 – Créer un répertoire « css » (sans majuscule)
50:33 – Créer une feuille de styles externe
51:28 – Créer des règles CSS dans une feuille externe
53:45 – Question : peut-on tout mettre sur une seule ligne?
55:12 – Insérer des commentaires dans une feuille de styles CSS
58:39 – Rappel du devoir 4
1:00:17 – Lier une feuille de style avec link href="..." rel="stylesheet"
1:08:21 – Erreur fréquente : lier à la feuille dans le mauvais répertoire
1:14:18 – Toutes les pages sont maintenant liées à la feuille
1:14:52 – Changer le site au complet avec une seule feuille de styles
1:22:23 – Mot de la fin