Rencontre sur Zoom – Semaine 3

Vidéo de la rencontre du 25 septembre 2020.  1 h 52

Sommaire :
00:00 - Introduction
00:25 - À voir aujourd'hui
02:49 - Notes de cours : nouveautés
06:28 - Lien direct vers Office 365
09:42 - Structure d'une page web
11:04 - Trois langages essentiels du Web
11:16 - HTML : pour le contenu et la structure
13:04 - CSS : pour modifier la mise en forme
15:37 - JavaScript : pour changer le comportement
16:15 - Quatre éléments clés d'une page web
16:54 - La déclaration DOCTYPE
18:01 - html : contient les deux éléments head et body
18:37 - head : l'entête de la page contenant des données sur la page
19:35 - body : le corps de la page où va le contenu
20:27 - Trois éléments clés pour l'entête (head)
21:59 - meta charset="utf-8" : pour accents
23:34 - title : le titre de la page
24:09 - meta name="viewport"
25:08 - Structure d'une page web : en résumé
26:19 - Cinq nouvelles balises HTML
31:49 - Question : qu'est-ce que veut dire « meta »?
35:26 - Deux rôles attribut alt de la balise img
38:06 - Mise en forme avec CSS
40:48 - Découvrir CodePen.io
50:04 - Introduction au CSS
50:11 - Insérer un sélecteur (ici, h1 pour viser le titre)
51:12 - Changer la couleur du texte
51:56 - Trois façons d'écrire les couleurs
52:02 - Mots clés (red, green, blue, white, black, etc. Il existe 140 mots clés de couleurs)
52:04 - rgb(0,127,255)
52:44 - Codes hexadécimaux
1:10:49 - Pause de 10 minutes
1:11:42 - Insérer des images
1:12:54 - Utiliser le site Picsum.Photos
1:13:57 - Garder la même image de picsum.photos id
1:14:35 - Générer une image large pour un bandeau
1:15:07 - Options possibles sur picsum.photos
1:15:48 - Insérer une image dans une page HTML
1:17:00 - Renseigner l'attribut alt de l'image
1:18:00 - Modifier une image avec du code CSS
1:35:49 - Question : comment superposer une couleur semi transparente sur une photo?
1:38:27 - Question : balises div et span versus des balises sémantiques comme article, header, footer, aside, etc.
1:41:12 - Insérer le HTML et le CSS dans une page sur notre serveur web
1:47:04 - Exercice 1
1:47:17 - Les exercices et les tests
1:48:12 - Devoir 4 : explication
1:50:42 - Mot de la fin