Responsive Design

Création de Sites Web

Objectif

Maîtriser les outils qui créent des interfaces Web adaptables : savoir rendre la structure et les contenus flexibles, et optimiser les performances d’affichage des pages sur mobiles et ordinateurs

Durée

2 jours

Lieu et Dates

Sur demande

Publics

Salarié, Dirigeant, Indépendant, Demandeur d’emploi

Prérequis

Connaissance de Windows ou Mac OSX

Contenu

Etat des lieux

  • La multiplication des terminaux
  • Quelques chiffres sur le marché mobile aujourd’hui
  • Les problèmes pour le développement mobile

Introduction au responsive design

  • Responsive design : définition
  • Technologies utiles
  • Evolution des techniques
  • Mobile first
  • Graceful degradation
  • Etapes pour réaliser un site flexible

Rendre la structure flexible

  • Concevoir son site
  • Bonnes pratiques pour la maquette
  • L’utilisation d’une grille CSS
  • Intégrer la maquette en tirant parti d’HTML5
  • Structure flexible : bien gérer les largeurs
  • Compatibilité du site

Réorganiser le site avec les Mediaqueries

  • Viewport
  • Mediaqueries
  • Points de bascule types
  • Résolutions
  • Fonctionnalités
  • Compatibilité des Mediaqueries

Rendre les contenus flexibles

  • Images fluides
  • Vidéos fluides
  • Menus fluides
  • Polices fluides
  • Formulaires fluides
  • Tableaux fluides

Outils utiles, et optimisation du site

  • Autres stratégies
  • Présentation de iui
  • Détecter un mobile
  • Frameworks CSS
  • Détecter les ressources avec Modernizr
  • Vérifier le temps de chargement
  • Sources de veille technologique
Formations liées

Nous contacter

09 54 10 25 92

   Responsable Pédagogique :
   Nicolas LORAS

En groupe de 3 à 5 personnes maximum, ou individuel.

Plan de formation ou financement CPF (Compte Personnel de Formation).

Formation continue, en inter ou en intra.

La formation inclut :

  • évaluation et diagnostic du niveau, des attentes des participants
  • pauses-café boissons offerts
  • évaluation de fin de session
  • support de cours sur mesure
  • certification ICDL-PCIE sur demande
  • certificat de stage