Formation Responsive Web Design

Développez des sites internet Responsive Web Design (RWD) adaptés à différents formats d'écrans.

14 heures | 2 jours
Débutant
Dernière mise à jour : janvier 2020
Formation Responsive Web Design
Objectifs
  • comprendre l'importance du responsive web design aujourd'hui.
  • Optimisation des sites en fonction du format (mobile, tablette, ordinateur)
  • développer et utiliser une grille responsive
Pré-requis
  • Intégrateur HTML
Programme
L'objectif de cette formation est de comprendre l'importance du Responsive Web Design et de développer un site. Il faut savoir créer une grille faite maison et ainsi pouvoir comprendre le fonctionnement des différents framework existants (Bootstrap, Foundation, Material UI ...).

1ère journée

Vue globale des habitudes utilisateurs sur l'utilisation d'un smartphone ou tablette pour montrer l'importance d'un site responsive.
  • Introduction au responsive web design (RWD).
  • Les bénéfices pour les visiteurs du site.
  • Gestion des anciens navigateurs Web.
  • Outils et sites utiles pour tester l'intégration de vos sites.
  • Optimisation et règles ergonomiques (meta viewport, taille de police, zone de clic ...)
Conception de notre code css "maison" sur les bases des templates existants avec des grilles (row et col) responsives.
  • Mise en place de notre premier site.
  • Création de notre page index.html avec meta viewport.
  • Création de la feuille de style de grilles en responsive (media queries) avec système de ligne (row) et de colonne (col).

2ème journée

Utilisation de notre feuille de style de grille et montage d'un site internet avec plusieurs gabarits.
  • Développement d'un site internet simple avec plusieurs gabarits de pages différents.
  • Développement d'un menu burger (actif sur site mobile et tablette).
  • Intégration de script Javascript / Jquery de type carousel.
  • l'importance des tailles de texte et différences entre les unités: px, em et rem.
  • Tableaux
  • Optimisation des images pour les différents formats avec changement des images en fonction des résolutions d'écran. 
Formateur
Formateur Mickael
Mickael dispose d'une solide expérience front-end et notamment en référencement et graphisme. Il travail en informatique depuis plus de 15 ans. Mickael intervient également en administration système Linux et et macOS.
Autres formations qui pourraient vous intéresser
Formation Atomic Design
Dernière mise à jour : février 2019
1690 € HT
Formation Progressive Web App (PWA)
Dernière mise à jour : juin 2020
1290 € HT
Formation au préprocesseur SASS avec le framework Compass
1290 € HT
Formation Wordpress, initiation à la création d'un site professionnel
1690 € HT