Créez des WebDesign qui s'adaptent aux smartphones et tablettes

Ce que vous saurez faire après la formation

  • Comprendre ce qu’est le Responsive Design et à quoi ça sert
  • Adapter un design, via le langage CSS d’un design existant, à l’ensemble des périphériques mobiles (tablettes, smartphones)
  • Optimiser les performances et les temps d’affichage de vos pages

 

Voir le programme

Demander un devis

02 52 56 99 89

Ou en remplissant ce formulaire. Nous vous répondrons sous 48h.

  • Ce champ n’est utilisé qu’à des fins de validation et devrait rester inchangé.

Modalités pratiques

Durée :
2 jours

Niveau :
Tous niveaux

Vous ne pouvez pas vous libérer une journée entière ? Effectuez cette formation à distance

Dates et tarifs

Tarif inter :
490€ HT/jour

Tarif par jour. La formation se déroule en groupe de 2 à 5 personnes.

Tarif intra :

Tarif par jour. Le contenu et les modalités de la formation sont définies avec vous, afin de vous proposer une solution sur mesure.

Tarif AFDAS :

Le contenu et les modalités de la formation sont définies avec vous, afin de vous proposer une solution sur mesure.

Contactez-nous pour planifier une session selon vos disponibilités :) !


Résumé

Aujourd’hui les internautes consultent internet autant depuis leurs appareils mobiles que sur un ordinateur, il est donc essentiel que votre site soit responsive ! Ce n’est plus une option.


Programme détaillé

1er jour

Présentation des principes du webdesign adapté

  • Application vs site pour mobile vs site adaptatif : bien choisir
  • Différence de conception entre un design figé, un design adapté et un design liquide

Bases du responsive sur une maquette liquide :

  • Principe de calcul des proportions pour les tailles des polices, les largeurs des différents blocs
  • Remarques sur les problématiques (césure des textes, taille des images, grilles inadaptées…)

Les medias queries :

  • en fonction des tailles d’écrans
  • en fonction des positions des écrans (paysage et portrait – surtout sur smartphone)

Tous les points seront ponctués d’exercices pour des applications concrètes

2ème jour

Réalisation d’un site responsive à partir d’un site existant n’en proposant pas :

  • Repérage des différents blocs de contenus
  • Choix des priorités en fonction des supports (hiérarchie des contenus, ergonomie, blocs cachés…)
  • mise en ligne des réalisations et test sur différents supports (smartphone, tablette, écran, en portrait et paysage)
  • Résolution des différents problèmes rencontrés

Conclusion : vers des maquettes incluant en amont les différents affichages du site

  • Ce champ n’est utilisé qu’à des fins de validation et devrait rester inchangé.

Demander un devis


Besoin d'une formation sur-mesure, de conseil ?

Nous sommes disponibles pour vous aider à concevoir la formation qui répondra à vos besoins

Contactez-nous

top