Guide Complet pour l'Insertion d'Icônes dans les Pages HTML

Les icônes
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Créer une Web App
Revoir le teaser Je m'abonne
Transcription

59,90€ Je commande

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

DescriptionProgrammeAvis

59,90€ Je commande

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

Les objectifs de cette vidéo sont de :

  • Apprendre à insérer des icônes dans une page HTML pour différents appareils.
  • Comprendre les diverses tailles d'icônes et leurs utilisations respectives.
  • Savoir ajouter une favicon pour les navigateurs de bureau et mobiles.
  • Maîtriser l'intégration d'icônes pré-composées sans effets additionnels.

Découvrez comment insérer des icônes pour différents appareils comme iPhone, iPad, et navigateurs dans vos pages HTML pour une meilleure présentation.

Cette leçon explore différentes méthodes pour insérer des icônes dans des pages HTML. Nous introduisons d'abord les différentes tailles d'icônes nécessaires pour divers appareils tels que les iPhone, iPad, et navigateurs de bureau. En utilisant la balise link et l'attribut href, nous expliquons comment référencer correctement ces icônes. Nous détaillons également l'utilisation de l'attribut rel avec la valeur apple-touch-icon pour que les appareils reconnaissent les icônes appropriées. En outre, nous montrons comment ajouter une faveicon pour les navigateurs, notamment ceux sous Android. Enfin, nous apprenons à intégrer les icônes pré-composées pour éviter les effets de reflet ajoutés automatiquement par certains systèmes.

Voir plus
Questions réponses
Quelles tailles d'icônes sont recommandées pour les iPhone 3 et iPhone 4 ?
Pour les iPhone 3, une icône de 57x57 pixels est recommandée, tandis que pour les iPhone 4 avec écran Retina, une icône de 114x114 pixels est appropriée.
Pourquoi utilise-t-on des icônes 'pré-composées' ?
Les icônes 'pré-composées' sont utilisées pour éviter les effets de reflet ajoutés automatiquement par certains systèmes, comme ceux des iPhone et iPad.
Comment vérifier si les icônes sont correctement intégrées sur un iPad ?
Pour vérifier, ajoutez le site à l'écran d'accueil de l'iPad. Si l'icône apparaît correctement sur l'écran d'accueil, cela signifie qu'elle est bien intégrée.

Programme détaillé