Formation Fondamentaux HTML5 et CSS3

1/ Introduction

• Historique

• Fondements de l'évolution

• Syntaxe et outils

• La question des navigateurs

2/ Retour sur les fondements du HTML/XHTML et CSS

• Les bases de la mise en page HTML/XHTML

• Limites des versions antérieures

• Les bases de la mise en page avec les styles CSS2 HTML5 : Les nouveaux éléments et attributs

3/ Balises HTML5 : changements et nouveautés

• Nouvelles balises

• Balises dépréciées

• Le support des navigateurs

• La nouvelle structuration des documents

• Les nouvelles catégories de contenu

• Les nouveautés dans les formulaires : balises et champs

4/ HTML5 : Fonctionnalités

• La sémantique

• Structurer une page

• Balisage d’un blog

• Les micro-formats

• WebForms 2.0

• Le multimédia : nouvelle gestion de la vidéo et du son

• Les canvas et le dessin Bitmap

• Le format SVG de dessin vectoriel

• Drag and Drop

• Persistance, bases de données locales

• Géolocalisation

• Web Workers et Web Sockets

5/ CSS3 : Fonctionnalités

• Les préfixes

• Utiliser les sélecteurs

• Ombrage et effets de texte

• Utiliser le multicolonnage

• Transformations et transitions

• Gérer le débordement du contenu

• Gérer les enchaînements : wrap-option, white-space-treatment…

• 2D et 3D avec CSS3

• Support des polices

• Transition

• Mettre en forme les boîtes et les fonds

• Utiliser Media Queries

6/ CSS3 : Concepts fondamentaux

• Comprendre les cascades en CSS

• Notion d’héritage

• Concept de spécificité

• Typologie des feuilles de style

• Les sélecteurs CSS

• Organisation de la feuille de style

• Gestion de feuilles de style multiples

• La technique du reset CSS

• Le modèle de boites

• Notion de rendering

• Le positionnement en CSS

7/ Navigateurs et standards du web

• Balisage sémantique

• Service de validation du W3C

• Conformité aux standards du web

• Les doctypes

• Outils de test multi-navigateurs

• Comprendre les hacks CSS et le débogage

8/ CSS et le webdesign

• Modèles et couleurs de modèles

• Images de fond et sprites, jeux de transparence

• Travailler avec les ombres et les formes

• Transformations et animations

• Commandes sources

• Interfaces indépendantes de la résolution utilisée

• Optimisation des balises pour le SEO et accessibilité

9/ Introduction au responsive design

• Notions de base

• Requêtes multimédia

• Principe d’amélioration progressive

• Le Modernizr CSS

• Les vues

• Résolution d’écran et pixels

• Média flexibles

• Code HTML flexible

• Stratégie de contenu