Gestion de Projet Numérique : Les Apports de HTML5/CSS3

Chronologie du HTML
Organismes de standardisation : WHATWG et W3C, standards et validation
HTML/XHTML/CSS/JavaScript, les langages du web
Utiliser le HTML5 aujourd'hui
Roadmap HTML5 et état de l’art
Connaître la compatibilité des fonctionnalités souhaitées

Structure d'une page
Doctype HTML5
Nouveaux éléments et nouveaux attributs
Conversion de pages HTML4/XHTML 1 en HTML5

Créer et utiliser des formulaires HTML5
Améliorer l’expérience utilisateur côté client

API natives et API associées
Tour d’horizon : audio et video, site web hors-ligne, drag&drop, stockage web, canvas, géolocalisation

Les nouveaux éléments audio et video
Les formats supportés par les différents navigateurs
Exemple avec lecteur personnalisé
Repli en Flash

Canvas 2D et canvas 3D
Canvas vs SVG ?
Exemple de tracé en canvas

Vue d'ensemble
La vie privée de l'utilisateur
Exemple avec cartographie

Le web sémantique
Données structurées et microdata
Accessibilité en HTML 5
En quoi un site HTML 5 est optimisé pour le référencement

Vue d'ensemble : les standards CSS3
Eviter Javascript et utiliser CSS3
Les préfixes spécifiques aux vendeurs

Nouveautés de mise en page
Nouveautés typographiques
Nouveautés de couleurs
Transformations (2D et 3D)
Transitions
Autres nouveautés

Principe du responsive web design
Extension de l’attribut media
Réaliser un site pour différents types d’écran (bureau, tablette, smartphone) par media queries

Graceful degradation et Progressive enhancement
La librairie Modernizr.js