Durée :
2 jours
Objectif :
Apprendre à se servir de nouvelles balises et média riche, réaliser une page sémantique en HTML5
Pré-requis :
Bonne connaissance du langage HTML
Public :
Développeurs web, chefs de projets web, responsables de sites web, webmasters,...
Plan de cours
L’HTML 5 c’est quoi ?
- Ce qu’il n’est pas ; Ce qu’il est
- Le W3C et le WHATWG
Les nouveautés dans le code HTML
- Le doctype
- Les balises obsolètes ou qui ont changées
La sémantique
- Les nouveaux éléments
- La structure
- Les balises multimédia
- Des formulaires améliorés
Les API JavaScript
- Le local storage
- La géolocalisation
- Le drag and drop
- Les évènements
Donner du style à ses balises grâce aux CSS2
- Ce qu’il n’est pas ; Ce qu’il est
- Le W3C et le WHATWG
Et le CSS3 ?
- Ce qu’il n’est pas
- Ce qu’il est
Utiliser CSS3 aujourd’hui
- Tout le monde peut utiliser CSS3
- Les principales propriétés CSS3 utilisables aujourd’hui
- Les transitions CSS
- Quelles sont les propriétés CSS compatibles avec les transitions ?
Broder avec CSS3
- Exemple de menu en capsule
- Styler la couleur des liens avec RGBA
- Ajout de text-shadow
- Arrondir l’effet avec broder-radius
- Ajout d’une transition
- Exemple d’effet de survol simple avec opacity
Enrichir les formulaires
- L’intégration d’un simple formulaire d’inscription
- Le style des éléments
- Le style de champs de saisie
- Les dégradés CSS
- Un vrai bouton en CSS3
- Travailler avec les Keyframes
- Que puis-je faire avec un peu de CSS3 et de JS ?
