Comment concevoir une page Web mobile-Adapté

L'un des principaux maux de tête pour les concepteurs de sites Web est comment concevoir un site qui est adapté pour les appareils mobiles. Puisque tous les périphériques ont différentes tailles d'écran et les différents niveaux de la technologie, il est pratiquement impossible d'obtenir un site Web pour regarder à droite sur chaque écran possible. Cependant, voici différentes méthodes que vous pouvez utiliser pour couvrir vos paris et de créer aussi bien une version mobile de votre site Web que vous pouvez.

Instructions

Des pas

1 Décidez quel type d'information que vous voulez la version mobile de votre site à contenir. En général, vous voulez que vos pages Web mobiles ont moins de contenu par page, moins les sections, un système de navigation plus basique et les images, que si vous avez vraiment, vraiment besoin d'eux. Non seulement cela rend votre site plus facile à lire, il rend également plus rapide à charger; les réseaux mobiles ont généralement des connexions internet beaucoup plus lent que le fournisseur de services Internet que vous utilisez à la maison.

2 Trouver des exemples de grands sites mobiles pour avoir une idée de la façon dont vous voulez que votre propre site pour regarder. page d'accueil normale de Yahoo a des centaines de liens et beaucoup de nouvelles, tandis que son site mobile dispose d'une histoire de haut et des liens vers des services seulement populaires tels que des bulletins météorologiques et des stocks. mobile site page d'accueil de Best Buy propose seulement une recherche de produit, un localisateur de magasins et une liste de base de navigation du produit.

3 Ajouter un nom de domaine pour votre site mobile. Les conventions de nommage les plus courantes sont "m.yoursite.com", "mobile.yoursite.com" ou "yoursite.mobi". Pour les deux premiers, vous pouvez simplement créer un sous-domaine sur votre site existant par le biais du panneau de commande de votre hôte. Pour la troisième option, vous devrez réenregistrer votre nom de domaine avec l'extension "mobi". Idéalement, puisque les visiteurs susceptibles ne sauront pas votre URL désinvolte mobile, vous pouvez créer deux ou trois adresses probables et diriger ceux supplémentaires pour le site mobile réel.

4 Créez votre site mobile autour de la conception que vous avez décidé sur. Vous avez quelques options différentes sur la façon d'aller à ce sujet. La manière rapide est de simplement supprimer de vos pages tous les éléments de présentation et de style que les appareils mobiles pourraient obtenir raccroché ou afficher de manière incorrecte. Vous pouvez le faire en enlevant les feuilles de style (ou les liens vers les fichiers CSS) de la section <head> de chacune de vos pages. Cela rendra toutes les sections sur vos pages empiler les uns sur les autres et de supprimer tous les éléments de conception, qui se traduit par une navigation facile et une meilleure lisibilité.
Vous pouvez également obtenir de l'aide en utilisant le code spécialisé de MikeIndustries, des logiciels tels que Zinadoo, qui dispose d'une version de base gratuite, ou même une entreprise de conception mobile spécialisée comme Origami Studios; voir Ressources ci-dessous.

5 Annoncez la version mobile de votre site. Sur votre site régulier, assurez-vous d'inclure un lien vers la version mobile près du haut de la page.