Fantom Tag

Formation - Responsive Web Design

Créer des interfaces adaptables à différents formats d'écrans

  • Présentiel ou classe à distance
  • Fondamental
Dans vos locaux ou à distance
Référence
CE959

Durée
2 jours (14 heures)

Forfait intra - En savoir plus
2 975,00€ HT
(Prix pour un groupe de 12 personnes max)
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
L'avènement des terminaux mobiles de type tablettes et smartphones a révolutionné le monde de la conception web puisque les sites aujourd'hui créés sont susceptibles d'être consultés sur un très large éventail d'écrans. Aussi assiste-t-on à l'émergence d'un nouveau concept : le Responsive Web Design ! Et force est de constater que plus aucun projet n'est lancé sans que ne se pose la question du choix de cette approche de conception ! Mais de quoi parle-t-on précisément ? Il s'agit d'un ensemble de méthodes et techniques (notamment les Media Queries dans le CSS3) permettant d'universaliser un site web, donc de l'adapter à 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.
Lire la suite
Pour qui ?
Programme

Le programme

1 - Tour d'horizon

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

2 - 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

3 - 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

4 - 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.)

5 - 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
Objectifs

Les objectifs de la formation

  • 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
Evaluation

Evaluation

  • Cette formation fait l'objet d'une évaluation formative.
Points forts

Les points forts de la formation

  • Une pédagogie riche : l'alternance de phases théoriques et de travaux pratiques favorise l'ancrage des acquis dans le temps ainsi que l'autonomie des participants à l'issue de la formation.
  • Les participants bénéficient de l'expertise et de l'expérience d'intervenants fréquemment impliqués dans la conception de sites Responsive Web Design.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.