Créer et mettre en forme des pages web (HTML5 et CSS3)

INTRODUCTION A HTML 5 ET CSS 3
- Contexte : fonctionnement d'un site internet
- Les normes du W3C
- Les changements avec HTML5

- Roadmap HTML5
- Quand choisir le HTML5
- Utiliser le HTML5 avec des navigateurs qui ne le supportent pas

BALISES HTML 5
- Disparition des notions «en ligne» et «bloc»
- Doctype, NameSpace, Encoding
- Les nouveaux éléments : section, article, aside, nav, ... pouren-têtes, pied de pages, etc. - Les indispensables balises telles que menu, command,details, summary
-La compatibilité entre les navigateurs
- Optimisation des balises pour les moteurs de recherche

LES FORMULAIRES HTML 5
- Balise form
- Créer et utiliser des formulaires HTML5
- E-mail, url, date ...
- Les validations de formulaire en HTML5

L'AUDIO ET LA VIDEO EN HTML 5
- Les conteneurs
- Contrôler la vidéo, l'audio
- Support et formats (WebM, MP4, H.264, Ogg Theora,MP3, AAC, Vorbis)
- Gérer plusieurs sources vidéos et audios
- Sous-titres et vidéo HTML5

DESSINER AVEC HTML 5
- Dessiner en JavaScript
- Contexte
- Accessibilité

LA GEO-LOCALISATION AVEC HTML 5
- Vue d'ensemble
- La vie privée de l'utilisateur
- Géolocaliser ses utilisateurs sur Google Maps

CSS3
- Ce que ça change
- Coins arrondis
- Ombres portées
- Transparence
- Mise en page et positionnement
- Autres propriétés
- Gestion des éléments de formulaire via CSS : enabled,disabled, valid, required, optionnal
- Intégrer ses propres polices
- Mise en page multi-colonnes
- Media Queries CSS3 pour créer des sites Web plus réactifs
- Responsive design – Feuille de style CSS multi-écran pourordinateur, mobile et tablette

LA MISE EN PAGE ET LE POSITIONNEMENT
- Niveau de présentation
- Mise en page par patron ou multi-colonne
- Mise en page par boites horizontales ou verticales
- Positionnement par la grille

CSS3 : LES ANIMATIONS
- Transformations (2D et 3D)
- Transitions
- L'animation