HTLM5 et CSS3 initiation

Introduction

• Les différents langages informatiques et spécificités du HTML5 et du CSS3

L’éditeur de texte

• Prise en main et paramétrage de l’éditeur de texte gratuit Visual Studio Code

Les bases du HTML5

• Les différents éléments HTML5
• Le principe des balises HTML5 orphelines et ouvrantes et fermantes
• Mettre en place la structure minimale d’une page HTML5 conforme au W3C
• Créer une première page HTML5 : Hiérarchisation des titres, paragraphe, les différents types d’espaces, les listes, mettre en place des liens…
• Tester la validité de son code

Les bases du CSS3

• Comment et où insérer le code CSS3 : 3 méthodes
• Les sélecteurs simples et combinateurs
• Comprendre l’héritage des règles CSS3

Les attributs et les éléments en HTML5

• Les attributs HTML class et id et les sélecteurs associés
• Comprendre la différence entre les éléments div et span

Mise en forme en HTML et CSS3

• Découvrir toutes les propriétés liées au texte : polices, tailles, couleurs…
• Créer des boîtes et leurs propriétés : largeur, hauteur, marges internes et externes, bordures…
• Créer des tableaux
• Insérer des médias : images, vidéos, audios
• Modifier les fonds, créer des dégradés et des ombres
• Créer un formulaire en HTML5
• Gérer le positionnement des boîtes dans le flux de la page
• Construire une page avec les éléments structurants
• Introduction au concept de boîte flexible

Le responsive design

• Modifier la structure d’une page selon la taille de l’écran (ordinateur, tablette et mobile) grâce aux media queries

Ajouter des icônes

• En utilisant la police Fontawesome
• En utilisant ses propres icônes