Objectifs pédagogiques
- Concevoir des layouts de page en CSS
- Connaître les grandes tendances du Web
- Structurer efficacement vos CSS
- Maîtriser le Responsive Design
- Réduire vos CSS avec Less
- Utiliser les nouveautés CSS 3
Niveau requis
Connaissance de base HTML / CSS ou avoir suivi le cours HTM-FND "HTML 5 et CSS 3 - Création
de pages Web"
Public concerné
Développeurs, concepteurs Web, Webmasters
Tarif
- Informations et tarifs (pouvant varier en fonction de pré requis du stagiaire)
Programme
-
Positionnement en CSS
Règles CSS fondamentales
Fondements du positionnement des blocs -
Conception CSS
Les modes du Web
Principaux modèles
Structure d'un modèle de page
Les frameworks à la bootstrap -
Less is more
Préprocesseurs CSS
Comparaison Less et Sass
Typologie d'usage
Modes de fonctionnement
Variables et mixins
Opérateurs et fonctions -
Nouveautés CSS 3
Coins, bordures et arrondis
Gestion des fontes
Transformations et transitions -
Responsive Design
Adaptation des contenus
Adaptation du positionnement
Adaptation de la navigation
Media Queries
Les règles du Mobile First
Frameworks responsive : Bootstrap, foundation
Limite des CSS pour le Responsive Design