CSS3

Objectifs

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

Programme de la formation

- 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

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique