CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre le Responsive Design Optimisation d'Affichage Web pour Appareils Mobiles avec la Balise Méta Viewport

Optimisation d'Affichage Web pour Appareils Mobiles avec la Balise Méta Viewport

La balise méta pour les Smartphones et tablettes
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre le Responsive Design
Revoir le teaser Je m'abonne
Transcription

59,90€ 29,95€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

59,90€ 29,95€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Comprendre les spécificités des appareils mobiles et l'importance du Responsive Design. Apprendre à utiliser la balise méta viewport pour adapter l'affichage des pages HTML.

Découvrez comment utiliser la balise méta viewport pour créer des pages web adaptées aux appareils mobiles.

Dans cette leçon, nous aborderons les spécificités des appareils mobiles tels que les tablettes et smartphones et l'utilisation de la balise méta viewport. Vous apprendrez à adapter l'affichage de vos pages HTML aux différentes tailles d'écrans sans modifier le contenu de la page. Nous commencerons par observer une page HTML classique dans un navigateur de bureau et étudierons son rendu sur un simulateur iPhone et un iPad. Nous détaillerons l'impact des media queries sur les couleurs de fond en fonction de la taille de la fenêtre du navigateur. Ensuite, nous passerons à l'utilisation de la balise <meta name="viewport" /> avec divers attributs tels que width, initial-scale et user-scalable. Vous verrez comment ces attributs peuvent influencer l'affichage de votre page sur différents appareils.

Voir plus
Questions réponses
Quel est l'attribut principal de la balise méta pour rendre une page responsive ?
L'attribut principal est name="viewport".
Quelle est la valeur par défaut de l'attribut <em>width</em> pour un iPhone lorsqu'aucune balise viewport n'est spécifiée ?
La valeur par défaut de l'attribut width est de 980 pixels.
Que signifie l'attribut <em>user-scalable</em> dans la balise méta viewport ?
L'attribut user-scalable spécifie si l'utilisateur est autorisé ou non à zoomer sur la page.

Programme détaillé