HTML5 / CSS3 pour les intégrateurs HTML

Savoir développer des sites web en HTML 5 - mise en forme/en page en CSS3.

Introduction

Spécifications HTML: historique et évolutions
Vision HTML 5 et contextes d'utilisation
Support par les navigateurs

Conception de pages web avec HTML5

Structure d'une page
Différences avec le HTML 4 et XHTML 1 (nouveaux éléments, éléments obsolètes)
Eléments de styles CSS en HTML5

Atelier pratique: une première page en HTML5

Balises HTML5

Balises de mise en forme du contenu (titres, paragraphes, etc...)
Balises sémantiques et d'organisation
Création et utilisation de formulaires
Intégration d'animations et sons
Dessin 2D
Géo-localisation: concepts et fonctionnement

Atelier pratique: réalisation d'un site incluant des formulaires et du contenu

Communication et stockage

Evènement (EventSource API)
Envoi de message entre documents/par canaux (PostMessage API, XHR)
Stockage local/en session
Bases de données SQL Web et bases indexées

Atelier pratique: utilisation d'apis de communication

Rappel CSS

Notions de base (sélecteurs, propriétés de mise en forme)
Positionnement CSS
Ordre de priorité: cascade et héritage
Hacks et styles alternatifs
Préfixes vendeurs

Atelier pratique: multiples exemples d'utilisation des css, démonstration des priorités des sélecteurs

CSS 3

Spécification W3C
Sélecteurs disponibles
Propriétés de mise en forme: bordures, ombres, transparence,...
Mise en page et positionnement: multi-colonnes, boîtes, grille,...
Transformations et transitions

Atelier pratique: démonstration de styles et d'effets sur les différentes propriétés étudiées, mise en page complexe d'une page

Méthodologie basée sur l'Active Learning: 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.