Comment formater une page pour iPhone

Plusieurs éléments doivent être pris en compte lors de la conception d'une page Web mobile pour l'Apple iPhone. Lors de la création d'un design de page simple, assurez-vous de suivre les normes du Web mobile et de rationaliser votre contenu. De plus, tous les éléments que vous incluez sur la page Web ne doivent pas totaliser plus de 10 à 25 Ko afin que les visiteurs avec des appareils à faible bande passante n'aient pas à attendre le chargement de votre site Web sur leurs navigateurs Web.

Instructions

1. Utilisez les langages de programmation HTML et XHTML lors de la création de pages Web mobiles pour l'Apple iPhone. Gardez à l'esprit que des fonctionnalités spéciales comme les cookies, les frames, Flash et JavaScript peuvent être difficiles à afficher pour le navigateur mobile Safari de l'iPhone sur votre page Web.
2. Utilisez la version bureau du navigateur Web Safari pour prévisualiser le contenu des pages Web que vous créez pour l'iPhone. Si votre page Web se charge et s'affiche correctement sur Safari, elle aura fière allure sur le navigateur mobile Safari normalement installé sur l'iPhone. Assurez-vous que vos informations critiques, comme le titre et le contenu, sont placées près du haut de la page Web, puis placez vos liens de navigation hypertextes sous vos informations critiques.
3. Évitez d'utiliser des tableaux et des tableaux imbriqués dans les pages Web. Votre contenu doit s'adapter aux dimensions de l'écran d'affichage de l'iPhone. Utilisez une seule longue colonne de texte pour que vos visiteurs n'aient pas à utiliser la fonction de zoom du téléphone pour voir les informations. Créez plusieurs pages Web contenant de petites quantités d'informations, car elles sont plus faciles à lire lorsque vous fournissez beaucoup d'informations sur un sujet particulier sur votre site Web.
4. Évitez d'utiliser de grandes images car elles occupent beaucoup d'espace sur une page Web. L'optimisation d'images plus petites les aide à se charger plus rapidement sur le navigateur mobile Safari de l'iPhone. Ne spécifiez pas ou ne définissez pas les dimensions des objets en tailles, comme les pixels, millimètres et pouces. Par exemple, lorsque vous définissez des objets à 100 pixels de large sur une page Web pour l'Apple iPhone, elle peut afficher deux fois la largeur sur un autre appareil mobile.
5. Placez des URL plus courtes sur vos pages Web mobiles. Utilisez des hyperliens contenant trois à cinq mots, car ils sont plus faciles à toucher ou cliquer sur l'Apple iPhone. Évitez de placer plusieurs hyperliens d'un mot côte à côte qui dirigent les visiteurs vers différentes pages Web. Vos visiteurs pourraient avoir du mal à appuyer sur le bon hyperlien sans avoir à utiliser la fonction de zoom du téléphone.