Formation CSS3, niveau avancé


Cette formation CSS3 sur 2 jours a pour principal objectif de vous rendre opérationnel sur les nouveautés fournies par la version 3 de CSS. Au terme de cette formation à la fois pratique et théorique vous serez capable d'animer et de transformer l'ensemble de vos contenus, grâce à CSS3.
Pourquoi utiliser CSS 3 ?
Langage informatique de référence, Cascading Style Sheets permet de personnaliser et d'étayer vos sites et applications Web. Cette formation est donc nécessaire à tout intégrateur désirant créer des pages lisibles et optimisées pour n'importe quel navigateur et multi-devices.

Objectifs de cette formation

  • Être opérationnel en matière d'intégration CSS 3

Public visé

  • Intégrateurs HTML

Pré-requis

  • Posséder de bonnes connaissances en CSS
  • Posséder de bonnes connaissances en HTML

Programme détaillé

CSS3 : Introduction globale

  • L'évolution du HTML et de CSS
  • Le W3C et WHATWG : introduction et définitions
  • Comparaison entre CSS3 et CSS2

Démarrer avec CSS3 : Les bases

  • Savoir quand solliciter CSS3
  • Appréhender la syntaxe et les préfixes
  • Assimiler les concepts de cascade et compatibilité navigateur

Appréhender les sélecteurs CSS3

  • Rappel sur les sélecteurs CSS2
  • Connaître les sélecteurs d'attributs
  • Appréhender les pseudo-classes générales (lang, empty, last-child...)
  • Connaître les peudo-classes de formulaires

Introduction aux nouveautés de CSS3 : fonctions, valeurs et unités

  • Effectuer la gestion de la transparence
  • Tenir compte de nouvelles unités
  • Utiliser la fonction calc() et de la propriété box-sizing
  • Appréhender la mise en forme tabulaire
  • Utiliser la mise en page multicolonnes
  • Flexbox : utiliser la boîte flexible de CSS
  • Se servir des grilles CSS

Personnaliser et étayer son contenu avec CSS 3

  • Utiliser les différentes couleurs et polices
  • Utiliser la propriété text-overflow
  • Administrer les coins arrondis
  • Générer des ombres portées
  • Mettre en place des dégradés linéaires et radiaux
  • Établir des bordures en image et border-radius
  • Employer des fonds multiples et background size

Le Responsive avec l'emploi de Media Queries

  • Appréhender la syntaxe Media Queries
  • Être capable de Forcer le viewport

Savoir animer et transformer le contenu

  • Effectuer des rotations et déformations
  • Effectuer des zooms et transitions