HTML5 et CSS3

Introduction

• Contexte : fonctionnement d'un site internet
• Histoire du HTML
• Organismes de normalisation : WHATWG et W3C
• La nouvelle vision HTML 5
• Roadmap HTML 5

Utiliser le HTML 5 aujourd'hui

• Savoir quand choisir le HTML 5
• Utiliser le HTML 5 avec des navigateurs qui ne le supportent pas

Balisage HTML 5

• Structure d'une page : disparition des notions "en ligne" et "bloc"
• Doctype
• Les nouveaux éléments : section, article, aside, nav, ...
• Les éléments obsolètes : center, font, frame, acronym, ...
• HTML 5 et CSS

Les formulaires

• Balise form
• Créer et utiliser des formulaires HTML 5

Audio et Video

• Les éléments audio et video
• Les conteneurs
• Les codecs

Vue d'ensemble des APIs

• Les APIs HTML 5
• Audio et video
• Site web hors ligne
• Drag&Drop
• Extension de HTMLDocument
• Extension de HTML Element

Dessiner en HTML

• Canvas vs SVG
• Contexte
• Accessibilité

La communication en HTML 5

• Les événements
• Envoi de messages entre documents
• Envoi de messages par canaux

La géo-localisation

• Vue d'ensemble
• La vie privée de l'utilisateur

Stockage

• Stockage local
• Stockage en session
• Bases de données SQL Web

CSS3 : standardiser des propriétés

• Vue d'ensemble : se passer d'images, éviter les astuces
• Coins arrondis
• Ombres portés
• Transparence
• Mise en page et positionnement
• Autres nouveautés

CSS 3 : mise en page et positionnement

• Vue d'ensemble : clarifier le code, éviter la multiplication de imbriquées
• Niveau de présentation
• Mise en page par patron
• Mise en page multi-colonnes
• Mise en page par boite horizontales ou verticales
• Positionnement par grille
• Autres nouveautés

CSS3 : animation

• Transformations (2D et 3D)
• Transitions