Formation Responsive Web Design

Apprenez à maitriser le concept et la méthode Responsive Web Design (Web Design Adaptif) et préparez vos sites pour qu'ils soient véritablement multiplateforme : iphone, ipad, android, smartphone, tablette, tv etc.
Avec le responsive web design répondez à toutes les problématiques de format écran en html et css uniquement.

Durée 3 jours soit 21.00 heures de formations de 9h30 à 18h00.

Qualité 8 stagiaires par session maximum. 1 poste Mac ou Windows par stagiaire. Support de cours accessible en ligne.

Public Graphistes ou webmasters ayant en charge l'intégration et la mise en page des sites web.

Objectifs

Cette formation permet de comprendre et mettre en œuvre les principes du Responsive Web Design pour l’adaptation visuelle des sites Web à la diversité des terminaux d’affichage actuels, notamment mobiles. Utiliser conjointement CSS et JavaScript pour le responsive web design.

Pré-requis Expérience de développement en XHTML / CSS (mise en page sans tableaux)

Formation Responsive Web Design

1 - Évolutions

  • Evolutions des normes et multiplications des terminaux
  • Les résolutions Web, mobile, tablette et TV
  • Séparation contenant contenu
  • Adaptation du contenant
  • Mode paysage et portrait

2 - Méthodologie

  • La philosophie
  • Les bonnes pratiques du responsive web design

3 - Page adaptable & web application

  • Site optimisé selon le média : mise en page, typographie, images et javascript
  • Application web
  • Application web mobile

4 - Méthode & Framework

  • Préparer son site pour les terminaux
  • Penser ergonomie et lisibilité
  • Frameworks et librairies

5 - Adaptabilité du contenant

  • Gracefull degradation
  • Responsive Design
  • Détection des résolutions : Mediaqueries
  • Detection des fonctionnalités
  • Penser au futur
  • Penser utilisateur, et tester

6 - Adaptabilité du contenu 

  • Faire vite
  • Mobile first
  • Un contenu unique mais adaptif
  • Un oeil ne voit pas en 300 dpi
  • Penser utilisation, et tester

7 - Mais aussi...

  • Tour d'horizons des techniques en devenir
  • Sources de veille technologique
  • Organiser sa R&D
/srv/datadisk01/home/formation/site3