[412-Z21] Échéancier
Création de contenu pour le Web

Plan de cours | Horaire de Marc Gagnon

Cours 1 – Gr2 lundi 26 août, Gr1 mardi 27 août

• Présentation, plan de cours, PFI, prérequis
• Évaluation diagnostique et activité avec Word (styles et TdM)
• Texte à lire : Fonctionnement d'Internet et du Web (document Word fait en classe)
• Comprendre l'Internet et le Web
• Canivet 2017 : La rédaction web : bien au-delà de la ponte d'un texte (p. 20-22)

Cours 2 – Gr2 lundi 9 septembre, Gr1 mardi 3 septembre

• Trois langages essentiels du Web : HTML, CSS et JavaScript
• Outils essentiels : un navigateur moderne et un éditeur de texte
• Page web, site web, et serveur web
• Principe des balises (Draillard, p. 14-15, Mozilla)
• Règles pour les noms de fichiers (Draillard, p. 17-18)
• La syntaxe des balises (Mozilla)
• Règles d'écriture des balises en HTML (Draillard, p. 18-19)
• Structure d'une page HTML (Draillard, p. 20-21)
  (Mozilla : Créer un document HTML simple)
• Paragraphes et titres (Draillard, p. 27-28)
  (Mozilla : h1-h6, p, em, strong, i, b)
• Exposant et indice (Draillard, p. 30, Mozilla : <sub>, <sup>)
• Espaces, sauts de ligne et commentaires invisibles (p. 21-22, Mozilla : Commentaires)
• Retour à la ligne (Draillard, p. 21, Mozilla : br)
• Trait de séparation horizontal (Draillard, p. 33)

• Canivet : Une conception centrée utilisateur (chap. 2)

• Cours 3 – Gr2 lundi 16 septembre, Gr1 mardi 10 septembre

• Entités HTML (&nbsp; &ndash; &copy; etc.) (Références : Mozilla, Wikipédia)
• Listes à puces ou numérotées (Draillard, p. 37-40, Mozilla : ul, ol, li)
• Citation avec retrait (Draillard, p. 32-33, Mozilla : blockquote, cite)
• Citation courte dans le texte (ou en incise) (Draillard, p. 74, Mozilla : q, cite)
• Attributs HTML (Références : Attributs, Liste des attributs, Les attributs universels)
• Liens hypertextes (Draillard, p. 33-37, Mozilla : a, Création d'hyperliens)
  (À lire pour mieux comprendre les liens : Le fonctionnement des liens sur le Web)
• Les menus de sites web sont des listes dont les items sont des liens
• Canivet : Favoriser l'accès au contenu en organisant mieux l'information (chap. 3)
• Canivet : L'hypertextualité enrichit le contenu (chap. 8, p. 297-304)

Cours 4 – Gr2 lundi 23 septembre, Gr1 mardi 17 septembre

• Apprendre à coder avec CodePen
• Exercice : révision des balises de base
• Exercice : site web local et liens relatifs
• Canivet : Définir les mots-clés d'un article ou d'une page web (chap. 5, survol)

Cours 5 – Gr2 lundi 30 septembre, Gr1 mardi 24 septembre

• Insertion d'images (Draillard, p. 46-48, Mozilla : img)
• Images, photos et figures (Draillard, p. 83-84, Mozilla : figure, figcaption)
• Insérer des commentaires dans le code HTML (Draillard, p. 22, Mozilla : Commentaires)
• Création d'images avec PowerPoint
• Canivet : Produire son contenu : les règles de base (chap. 6)
• Canivet : Le texte est illustré (chap. 8, p. 285-296)

Cours 6 – Gr2 lundi 7 octobre, Gr1 mardi 1er octobre

• Audio et vidéo (iframe)
• Tableaux (table, th, tr, td)
• Listes de définitions (glossaire, dl, dt, dd)
• Éléments sémantiques (header, footer, nav, section, article, aside) et non sémantiques (span, div)
• Dessin vectoriel avec PowerPoint (suite)
• Révision en vue de l'examen (À lire : Commencer avec le HTML)
• Canivet : Comprendre le comportement de lecture en ligne (chap.7)

Cours 7 – Gr2 lundi 21 octobre, Gr1 mardi 8 octobre

• Examen 1 20 %
• Canivet : Travailler son texte : séduire et retenir l'internaute (chap. 8, p. 239-284)

Cours 8 – Gr2 lundi 28 octobre, Gr1 mardi 22 octobre

• Initiation à CSS (sélecteurs, règles, déclarations, attributs, valeurs)
• À quel endroit et comment insérer les CSS
• Mise en forme du texte (police, taille, italique, gras, souligné, alignement, flottants)
• Outils de développement des navigateurs
• Canivet : Améliorer la lisibilité (chap. 10)

Cours 9 – Gr2 lundi 4 novembre, Gr1 mardi 29 octobre

• Le modèles des boites (Word et CSS)
• La couleur et le fond (couleur du texte, d'arrière-plan, images de fond, transparence)
• Bordures et ombres
• Canivet : La stratégie de contenu et ses outils (chap. 9)

Cours 10 – Gr2 lundi 11 novembre, Gr1 mardi 5 novembre

• Effets au survol
• Flexbox et grid pour créer des pages adaptatives
• Initiation à JavaScript : pour des pages interactives (formulaires, galeries, présentations, menus et objets dynamiques, etc.)
  Note : le présent cours étant axé sur la création et la présentation de contenu, cette activité de 30 minutes vise simplement à vous faire découvrir la programmation directement dans le navigateur, et qui sait, peut-être à vous donner la piqure?
• Canivet : Les critères généraux de référencement (p. 409-429)

Cours 11 – Gr2 lundi 18 novembre, Gr1 mardi 12 novembre

• Publier un site web sur un serveur
• Gestionnaire de fichiers
• Installer WordPress
• Publier des articles et des pages avec WordPress
• Canivet : Optimiser les liens (chap. 13, p. 529-560)

Cours 12 – Gr2 lundi 25 novembre, Gr1 mardi 19 novembre

• Utiliser l'éditeur de contenu (de blocs) Gutenberg
• Créer un menu de navigation
• Organiser les articles avec les catégories et les mots-clés
• Canivet : Optimiser les zones chaudes (chap. 14)

Cours 13 – Gr2 lundi 2 décembre, Gr1 mardi 26 novembre

• Laboratoire

Cours 14 – Gr2 lundi 9 décembre, Gr1 mardi 10 décembre

• Promouvoir un article ou un site avec les médias sociaux
• Révision en vue de l'examen

Cours 15 – Gr2 lundi 16 décembre, Gr1 mardi 17 décembre

• Examen final 25 %

Marc Gagnon
Creative Commons BY-NC-CA
Automne 2019