Formation : HTML et CSS : création et publication de sites web

Ce que tu vas apprendre en 8 unités

1. 1

   Fonctionnement du Web

   Commence ici

   Explique ce qui se passe entre la saisie d’une URL et l’affichage d’une page, notamment le rôle des navigateurs, des serveurs, des requêtes et réponses HTTP, ainsi que les rôles de HTML, de CSS et de JavaScript.

   5 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Décris comment une page web arrive sur ton écran
   2. 2.Lis les adresses web et les noms de domaine
   3. 3.Lis les requêtes, les réponses et les codes de statut HTTP
   4. 4.Explique les rôles de HTML, de CSS et de JavaScript
   5. 5.Prépare tes outils et inspecte des pages existantes
2. 2

   HTML

   Structure des pages web avec les éléments et les attributs HTML, en utilisant des titres, des paragraphes, des listes, des liens, des images et des sections sémantiques.

   5 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Écris des documents HTML correctement structurés
   2. 2.Structure le texte avec des titres, des paragraphes et des listes
   3. 3.Relie les pages et crée la navigation
   4. 4.Ajoute des images compréhensibles par tous
   5. 5.Organise les pages avec des éléments sémantiques
3. 3

   Formulaires HTML

   Crée des formulaires avec des champs associés à une étiquette et des attributs de validation, présente des données dans des tableaux et intègre du son et de la vidéo.

   5 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Crée des formulaires qui recueillent les informations nécessaires
   2. 2.Vérifie les saisies avec la validation intégrée
   3. 3.Présente les données dans des tableaux accessibles
   4. 4.Ajoute du son et de la vidéo à une page
   5. 5.Intègre du contenu provenant d’autres sources
4. 4

   Sélecteurs et cascade CSS

   Mets en forme des pages avec les sélecteurs CSS, la cascade et le modèle de boîte, et maîtrise les couleurs, les polices et les espacements.

   6 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Écris du CSS et observe comment le navigateur l’applique
   2. 2.Sélectionne les éléments que tu veux mettre en forme
   3. 3.Prévois le style appliqué grâce à la cascade, à la spécificité et à l’héritage
   4. 4.Écris des couleurs et choisis des unités
   5. 5.Dimensionne et espace les éléments avec le modèle de boîte
   6. 6.Mets en forme le texte, les listes, les liens, les arrière-plans et les bordures
5. 5

   Mise en page CSS

   Mets en page avec le flux normal, le positionnement, Flexbox et les grilles CSS, et choisis l’outil adapté à chaque mise en page.

   5 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Comprends le flux des boîtes et l’effet de la propriété display
   2. 2.Positionne les éléments avec la propriété position
   3. 3.Crée des mises en page unidimensionnelles avec Flexbox
   4. 4.Crée des mises en page bidimensionnelles avec les grilles CSS
   5. 5.Choisis et combine des méthodes de mise en page pour des pages concrètes
6. 6

   Conception web adaptative

   Fais fonctionner les pages sur les téléphones, les tablettes et les ordinateurs avec la balise meta viewport, des unités relatives, des requêtes média et des images adaptatives.

   5 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Prépare une page pour qu’elle s’adapte à tous les écrans
   2. 2.Adapte les mises en page avec des requêtes média
   3. 3.Fais adapter les composants à leur conteneur
   4. 4.Fournis des images et des médias adaptés à tous les écrans
   5. 5.Teste et améliore les pages adaptatives
7. 7

   Pages web accessibles

   Crée des pages utilisables au clavier, avec un lecteur d’écran et avec le zoom grâce au HTML sémantique, à des alternatives textuelles, à un contraste suffisant et à ARIA uniquement lorsque c’est nécessaire.

   6 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Structure les pages avec du HTML sémantique
   2. 2.Fournis des alternatives textuelles aux contenus non textuels
   3. 3.Rends toutes les fonctionnalités utilisables au clavier
   4. 4.Garde le texte et les éléments visuels lisibles
   5. 5.Crée des formulaires accessibles
   6. 6.Utilise ARIA avec mesure et teste tes pages
8. 8

   Publier un site web

   Organise les fichiers d’un site, valide et débogue les pages, puis publie un site sur un hébergement statique avec ton propre nom de domaine et HTTPS.

   6 objectifs d'apprentissage

   Ce que tu vas apprendre

   1. 1.Organise le projet d’un site et vérifie son code
   2. 2.Repère et corrige les problèmes avec les outils de développement du navigateur
   3. 3.Accélère le chargement des pages
   4. 4.Écris un balisage adapté aux moteurs de recherche
   5. 5.Publie un site sur un hébergement statique
   6. 6.Utilise ton propre nom de domaine avec HTTPS et assure le bon fonctionnement du site