Objectifs
Cette formation CSS/CSS3 – Maitriser la présentation et la mise en page web vous permettra de :
- Maîtriser la mise en page et la mise en forme avec les feuilles de style
- Connaître les nouveautés CSS3
>
Programme
INTRODUCTION AUX FEUILLES DE STYLES
- XHTML/HTML5 et CSS
- Principes des feuilles de styles
SYNTAXE DES CSS
- Balises, attributs, propriétés de CSS
- Sélecteurs, classes, identificateurs
- Pseudo-classes et pseudo-éléments
CREATION D'UN DESIGN
- Écrire une CSS
- Cascade et héritage
- Structuration d'une feuille de styles
- Eléments d'une page
MISE EN PAGE PAR POSITIONNEMENT CSS
- Blocs, modèle des boîtes, marges, bordures, espacements et contenus, modèle de mise en forme visuel
- Flexible Box Layout, Grid Layout
BOX MODEL CSS3
- Image de fond CSS3
- Images de fond multiples
- Découpage du fond
- Origine du fond
- Image de bordure
- Coins arrondis
- Ombre portée
TYPOGRAPHIE
- Bien utiliser les polices
- Unités de valeurs, tailles fixes et relatives
- Propriétés de texte
- Insertion de polices Google avec @import
AUTRES ELEMENTS
- Images, couleurs, arrière-plans, listes, liens et formulaires
NAVIGATION
- Concevoir les éléments de navigation
- Menus en CSS
TRANSFORMATIONS
- Transformations 2D
- Rotation, translation, transformation oblique
- Origine de transformation
- Transformations 3D
TRANSITIONS ET ANIMATIONS
- Transitions des propriétés
- Fonctions de transition²
- Durée de transition
- Animations
CONFORMITE AUX NORMES ET ACCESSIBILITE
- Compatibilité avec les navigateurs
- Médias (imprimante...)
INITIATION AU RESPONSIVE WEB DESING
- Médias queries, CSS boilerplate
- Incidences sur le référencement
- Site d’une page en parallax