Cette formation vous aide à monter des pages web responsives qui sauront s’adapter à toutes les plateformes (cellulaire, tablette, desktop, laptop) utilisées par les internautes. Privilégier un site adaptatif permet de répondre à tous les usagers. Le responsive design utilise des grilles flexibles et des requêtes média pour assurer un design aussi portable et accessible que possible.
Objectif
Être en mesure de construire une feuille de style appliquée à un contenu (et balisage) unique et qui permettra un rendu qui s’adapte aux différents types de plateformes (mobile, tablette, ordinateur de bureau).
Est-ce pour vous ?
Intégrateurs, concepteurs et développeurs Web.
Préalables
Connaissance du langage HTML (cours WE106) et des feuilles de style (cours WE137). Familiarité avec les grilles CSS souhaitable.
Vos gains
Contenu
- Techniques pour créer une grille flexible qui garde les proportions
- Insertion d’images et de médias flexibles
- Nouvelles unités de mesure CSS (vw, vh, vmin, vmax et rem)
- Requêtes médias pour ajuster les règles en fonction des caractéristiques de l’appareil
- Identification des points de rupture de résolution (resolution breakpoints)
- Insertion de scripts pour pallier les vieux navigateurs qui ne supportent pas les requêtes médias
- Application du principe de l’amélioration progressive
- Application des principes du Responsive Web Design pour les infolettres
- Exercice synthèse
💡 Informations utiles
Nos formations sont offertes à Montréal ou Québec en présentiel ou en format virtuel. Les dates et lieux sont précisés lors de votre choix de session ci-dessous. Si vous avez des questions concernant l'inscription, les horaires, la langue d’enseignement ou les modalités d’annulation, consultez notre FAQ .
Intervenants
Formation en entreprise
Vous avez plusieurs employés intéressés par une même formation? Que ce soit en présentiel dans vos bureaux ou à distance en mode virtuel, nous offrons des formations privées adaptées aux besoins de votre équipe. Des tarifs de groupes sont disponibles. Contactez-nous pour plus de détails ou demandez une soumission en ligne.
Demander une soumission