Formation Intégration Web et mobile / Développeur Front End CSS 3 avancé et Responsive Design

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Objectifs pédagogiques / Compétences visées

• Concevoir des layouts de page en CSS
• Structurer efficacement vos CSS
• Définir 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

Modalités d’évaluation des acquis

• En cours de formation, par des productions
• Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)

Partager cette formation Télécharger au format pdf Ajouter à mes favoris