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.
Rédiger un avis public