GratuitDébutant2 h 47

HTML et CSS de zéro

Vous construirez une vraie page web responsive, sans rien installer : un éditeur de texte et un navigateur suffisent. Vous apprendrez à structurer le contenu avec HTML, à le mettre en forme avec CSS, puis à l'adapter aux téléphones comme aux grands écrans avec Flexbox, Grid et les media queries.

Ce que vous saurez faire

  • Écrire une page HTML valide avec une structure sémantique (en-tête, navigation, contenu principal, pied de page)
  • Créer un formulaire avec des champs étiquetés et des types de saisie adaptés
  • Cibler des éléments avec des sélecteurs CSS et prévoir le résultat de la cascade
  • Calculer la taille réelle d'un élément grâce au modèle de boîte
  • Aligner et répartir des éléments avec Flexbox et construire une grille avec CSS Grid
  • Adapter une page aux petits écrans avec une approche mobile d'abord et des media queries

Plan du cours

Partie 1 · Structurer une page avec HTML56 min

  1. L'anatomie d'une page HTML10 min
  2. Texte, liens, images et listes12 min
  3. Les balises sémantiques10 min
  4. Les formulaires14 min
  5. Quiz : structurer une page avec HTML10 min

Partie 2 · Mettre en forme avec CSS47 min

  1. CSS : ajouter du style et choisir ses cibles13 min
  2. Couleurs, typographie et unités12 min
  3. Le modèle de boîte12 min
  4. Quiz : mettre en forme avec CSS10 min

Partie 3 · Composer la page et l'adapter à tous les écrans1 h 04

  1. Aligner avec Flexbox14 min
  2. Construire une grille avec CSS Grid13 min
  3. Le responsive design12 min
  4. Projet : la page de l'atelier, de A à Z15 min
  5. Quiz : composer la page et l'adapter10 min
HTML et CSS de zéro : cours gratuit pour débutants | Formuloo School · Formuloo School