Les possibilités et les limites des sites sont très différents selon que vous naviguez via un navigateur Web sur un PC ordinaire ou sur un navigateur mobile sur votre téléphone cellulaire ou téléphone intelligent. Alors que les ordinateurs de bureau avec accès Internet haut débit sont capables de traiter de grandes quantités de données, les téléphones mobiles sont limités en taille, la vitesse de connexion et la puissance de traitement. Cependant, les organisations professionnelles ont commencé à instituer des normes pour les sites Web destinés au appareils mobiles, ce qui rend le développement de sites Web mobiles un peu plus facile.
Télécharger l'intégralité de votre site sur votre ordinateur local, si vous ne l'avez pas déjà fait.
Créez un nouveau fichier dans le dossier racine de votre site pour la version mobile de votre site web. Pour des raisons de ce tutoriel, nous allons appeler ce dossier "mobi," mais vous pouvez le nommer tout ce que vous voulez.
Copiez la structure de base de votre site web dans le "mobi" dossier, en veillant à mettre à jour les liens relatifs qui peuvent être inclus dans les fichiers.
Retirez tous les javascript et les cookies de la version mobile de votre site web. Navigateurs mobiles ne peuvent généralement pas utiliser ces options.
Simplifier la mise en page de votre site. Les écrans de téléphones mobiles ont tendance à être faible par rapport à des écrans d'ordinateur. mises en page du site Web doivent être limitées à une colonne avec des menus de navigation sur le haut et le bas.
Simplifier le CSS de votre site web. La plupart des sites modernes mis tous les éléments de conception et les instructions dans les fichiers CSS. Si possible, combiner toutes les instructions CSS en un seul document. Retirez toutes les instructions de mise en page redondants ou inutiles.
Retirez tous les éléments inutiles de votre site web. Cela peut inclure des publicités, des éléments de design flashy et les éléments graphiques. Toutes ces choses prennent de la bande passante sur Internet, et donc prendra plus de temps pour les utilisateurs de télécharger à leur navigateur mobile.
Redimensionner les images pour les adapter à un écran de téléphone mobile. Tailles de navigateur mobile sont extrêmement variables. En général, essayez de garder les images sous 240 par 320 pixels en taille au maximum absolu. En outre, inclure l'image des informations de taille dans le code HTML de la page Web.
Valider le HTML et CSS de votre site Web. Cela permettra d'assurer que votre site est accessible au plus grand nombre de navigateurs Web. Vous pouvez valider l'ensemble de votre site en le soumettant au service de validation de la World Wide Web Consortium au validator.w3.org.
Téléchargez votre site Web mobile à votre serveur Web.