HTML5 et CSS3 pour les designers et les intégrateurs Web

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