Accueil    Formations    Multimédia    Web et Mobile Design    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

  • 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

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 :

Modalité Présentiel, Classe à distance

Financements Actions-CO

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

Faites évoluer vos compétences

Complétez votre formation


4 jours
Perfectionnement / Avancé

Classe à distance

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

Contactez-nous