Afficher la version standard du site

Dynamiser ses sites avec CSS3 : perfectionnement

Formation pour apprendre à maitriser le CSS3 et les bonnes pratiques d'intégration, dans le respect des standards web.

Détail de la formation

Niveau : Intermédiaire

Durée : 7 heures (sur 1 jour)

Type : Formation exclusive

Profil : Intégrateurs et développeurs

Tarifs : Formation exclusive 800€ HT


Demander des informations

 

 

Objectifs

Découvrez les nombreuses possibilités de la norme CSS3, tant sur les effets d'animations et de transitions, les décorations (ombrage, dégradé, etc), et les méthodes de positionnements, tout en prenant en compte les compatibilités de navigateurs.

 
 

Pré-requis

  • Cette formation ne s'adresse pas aux débutants en CSS
  • Bonne aptitudes aux langages xHTML/CSS
  • Culture générale sur Interneb
 

Programme

Introduction à CSS3

  • Focus : syntaxes CSS2 & CSS3
  • Compatibilité
  • Préfixes
  • Usages

Propriétés décoratives CSS3

  • border-radius
  • box-shadow
  • background-size
  • background-gradient(dégradés)
  • arrière-plans multiples
  • @font-face

Valeurs, fonctions, unité

  • Compatibilités navigateurs
  • Nouvelles unités (rem, deg...)
  • Transparence avec RGBa et HSLa
  • Variables calc(), min() et max()

Propriétés, textes et contenus

  • word-wrap
  • text-overflow
  • overflow-x, overflow-y
  • multi-column layout
  • Travaux pratiques
  • Mise en application décorative
  • Questions/réponses

Les sélecteurs d'éléments CSS3

  • Sélecteur d'adjacence général
  • Sélecteur d'attribut
  • pseudo-classes

Positionnement CSS3

  • Modèle de boîte flexible (flexbox)
  • template layout, grid model
  • box-sizing

Les transformations, transitions et animations

  • Rotation
  • Zoom avec scale
  • Translation avec translate
  • Déformations avec skew et matrix
  • Propriétés : property, duration, delay, timing-function
  • Accélération
  • Propriétés supportées
  • Animer avec keyframes

Conclusion

  • Mise en application décorative
  • Ressources & outils Css3
  • Perspective CSS3 : en avant vers le responsive web design
 
 

Information et inscription à la formation :
Dynamiser ses sites avec CSS3