Formation CSS 3 avancé et Responsive Design – Centre de formation M2i
M2i Formation

Découvrez notre formationCSS 3 avancé et Responsive Design

Présentiel

2 jours (14 heures) - CSS-AV

(25)
Accueil  ›  Formations Multimédia  ›  Web et Mobile Design  ›  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.

Formation éligible au financement suivant :
ACAfdas

Aix-en-Provence02/04/20201 020 € HTDates proposées dans les agences M2iRéserver
Montpellier02/04/20201 020 € HTDates proposées dans les agences M2iRéserver
Sophia Antipolis02/04/20201 020 € HTDates proposées dans les agences M2iRéserver
Aix-en-Provence27/07/20201 020 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

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

Testez vos connaissances

Objectif : Ce test a pour objectif de tester vos connaissances sur les fonctionnalités de base HTML et CSS.

Faites évoluer vos compétences

Complétez votre formation