Formation CSS3    Eligible au CPF


Objectifs

Maîtriser le langage CSS3 pour présenter les contenus Web de façon optimisée et adaptative.

Pré-requis

Pour suivre ce stage dans de bonnes conditions, il est recommandé d'avoir suivi en amont la formation HTML5

Méthode

Pédagogie active mêlant exposés, exercices et applications pratiques

Certification

A l'issue de votre formation HTML 5, vous pourrez passer la certification ENI Développement de sites web avec le langage de balises HTML et des feuilles de style CSS. Formation et certification sont éligibles au Compte Personnel de Formation (CPF) pour les salariés comme les demandeurs d'emploi.

Pour aller plus loin

Nous vous recommandons les formations PHP Initiation et Javascript

Programme

- Rappels : les documents Web et les langages associés
  • Historique des langages et technologies du Web
  • Quel langage pour quel effet ?
  • Editeurs dédiés et outils en ligne de tests
  • Outils de débogage des navigateurs Web
  • Documentations en ligne

- Concepts de base de CSS
  • Présentation de CSS
  • Anatomie des règles CSS
  • Valeurs, types et unités en CSS
  • Attributs raccourcis
  • Liaison entre document HTML et feuilles de styles CSS

- Sélecteurs CSS3
  • Les sélecteurs simples
  • Concepts du DOM
  • Les sélecteurs hiérarchiques
  • Les sélecteurs liés aux attributs
  • Les sélecteurs de position
  • Les sélecteurs d’état
  • Héritage et ordre d’application des règles CSS

- Mise en forme de contenus
  • Attributs de texte et police
  • Attributs d’arrière-plan
  • Puces, numéros
  • Attributs d’alignement et d’espacement

- Mise en page de documents
  • Le modèle de boîtes de CSS
  • Marges, bordures, dimensions
  • La mise en page historique (positionnements naturels et habillages)
  • Le flexbox
  • La grille de CSS3
  • Le positionnement absolu et l’empilement des éléments

- Animations
  • Principes d’animation en CSS3
  • Définition de scénarii d’animation
  • Application d’un scénario d’animation à des éléments
  • Avantages et inconvénients des animations purement CSS

- Mise en page adaptative CSS
  • Principes de mise en page adaptative
  • Les sélecteurs CSS3 utiles au design adaptatif
  • Tester un document sur d’autres affichages que le navigateur Web