Rencontre sur Zoom – Semaine 5

Vidéo de la rencontre du 6 octobre 2020.  2 h 13 min.

Sommaire :
00:00 – Introduction
00:39 – À voir aujourd'hui
04:13 – Examen 1 – Soutien technique
11:00Trois langages du Web (rappel)
14:30 – HTML
14:46 – CSS
15:23 – JavaScript
16:49Structure d'une page web conforme
17:22 – DOCTYPE
18:49 – html
20:24 – head
21:31 – body
22:35Trois éléments clés pour l'entête (head)
22:40 – meta charset="utf-8"
25:25 – title
29:12 – Résumé : structure d'une page web
33:11Devoir 3 (début) : rendre vos pages HTML conformes sur votre serveur
34:57 – Déclarer le DOCTYPE
35:34 – Élément html
36:20 – Élément head
36:30 – Élément body
37:15 – Élément meta charset="utf-8"
38:55 – Élément title
42:06 – Copier et coller la structure du document dans toutes vos pages
44:49 – Résumé : créer des pages conformes
45:53Cinq nouvelles balises HTML
48:12 – Découvrir un nouvel outil
52:09 – Changer la présentation des panneaux
52:56 – Utiliser l'éditeur de texte CodePen
53:54 – Générer du Lorem Ipsum dans CodePen
55:03 – Élément em
56:04 – Élément strong
56:32 – Différence entre em et i, ainsi qu'entre stro ng et b
57:51 – Éléments i et b (aucune valeur sémantique ou de sens)
59:34Insérer des images
59:50 – Picsum.Photos
1:04:48 – Élément img
1:07:39 – Importance et utilité de l'attribut alt
1:13:13 – Élément figure
1:13:55 – Élément figcaption
1:19:06Mise en forme avec CSS
1:20:25 – Où insérer du code CSS ? (entête, élément, feuille externe)
1:25:30 – Mise en forme de texte
1:28:30 – Le modèle des boites
1:31:51 – Mise en forme de boites
1:32:16 – Écrire des déclarations CSS dans CodePen
1:34:00Écrire des couleurs dans CSS
1:34:00 – Couleur : mots clés
1:34:33 – Couleur : mode RGB
1:36:13 – Couleur : notation hexadécimale
1:37:46 – Couleur : notation hexadécimale courte
1:39:01 – Tous les éléments HTML sont des boites
1:39:35 – Propriété border (épaisseur, type, coule ur)
1:41:15 – Changer la couleur d'arrière-plan (background-color )
1:42:41 – Question : comment faire les accolades?
1:43:27 – Question : que veulent dire les fff et autres codes?
1:44:35 – Couleur : utiliser un sélectionneur de c ouleur
1:49:45 – Couleur : extension ColorZilla pour Firefox
1:51:30Mise en forme de texte et de boites avec CSS
1:51:30 – Transformer une ligne en commentaire CSS
1:52:08 – Centrer du texte (text-align : center)
1:52:28 – Centrer le contenu de la page
1:53:48 – Changer la largeur de la page (width)
1:54:12 – Appliquer des marges égales (margin: auto)
1:54:57 – Appliquer une bordure inférieure à h1
1:58:06 – Exercices à faire dans CodePen
1:58:51Devoir 3 (suite) : Mise en forme des pages avec CSS
1:59:50 – Créer un fichier ex2.html
2:00:19 – Insérer le code HTML de CodePen dans ex2 .html
2:02:49 – Créer une feuille CSS externe
2:03:32 – Créer un répertoire CSS
2:04:06 – Créer un nouveau fichier styles.css
2:04:27 – Insérer le code CSS de CodePen dans styl es.css
2:05:25 – Lier les pages HTML à la feuille styles. css
2:07:59 – Lier la page d'accueil à la feuille styles.css
2:09:24 – Mot de la fin et consignes pour la fin du devoir 3