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 ?


• Éditeurs 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