Les langages HTML et CSS sont essentiels pour créer des sites web. Cette vidéo de formation a pour objectif de vous enseigner les bases du HTML et du CSS afin de comprendre leur rôle et leur fonctionnement dans la conception de sites modernes.

La vidéo débute par une présentation du HTML et du CSS, et de leurs syntaxes, avant de montrer comment structurer une page HTML en y intégrant du texte, des médias et des éléments interactifs.

Des notions plus avancées sont ensuite abordées, comme l’utilisation des attributs id et class pour organiser le code, ainsi que l’usage de conteneurs génériques pour structurer les contenus.

La syntaxe du CSS, les différents types de sélecteurs et leur effet sur la mise en forme des pages sont ensuite détaillés, suivis d’un exercice pratique visant à créer une première feuille de styles.

L’importance du HTML sémantique est ensuite mise en avant, avec un focus sur les apports du HTML5 et l’utilisation des balises sémantiques pour une structuration claire des contenus et médias.

La vidéo se termine par la création d’un formulaire de contact fonctionnel, avec une démonstration concrète de sa mise en place.

• Durée totale02h21
• Les bases du HTML
  • Qu'est-ce que le HTML ?03:09
  • Les balises04:40
  • Les attributs02:50
  • Créer votre première page en HTML03:06
  • Anatomie d'une page HTML04:50
• Structurer et organiser une page HTML
  • Les balises HTML pour structurer le texte03:35
  • Les listes en HTML07:32
  • Ajouter des images à votre page HTML02:54
  • Lier des pages web avec les hyperliens06:16
  • Les conteneurs génériques 03:22
  • Les attributs id et class02:19
  • Créer une page article10:32
• Mettre en forme le HTML avec CSS
  • Découvrir le CSS et sa syntaxe06:05
  • Comprendre les sélecteurs CSS07:38
  • Les propriétés CSS : couleurs, texte et arrière-plans06:11
  • Le modèle de boîte02:43
  • Créer votre première feuille de styles06:34
• Utiliser le HTML sémantique
  • Découverte du HTML5 : le balisage sémantique03:16
  • Les conteneurs sémantiques02:58
  • Le balisage sémantique pour les éléments de contenus04:19
  • Le balisage sémantique pour les médias02:38
  • Créer une page article de façon sémantique05:11
• Créer des formulaires en HTML
  • La structure de base d'un formulaire05:48
  • La balise input08:42
  • La balise label04:21
  • Découvrir les autres champs de formulaires05:53
  • La balise fieldset03:58
  • Créer un formulaire de contact10:22