Programme de Formation Webmaster Intermédiaire : HTML5/CSS3
Introduction
Histoire du HTML
Versions
Structure d'un document
Les bases d'un document HTML
Le Doctype
Les balises html, head, body
Les commentaires
Structures des balises et des attributs
Différences entre les balises inline et block
Les balises de contenu
Les titres (h1, h2, h3, etc)
Les paragraphes
Mise en gras et en italique
Les liens hypertexte
Les listes (ordonnées et non ordonnées)
Les tableaux
Atelier : Structurer une page htmlLes Médias
Les images et format d'image
Les attributs essentiels (src, alt, etc)
Intégrer des sons et vidéos
Autre médias
Atelier : Intégrer plusieurs médias sur une page htmlLe CSS
Présentation et définition
Attacher une css à une page html
Les selecteurs (balise, id, class)
Les pseudo-selecteurs
Les propriétés et valeurs
Les commentaires
Atelier : Attacher une feuille css à une page htmlLes propriétés
Les propriétés de texte (police, taille, alignement)
Les couleurs hexadecimale, rgb, rgba et nommées
Les propriétés d'arrière plan
Les marges intérieurs et extérieur (margin, padding)
Les bordures
Les dimensions
Les listes
Atelier : Styliser une page existanteLe positionnement de bloc
Positionnement absolu ou relatif
Bloc flottant et fixe
Les blocs flexibles
Les grilles
Atelier : Positionner différents blocs sur une pageLes Formulaires
Les balises de formulaire
Les attributs action et method
Les différents champs de formulaire
Les différentes formes du champs input
Les attributs pour les champs de formulaire (placeholder, required, etc)
Valider un formulaire
Atelier : Créer un formulaire d'inscriptionRédiger du contenu accessible
Découvrir les normes (WAI, WCAG)
Connaître les critères essentiels : textes alternatifs, liens, menus, navigation
Critères de choix des couleurs
Savoir adapter le code HTML et CSS
Structurer un formulaire, erreur à éviter
Atelier : Rendre une page accessibleLes animations
Les animations et transitions
Durée des animations
Les fonctions de transition
Les Keyframes
Atelier : Créer une animationAutres propriétés CSS3
Les transformations
Les ombres de texte et de bloc
Les bordures arrondies
Les colonnes
La propriété box-sizing