Formation Technologies de l'information : CSS : réaliser des pages Adaptative (Responsive)
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.
Le programme de la formation
- 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
À qui s'adresse cette formation ?
Public cible
Intégrateurs, concepteurs et développeurs Web.
Prérequis
Connaissance du langage HTML (cours WE106) et des feuilles de style (cours WE137). Familiarité avec les grilles CSS souhaitable.
Les objectifs de la formation
Ê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).