Formation Responsive Web Design

Formation Responsive Web Design

Vous souhaitez adapter votre site web aux différents types de terminaux sans avoir recours à plusieurs ressources ? Cette formation responsive design de 2 jours vous apporte les réponses pratiques aux problématiques de conception ergonomique et de gestion des contraintes liées au Responsive Web Design.


Réservé aux Professionnels 10 000 Participants 14 Ans d'expérience 47 formations 98% Clients satisfaits1


Le saviez-vous ?

Le temps passé sur le Web mobile a dépassé celui sur PC aux Etats-Unis !

Adaptez votre site pour le web mobile !

L’essor incroyable du web mobile et le nombre croissant de terminaux permettant de se connecter à Internet ont bouleversé les comportements des internautes.

Désormais, les internautes sont ultra connectés et réclament une accessibilité constante. Il devient donc crucial pour les entreprises, à la fois du secteur privé et public, de réfléchir à l’optimisation de leur site web pour qu’il s’adapte aux différentes résolutions d’écran (ordinateur, mobile, tablette, télévision connectée) afin d’offrir aux visiteurs l’expérience utilisateur la plus confortable et ergonomique possible.

Encore trop de sites ne possèdent qu’une navigation "classique", uniquement adaptée au desktop design, et passe ainsi à côté de leurs cibles.

Il s’agit donc d’un nouvel enjeu de taille pour les marques, qui doivent répondre aux nouvelles attentes des internautes mobiles, faisant naître une nouvelle approche dans la conception de sites web : le responsive design.

Mais qu’est-ce que le Responsive Web Design concrètement ? Quels en sont les avantages ? Comment concevoir un site responsive ? Autant de questions qui trouveront leurs réponses approfondies lors de la formation responsive web design dispensée par VISIPLUS academy !

Et pour cause, de plus en plus plébiscité, le responsive design permet de concevoir un site unique compatible quel que soit le support emprunté, évitant ainsi le développement de plusieurs versions d'un site web ou d'applications natives. Les avantages sont nombreux : un temps de maintenance réduit, un contenu unique, une URL unique, une seule expérience utilisateur, et enfin, des coûts de développement moins élevés.

Toutefois, le responsive design impose des contraintes techniques lourdes et implique de revoir en profondeur les rôles et expertises de l’équipe projet.

Cette formation responsive a pour objectif de vous donner les clés pour appréhender les enjeux du Responsive Web Design, en termes de techniques, de design, et de bonnes pratiques à mettre en œuvre.


Recevoir le programme complet Voir les dates

Objectifs de cette formation

  • Appréhender les enjeux du Responsive Web Design
  • Mettre en œuvre les techniques de conception de sites web responsive
  • Maîtriser les contraintes ergonomiques et graphiques liées au RWD
  • Optimiser les performances d’un site responsive

A qui s'adresse cette formation ?

  • Webmasters
  • Webdesigners
  • Chefs de projets web
  • Chefs de produits
  • Responsables communication
  • Responsables Web Marketing…
  • Infographistes
Recevoir le programme complet Voir les dates

Quelques thèmes abordés lors de la formation

  • Les chiffres clés du marché mobile
  • Rapprochement mobile-desktop : vers un seul développement ?
  • La notion de points de rupture
  • La notion de Mobile First
  • Les unités de mesure fluides (% et em)
  • L’approche contenu/contenant
  • Rendre les images flexibles : images de fond / adaptation HTML5
  • Gérer les règles conditionnelles (orientation, device-width…)
  • Modification dynamique des contenus
  • Avantages et inconvénients d’un framework RWD
  • Tester son site responsive sur tous les terminaux
  • Bande passante et bonnes pratiques
Recevoir le programme complet Voir les dates

Recevez un devis gratuit, les dates disponibles et le programme détaillé.

  • Appréhender les enjeux du Responsive Web Design
  • Mettre en œuvre les techniques de conception de sites web responsive
  • Maîtriser les contraintes ergonomiques et graphiques liées au RWD
  • Optimiser les performances d’un site responsive

1 Étude Ipsos : cumul satisfaits et très satisfaits.

Recevoir le programme

Protection des données et informations légales

A la suite de votre demande, vous ne recevrez pas de messages commerciaux de tiers, nous ne cédons et ne revendons pas vos adresses et informations personnelles. Vous disposez d'un droit d'accès, de modification, de rectification et de suppression des données vous concernant (art. 34 de la loi Informatique et Libertés du 6 Janvier 1978). Pour exercer ce droit, contactez nous par email à : ou par courrier à l'adresse : Visiplus - 1300 route des Crêtes, 06560 Sophia Antipolis.

Visiplus SAS se réserve le droit de refuser l'accès à ses services, unilatéralement et sans notification préalable, à tout utilisateur fournissant des données erronées, incomplètes et/ou exerçant une activité entrant dans le champ de compétences de la société Visiplus. Inscription gratuite d’une seule personne par société.


Prochaines Dates de formation Disponibilités mises à jour le : 18/01/2017

Dates Lieu Inscription
03 & 04 Avril 2017 Paris Pré-inscription Moins de 6 places disponibles
&

Paris

Places disponibles

Les participants à cette formation, ont également consulté les thématiques ci-dessous :



Ils ont déjà suivi nos formations Web Marketing & Communication Digitale10 000 professionnels

arte
banque-populaire
casino
chambre-commerce-industrie
cnp
conseil-general-alpes-maritimes
creative
direct8
edf
france5
hec-paris
la-depeche
merck
ministere-jeunesse-sports
ouest-france
pierre-fabre
plaza-athenee
region-paca
rochebobois
sap
temex
walt-disney

Plus de 45 formations pour s’approprier le Marketing Digital de A à Z

* Certification professionnelle «Chef de Projet Multimedia» de niveau II (FR) et de niveau 6 (EU) enregistrée au Répertoire National des Certifications Professionnelles (RNCP) par arrêté du 22 janvier 2013 paru au J.O. le 5 mars 2013 | Code NSF 320p, délivrée par l’Association Léonard de Vinci - Institut de l'Internet et du Multimédia (IIM)..
** Donnent lieu à un certificat qui ne constitue pas un diplôme d’établissement. Le certificat délivré n’est pas enregistré au RNCP ni recensé à l’inventaire de la CNCP.


Ce que nos clients disent de nous

Cliquez sur les cercles pour naviguer

On croit tout savoir sur Facebook. On croit que c'est facile et gratuit. Alors que pour optimiser son marketing, on a tout à apprendre et surtout tout à y gagner! C'est ce que la formation m'a permis de voir de manière pratique et concrète afin de pouvoir établir une véritable stratégie efficace et rentable. Janssens Carole, Responsable Communication - Decathlon Benelux S.A.
Visiplus est un centre de formation spécialisé de haute qualité sur le web en général. Ils sont très pointus et pour ma part j'ai trouvé ce que je cherchais. Patricia Bournet, Responsable Marketing - Citroen France
En qualité de directrice du grand livre du mois, le web est au cœur de notre stratégie marketing. La formation web marketing, très pragmatique et claire, permet d'avoir une vue d'ensemble des techniques actuelles et d'être ainsi à même de définir les priorités et techniques les plus adaptées aux problématiques métiers. Christelle Lecu, Directrice du Grand Livre du Mois
Je suis ravie par cette formation de 2 jours sur le référencement proposé par Visiplus.... Le formateur a su rendre les thématiques vivantes et ses explications étaient toujours claires et complètes. J'apprécie la flexibilité et la méthodolgie de votre formateur qui a pris le temps de répondre à toutes nos interrogations sans jamais perdre le fil conducteur de la formation. Aurelie Abdiche, Commerciale Export - Powervote
Voir tous les témoignages

Le programme de la formation Responsive Web DesignDemandez le catalogue complet

1. Panorama du web mobile
  • Les chiffres clés du marché mobile
  • Lexique : périphériques, OS, navigateurs
  • Les usages
  • L’approche contenu / contenant
  • Les standards actuels (HTML5, CSS3)
  • Les différents types de terminaux
  • Différence entre résolution et taille d’affichage
2. Définitions du Responsive Web Design
  • Définition du Responsive Web Design
  • Les impacts sur le web design classique
  • Interface Utilisateur (UI) et Expérience Utilisateur (UX)
  • Rapprochement mobile-desktop : vers un seul développement ?
  • Les contraintes ergonomiques et fonctionnelles
3. Les principes fondamentaux du Responsive Web Design
  • La notion de points de rupture
  • Définition
  • Où se situent les points de rupture ?
  • La notion de Mobile First
  • Définition
  • « Progressive enhancement »
  • Les méthodes de développement
  • Optimiser la performance de chargement
  • Requêtes et chargements surperflus
  • Bande passante et bonnes pratiques
4. Créer une grille d’affichage flexible
  • Grille fixe en pixels vs grille flexible en pourcentage
  • Les unités de mesure fluides (% et em)
  • La formule cible / contexte = résultat
  • L’approche contenu/contenant
  • Box, layout avec CSS3
5. Utiliser des médias flexibles
  • Rendre les images flexibles : images de fond / adaptation HTML5
  • Optimisation des médias
  • Créer des vidéos adaptatives
  • Avoir des menus adaptatifs
  • Avoir des tableaux et des formulaires flexibles
  • Comment régler le problème de reconnaissance par les anciens navigateurs (polyfill, reset, …)
6. Appliquer des Media Queries
  • Différence entre viewport et screen
  • Le principe des media queries
  • Gérer les règles conditionnelles (orientation, device-width…)
  • Javascript et les anciens navigateurs
  • Application aux navigateurs mobiles
  • Cibler la résolution rétina
7. Javascript pour le Responsive Web Design
  • Tester les media queries
  • Tester le viewport
  • Tester le navigateur
  • Modification dynamique des contenus
  • Redirection par Javascript
8. Les frameworks Responsive Web Design
  • Avantages et inconvénients d’un framework RWD
  • Etat des lieux des frameworks existants : Bootstrap, Foundation, 960 grid…
  • Zoom sur Bootstrap
9. Tester son site responsive
  • Tester son site responsive sur tous les terminaux
  • Les émulateurs
  • Les solutions en ligne
  • Exemple d’un site responsive testé en temps réel


Newsletter

Retrouvez en avant-première l’essentiel de l’actualité du Web Marketing & de la Communication Digitale directement dans votre boîte mail !

Les experts de VISIPLUS academy décortiquent chaque mois l'actualité, les dernières innovations et les tendances
de demain du Web Marketing !

S'inscrire