Balises meta et link pour une image de préchargement
Objectifs
Les objectifs de cette vidéo sont d'apprendre à insérer une image de préchargement sur un site web, comprendre l'utilisation des balises meta et link, et mettre en pratique ces compétences pour améliorer l’expérience utilisateur.
Résumé
Apprenez à créer une image de préchargement pour votre site web avec une image PNG. Cette leçon couvre l'utilisation des balises meta et link nécessaires.
Description
Dans cette leçon, nous allons apprendre à créer une image de préchargement pour un site web. Nous commencerons par préparer une image PNG nommée splash.png de taille 320x460 pixels, qui sera placée dans le dossier des images du site. Cette image apparaîtra pendant le chargement de la première page (index) du site.
Pour que cette fonctionnalité fonctionne correctement, il est essentiel que l'utilisateur ait placé l'icône du site sur son bureau. Ensuite, nous utiliserons une balise link avec l'attribut rel et la valeur apple-touch-startup-image, ainsi que l'attribut href pointant vers notre image splash.png.
Nous ajouterons aussi une balise meta avec l'attribut name définissant apple-mobile-web-app-capable et la valeur yes. Cela indique au navigateur que cette icône doit se comporter comme une application mobile, ce qui permet d'afficher l'image de préchargement pendant le chargement de la page index.
Questions - réponses
Programme détaillé
Module 1 - Introduction
Module 2 - Généralités sur le marché des mobiles
Module 3 - Rappel HTML
Module 4 - Rappel CSS
Module 5 - Notions de HTML5 et CSS3
Module 6 - Concevoir une webApp
Module 7 - Les simulateurs
Module 8 - Construire sa première WebApp
Module 9 - Vérifier et compresser
Module 10 - Construire une webApp avec JQuery Mobile
Module 11 - Annexe 1 | Notions de bande passante
Module 12 - Annexe 2 | Les usages
Module 13 - Annexe 3 | Les librairies disponibles
Module 14 - Conclusion
