Html5 et css3

HTML5

Structure de base d'un document HTML (Jour 1)

• Le doctype
• La balise HTML
• Définition de l'encodage
• La balise head et body

Mieux structurer ses pages (Jour 1)

• La sémantique ?
• header
• nav
• section
• article
• main
• aside
• footer

Mettre en forme du texte (Jour 1)

• Le formatage du texte
• Les balises d'entêtes
• Les listes
• Les paragraphes

Les tableaux (Jour 1)

• Insertions de tableaux
• Insertion, suppression, FUSION de lignes et colonnes

Les liens hypertexte (Jour 1)

• lien hypertexte sur du texte et images
• Les attributs

Les médias (Jour 1)

• Les images / attributs
• Canvas, SVG
• La vidéo, le son

Les formulaires (Jour 2)

• La balise form
• Méthode POST ou GET
• Les différents types de champ
• Les boutons
• Les attributs
• Les balises utiles pour l'accessibilité

L'accessibilité (Jour 2)

• Pourquoi rendre un site accessible ?
• Les bonnes pratiques en HTML pour l'accessibilité
• RGAA et WCAG
• Tester son site avec unlecteur d'écran comme NVDA

CSS (Jour 3 et 4)

Mettre en forme à l'aide de CSS (Jour 3)

• Principe des styles
• Créer des règles de style
• Bonnes pratiques pour structurer le CSS
• Ou placer le code ?

Les sélecteurs CSS (Jour 3)

• Les sélecteurs de classe
• Les sélecteurs d'identifiant
• Le sélecteur universel
• Les pseudo-classes, pseudo-éléments

Les bases du CSS (Jour 3)

• La gestion du texte
• Les arrière-plans
• Les blocs
• Les boites
• Les unités
• Les bordures
• Les listes
• Le positionnement

Le CSS3 (Jour 4)

• Les couleurs, les AP
• Les ombres et effets d'ombres
• Les bordures et les arrondis
• Utilisation de polices perso
• Les transformations, transitions, animations

Gestion des colonnes (Jour 4)

• Les méthodes récentes : grid, column, flex
• Les avantages et inconvénients, la compatibilité avec les navigateurs

RWD (Jour 4)

• Adaptation aux périphériques
• Les media Queries
• Les frameworks