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

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Choisissez la modalité souhaitée pour vous inscrire :

Votre société a besoin d'une offre personnalisée ? Contactez-nous

Testez vos connaissances

Nos quizz vous guident dans le choix de formation.
Évaluez votre niveau de pré-requis pour découvrir la formation faite pour vous.

Accédez au test de connaissance

Faites évoluer vos compétences

Complétez votre formation


4 jours
Perfectionnement / Avancé

Présentiel Classe à distance

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous