Responsive Web Design : cas Bootstrap
L’avènement des terminaux mobiles de type tablettes et smartphones a révolutionné le monde de la conception web puisque les sites aujourd’hui créés sont susceptibles d’être consultés sur un très large éventail d’écrans.
Prérequis
Ce que tu apprendras (Objectifs)
Contenu du cours
Le monde de la mobilité Les usages en mobilité Qu’est-ce que le responsive design Les standards du web
Une conception Mobile First Problématiques d’affichage Prendre en compte l’orientation et le tactile Les outils de conception Les plans et outils de tests
Comment adapter le CSS fonction du terminal Les opérateurs logiques CSS Les critères à utiliser pour mobiles (width, device-width, orientation, etc.) La compatibilité navigateurs des media queries Risques et limites des media queries
Quelles différences avec un positionnement classique Les blocs Les problèmes de débordements de contenus ou de médias Les points de rupture Gérer les écrans Retina Présentation des Framework de grilles responsives (Boostrap, Foundation, etc.)
Outils de mesure Rapidité, importance majeure pour Google Optimisation des CSS, des fichiers JavaScript La minification (minify.js) Les images Les sprites CSS Côté serveur, bonnes pratiques
Description
L’avènement des terminaux mobiles de type tablettes et smartphones a révolutionné le monde de la conception web puisque les sites aujourd’hui créés sont susceptibles d’être consultés sur un très large éventail d’écrans.
Aussi assiste-t-on à l’émergence d’un nouveau concept : le Responsive Web Design ! Et force est de constater que plus aucun projet n’est lancé sans que ne se pose la question du choix de cette approche de conception ! Mais de quoi parle-t-on précisément ? Il s’agit d’un ensemble de méthodes et techniques (notamment les Media Queries dans le CSS3) permettant d’universaliser un site web, donc de l’adapter à tous les types de terminaux. Ainsi, qu’il soit consulté sur ordinateur, tablette ou mobile, le site ainsi conçu s’adaptera automatiquement à la taille de l’écran. Cette formation permettra aux participants de maitriser toutes les techniques permettant de créer des sites responsive design.
Programation(s)
| Date | Lieu | Prix | |
|---|---|---|---|
| 11/11/2021 | ABIDJAN | 250 000,00 FCFA | S'inscrire |
Formateur
Htic-Networks 17 Formation(s)
Informatique, Développement, Formation, BTPEntreprise de Formation, Conseils et de Conception de solutions informatiques permettant ainsi aux professionnels dans tous les secteurs d'activités de : Maîtriser, Faciliter, Relever, Redynamiser, Conseiller et Menez des projets relevants du domaine des Nouvelles Technologies à terme.