Responsive Web Design

REF ESMA167 | 2 JOURS |  FORMATION 100% PRATIQUE

 

Préparez votre projet de formation.
LA FORMATION Responsive Web Design VOUS PERMETTRA :
  • Connaitre les spécificités du Responsive web design
  • Maîtriser les techniques d’adaptation des contenus à différentes résolutions
  • Être en mesure d’optimiser les performances d’affichage
  • Connaître les bonnes pratiques en terme de conception Responsive Web Design
Le Responsive Web Design est un ensemble de méthodes et techniques permettant d’adapter un site web  à tous les types de terminaux. Ainsi, qu’il soit consulté sur ordinateur, tablette ou mobile, le site ainsi conçu s’adaptera automatiquement à la taille de l’écran. Cette formation permettra aux participants de maitriser toutes les techniques permettant de créer des sites responsive design.

 

CONTENU DE LA FORMATIONCOMPRIS DANS LA FORMATIONTARIFS & DATESSE RENSEIGNER
Prérequis
Afin de profiter pleinement de la formation, il est souhaitable de posséder de bonnes connaissances de la création de sites Web.
Public
La formation est destinée aux développeurs et intégrateurs HTML.

Programme de la formation Responsive Web Design

 

TOUR D’HORIZON

  • Le monde de la mobilité
  • Les usages en mobilité
  • Qu’est-ce que le responsive design
  • Les standards du web

UNE PROCÉDURE À SUIVRE

  • Une conception Mobile First
  • Problématiques d’affichage
  • Prendre en compte l’orientation et le tactile
  • Les outils de conception
  • Les plans et outils de tests

MEDIA QUERIES

  • Comment adapter le CSS fonction du terminal
  • Les opérateurs logiques CSS
  • Les critères à utiliser pour mobiles (width, device-width, orientation, etc.)
  • La compatibilité navigateurs des media queries
  • Risques et limites des media queries

GRILLES FLEXIBLES ET/OU FLUIDES

  • Quelles différences avec un positionnement classique
  • Les blocs
  • Les problèmes de débordements de contenus ou de médias
  • Les points de rupture
  • Gérer les écrans Retina
  • Présentation des Framework de grilles responsives (Boostrap, Foundation, etc.)

OPTIMISATION ET PERFORMANCE

  • Outils de mesure
  • Rapidité, importance majeure pour Google
  • Optimisation des CSS, des fichiers JavaScript
  • La minification (minify.js)
  • Les images
  • Les sprites CSS
  • Côté serveur, bonnes pratiques
  • SUIVI POST-FORMATION 1 AN
  • SUPPORTS DE FORMATION
  • GUIDE DE BONNES RPATIQUES
INTER-ENTREPRISES : € HT par stagiaire
PARIS
    • 8 mars 2018 - 9 mars 2018 @ 

    • 28 juin 2018 - 29 juin 2018 @ 

    • 18 octobre 2018 - 19 octobre 2018 @ 

INTRAS ET SUR MESURE
Nos consultants vous accompagnent pour adapter ce programme de formation à votre contexte.

RESERVER OU SE RENSEIGNER SUR LA FORMATION

Utilisez ce formulaire pour décrire votre projet de formation.


1

Accessibilité