CSS3

Objectifs

Cette formation vous permet d'identifier les nouveautés du langage de style CSS3. Identifier les compatibilités entre CSS3 et les différents modèles de navigateurs.

Public

Intégrateurs, webdesigners, développeurs ou toute personne souhaitant découvrir CSS3.

Durée

21 heures en présentiel sur 3 jours

Pré-requis

Une connaissance du langage CSS 2.1 est indispensable pour suivre cette formation.

Formateur

Formateur expérimenté, développeur de site Web, et spécialiste du Web.

Méthode pédagogique

8 participants maximum, un poste par stagiaire et un support de cours est remis en fin de stage. La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices.

Modalité de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage.

Déroulé

Spécification CSS3

  • Les modules CSS3
  • Roadmap des spécifications

Compatibilité

  • Compatibilité des navigateurs
  • Principe de « retraite »
  • Bibliothèques pour améliorer la prise en compte

Sélecteurs

  • Nouveaux sélecteurs
  • Pseudo-classes de sélection
  • Pseudo-élément de sélection
  • Sélecteur d'attributs
  • Calculer le poid d'un sélecteur

Couleurs et effets

  • Couleurs & transparence
  • Dégradés
  • Bords arrondis
  • Ombre
  • Arrière-plans multiples
  • Masques
  • Filtres

Textes

  • Web Fonts
  • Débordement
  • Ombre
  • Ajustement des hauteurs de caractères
  • Texte multi colonnes

Transformation & animations

  • Transformations 2D et 3D : rotation, redimensionnement, déformation
  • Transitions sur les propriétés
  • Animations avec la règle @keyframes et le module animation

Les fonctions

  • calc
  • attr

Mise en pages

  • Disposition multi-colonnes
  • Disposition flexible