Formation CSS3

Objectifs

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

Compétences visées

- Décrire et utiliser les outils de développement pour tester et déboguer le CSS
- Appliquer les règles de base de CSS pour styliser les éléments et lier les feuilles de style aux documents HTML
- Sélectionner et cibler des éléments avec des sélecteurs CSS3 en fonction de leur hiérarchie, attributs et états
- Formater les contenus Web en ajustant les attributs de texte, arrière-plan, alignement, et espacement
- Créer des mises en page en utilisant le modèle de boîtes Flexbox et la grille CSS3
- Définir et appliquer des animations CSS3
- Configurer des mises en page adaptatives en utilisant des sélecteurs CSS3 et tester les rendus sur divers appareils

Public

Toute personne souhaitant mettre en forme des pages Web

Pré-requis

Pour suivre ce stage dans de bonnes conditions, il est recommandé d'avoir suivi en amont la formation HTML5 ou d'avoir atteint par la pratique un niveau équivalent

Méthode pédagogique

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

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

Modalités d'évaluation

Un formulaire d'auto-évaluation proposé en amont de la formation nous permettra d'évaluer votre niveau et de recueillir vos attentes. Ce même formulaire soumis en aval de la formation fournira une appréciation de votre progression.
Des exercices pratiques seront proposés à la fin de chaque séquence pédagogique pour l'évaluation des acquis.
En fin de formation, vous serez amené(e) à renseigner un questionnaire d'évaluation à chaud.
Une attestation de formation vous sera adressée à l'issue de la session.
Trois mois après votre formation, vous recevrez par email un formulaire d'évaluation à froid sur l'utilisation des acquis de la formation.

Pour aller plus loin

Nous vous recommandons les formations PHP Initiation et Javascript

Solutions de financement

Cette formation peut être financée :

dans le cadre du plan de développement des compétences de votre Entreprise
par l’OPCO (opérateur de compétences) de votre Entreprise ou le FAF (Fonds d’Assurance Formation) pour les professionnels libéraux
par France Travail dans le cadre du dispositif de l'Aide Individuelle à la Formation (soumis à accord de votre Agence)
à titre personnel

Accessibilité

Vous souhaitez suivre notre formation CSS3 et êtes en situation de handicap ? Merci de nous contacter afin que nous puissions envisager les adaptations nécessaires et vous garantir de bonnes conditions d'apprentissage