CSS3

Objectifs

Maîtriser les fonctionnalités du CSS et CSS3 pour créer des designs innovants at adaptatifs

Programme de la formation

Le matériel et les logiciels

• Ressources nécessaires


• Quel éditeur choisir ?

Mise en forme à l'aide de CSS

• Principes des styles


• Créer des règles de style


• Comment structurer le CSS ?

Ou placer votre code CSS ?

• Dans une feuille de style externe


• Dans un document


• Dans un style intégré


• Avantages et inconvénients des différentes méthodes

La syntaxe

• Les sélecteurs de style


• Les balises


• Les classes


• Les identificateurs


• Les sélecteurs d'éléments imbriqués


• Les pseudo-éléments

Les propriétés CSS 2

• La gestion du texte, polices, couleur, taille, mise en évidence...


• Les arrières-plans


• Les blocs


• Les boites


• Les bordures


• Les listes


• Le positionnement

Appliquer un style CSS à un élément

• Avec une classe


• Avec un id


• Avec la balise span


• Avec la balise style


• Avantages et inconvénients

Eléments flottants

• La propriété float


• Eléments flottants


• Les colonnes en CSS

RWD : Responsive Web Design

• Adaptation aux périphériques


• Les media Queries


• Les frameworks : Bootstrap, foundation, Materialize

Les nouveaux sélecteurs CSS3

• Cibler des balises au sein du même parent


• Cibler les balises en fonction de leurs attributs


• Les nouvelles pseudo classes

Les bordures des blocs

• Création et réglage des coins arrondis


• Utilisation d'images


• Les ombres et effets d'ombres

Le fond des blocs

• Spécifier la taille


• Définir son positionnement


• Sélection de plusieurs fonds

Le texte

• Ombres et effets d'ombres


• Coupures et mises à la ligne


• Justifier et aligner le texte


• Utilisation de polices personnalisées

Transformations, transitions et animations

• Animations / transitions


• Durée des animations


• Fonctions de transition


• Keyframes


• Effets 2D / 3D

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique