Web App pour les designers
9 4,6/5
2 jours
Expertise
Classe à distance
AC
Accueil › Formations › Multimédia › Créer ou refondre un site Web : améliorez vos performances digitales › Intégration Web et mobile / Développeur Front End › CSS 3 avancé et Responsive Design
Objectifs pédagogiques
- Concevoir des layouts de page en CSS
- Structurer efficacement vos CSS
- Maîtriser le Responsive Design
- Utiliser les nouveautés CSS 3.
Niveau requis
Avoir des connaissances de base HTML / CSS. Avoir suivi le cours HTM-FND "HTML 5 et CSS 3 - Création de pages Web" ou posséder les connaissances équivalentes.
Public concerné
Développeurs, concepteurs Web, webmasters.
Programme
Rappel sur les CSS
- Sélecteurs
- Simples
- Composés
- Propriétés des boîtes
- Box-sizing
- Position...
- Unités
- Absolue
- Relatives
Les écrans
- Taille
- Résolution
- Valeur du pixel
- CSS pixel / Device pixel
- Pixel ratio : hdpi, xhdpi, xxhdpi...
- HiDPI (High Dots Per Inch)
HTML
- Structure de la page
- Gestion du viewport
Les modes de positionnement
- Flottement
- Position absolue
- Boîtes flexibles
- Grille
Responsive Design
- Adaptation
- Des contenus
- Du positionnement
- De la navigation
- La stratégie du Mobile First
Les Media Queries
- Types de médias
- Breakpoints
- Syntaxe des requêtes
Cas particuliers
- Textes
- Images
- Images HiDPI
- Balises
et - Test sous Firefox
