Le matériel et les logiciels
- Ressources nécessaires
- Quel éditeur choisir ?
Norme actuelle et tendance du CSS
- CSS1, CSS2, CSS3
- Compatibilité dans les navigateurs
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 (Héritage)
- Les pseudo-éléments
Les propriétés CSS 2
- La gestion du texte, polices, couleur, taille, grassage ...
- Les arrière-plans
- Les blocs
- Les boites
- Les bordures
- Les listes
- Le positionnement
Appliquer un style CSS à un élément
- Avec une classe
- Avec une 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
Responsive Web Design (RWD)
- Adaptation aux périphériques
- Le viewport
- 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
- Les effets 2D
- Les effets 3D
- Les animations simples et multiples
Pré-requis
Une connaissance de base du langage HTML est nécessaire pour cette formation.
Public
Webmasters, graphistes, responsables communication, passionnés du web, autodidactes souhaitant maîtriser le langage CSS.
Objectifs
Maîtriser les fonctionnalités du CSS et CSS3 pour créer des designs innovants at adaptatifs
Moyens pédagogiques
Un PC par personne, un groupe de maximum 5 personnes.
Exposé théorique, suivi d'une mise en pratique.
Moyens pour suivre l’exécution de l’action et d’en apprécier les résultats
A la fin de la formation, le stagiaire évalue la qualité de la formation puis complète avec le formateur un tableau reprenant les différents points du programme en précisant, si c'est acquis, en cours d'acquisition ou non acquis.
Pour toute demande de financement auprès de votre OPCA ou Pôle Emploi vous aurez besoin du programme détaillé de formation.
