| Durée : | 3 jour(s) |
| Tarif : | Consultez-nous |
DEMANDE DE DEVIS SANS ENGAGEMENT – CLIQUEZ ICI
Public :
- Designers et Intégrateurs Web.
Objectifs :
- Avoir une vue d’ensemble des nouveautés apportées par HTML5 et CSS3 et savoir les mettre en œuvre dans la création de vos sites Web.
Pré-requis :
- Maîtrise de HTML4 et CSS2.1.
L’évolution de l’HTML et des CSS
- Le W3C
- De l’HTML vers l’XHTML
- Le WHATWG
- L’HTML5
- Des CSS 1 aux CSS 2.1
- Les CSS3
La syntaxe HTML5
- La DOCTYPE
- Le document HTML
- L’encodage des caractères
- Les scripts
- Les CSS
- La syntaxe des éléments
- Les éléments obsolètes et redéfinis
- Les attributs obsolètes
- Les nouveaux éléments
- Les modèles de contenu
- L’affichage des éléments
Les éléments de structure HTML5
- L’HTML4 et les div
- L’élément header
- L’élément footer
- L’élément nav
- L’élément section
- L’élément article
- L’élément aside
- L’élément figure
- L’élément div
Evoluer vers les CSS3
- Etat des lieux
- Les préfixes des navigateurs
- Interprétation par les navigateurs
Les sélecteurs CSS3
- Les nouveaux sélecteurs
- Le sélecteur adjacent général
- Le sélecteur d’attribut
- La pseudo-classe d’ancre
- Les pseudo-classes de structure
- Les éléments seuls
- Les éléments vides
- Tout sauf les éléments spécifiés
La mise en forme CSS3 des boîtes
- La largeur des boîtes
- Le débordement du contenu
- Les couleurs d’arrière-plan
- Les coins arrondis
- Les bordures fantaisistes
- Les ombres portées
- Les dégradés
- Les arrière-plans multiples
- Les images d’arrière-plan
- Des générateurs en lignes
L’HTML5 et les CSS3 pour le texte
- Les éléments obsolètes
- Les éléments redéfinis
- La mise en colonnes
- Les césures et les points de suspension
- Les polices de caractères
- La taille des caractères
- L’ombre portée
- La typographie avancée
L’HTML5 et les CSS3 pour les formulaires
- Les nouveaux champs
- La validation des formulaires
- Les expressions régulières
- Aide à la saisie
- Des pseudo-classes pour les formulaires
- La validation des saisies
Les transformations CSS3
- La transformation
- Le déplacement
- La mise à l’échelle
- La rotation
- La déformation
Les transitions CSS3
- Les transitions
- Le déplacement
- La cinétique
- Le démarrage
Les animations CSS3
- Les animations
- Le déplacement
- La rotation
- La transparence
Le multimédia
- Insérer de l’audio
- Insérer de la vidéo
Le design adaptatif
- Les requêtes de média
- La taille des écrans
- Les grilles fluides
- Les images adaptatives