HTML 5 / CSS 3 : Principes et Nouveautés

  • Formation nouvellement créée ou entièrement remaniéeNouveauté

Objectifs

  • - comprendre et appréhender les nouveautés du langage HTML 5
  • - savoir implémenter des pages web en HTML 5
  • - vérifier la compatibilité entre navigateurs et s’assurer de solutions de repli
  • - améliorer l’expérience utilisateur avec les styles CSS 3

Pré-requis

connaître XHTML 1.0 et CSS 2.1

Profil stagiaire

webmestre, concepteurs de sites web, consultants internet

Profil animateur

consultant spécialiste NTIC et conception web

Introduction

Rappel : Chronologie du HTML
HTML/XHTML/CSS/JavaScript, les langages du web
Organismes de standardisation : WHATWG et W3C, standards et validation
Utiliser le HTML 5 aujourd'hui : HTML5/HTML 5, quésako ?
Roadmap HTML 5, quand choisir le HTML5 ?
Utiliser le HTML5 avec des navigateurs qui ne le supportent pas

Balisage HTML 5

Structure d'une page : disparition des notions "en ligne" et "bloc"
Doctype HTML5
Les nouveaux éléments : section, article, aside, nav, etc...
Les éléments HTML obsolètes
CSS3

Formulaires HTML 5

Balise form
Créer et utiliser des formulaires HTML5

Audio et Video en HTML 5

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

APIs HTML 5 – Vue d’ensemble

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

Dessiner en HTML 5

Canvas vs SVG ? Contexte
Accessibilité

Communication en HTML 5

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

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

du 04 au 06 juillet 2012

à Paris

du 10 au 12 septembre 2012

à Paris

du 21 au 23 novembre 2012

à Paris

Stage / CODE : IIN05

3 jours (21 heures)

1 515€ (HT)

Contact

Alexandra CARLIER

01 44 94 16 11

acarlier@demos.fr

 Les prochaines dates

du 04 au 06 juillet 2012

à Paris

du 10 au 12 septembre 2012

à Paris

du 21 au 23 novembre 2012

à Paris

Compétences visées

Comprendre les principes du HTML 5 par rapport à HTML 4.01 et XHTML 1.0

Savoir implémenter les nouvelles fonctionnalités du HTML 5 et les nouveaux styles CSS 3

Éviter de dégrader l’expérience utilisateur en s’assurant d’une compatibilité maximale entre navigateurs web

Privilégier une approche d’amélioration de la forme pour conserver un contenu identique quelque soit le navigateur