Comment convertir un site Web pour un iphone

De plus en plus de sites sont constatent une augmentation du trafic des navigateurs mobiles, en particulier Safari Mobile, qui fonctionne sur l'iPhone et l'iPod touch. Alors que Safari Mobile est tout à fait capable d'afficher des sites Web conçus pour un navigateur standard, il ya des temps où le détail est perdue en raison de la taille réduite.


Sommaire

  • Instructions

  • Il est possible de concevoir un site Web afin que rien ne se perd aux visiteurs iPhone en suivant un prenant quelques mesures pour modifier le site existant.

    Choses que vous devez




    • iPhone ou Safari Mobile navigateur
    • éditeur de texte ou un logiciel de conception de sites Web
    • Connexion Internet
    • Programme FTP

    Instructions

    1. Retirez tout contenu Flash inutile. Le navigateur Safari Mobile est incapable d'afficher des animations Flash. Tout contenu qui était in Flash doit être convertie en un format de texte pour vos visiteurs de lire.

    2. Utilisez votre logiciel FTP pour télécharger le fichier CSS principale de votre site à partir de votre serveur Web. Une fois que vous avez ce fichier, ouvrez-le avec votre logiciel de conception de sites Web ou un éditeur de texte et collez le code suivant pour cacher les éléments de navigation:

      media seulement écran et (max-device-width: 480px) {
      .Navigation {
      display: none;
      }
      }

      Enregistrez ce fichier.

    3. Téléchargez le fichier CSS, vous venez de modifier à votre serveur web.

    4. Télécharger les fichiers HTML pour les pages Web que vous souhaitez convertir en le navigateur de l'iPhone. Sur chacune de ces pages, insérez le code suivant pour afficher les éléments de navigation dans Internet Explorer:


      rel ="stylesheet" type ="text / css" href ="iPhone.css"/ Gt;

      Enregistrez ces fichiers et les télécharger vers votre serveur web en utilisant votre programme FTP.

    5. Créer un nouveau fichier appelé iPhone.css. Celui-ci contiendra les éléments de CSS pour le navigateur Safari Mobile. Vous pouvez utiliser les CSS pour le style de vos pages en aucune façon que vous voyez l'ajustement, mais il doit contenir ces lignes:

      .Navigation {
      display: none;
      }

      Enregistrez ce fichier et de le transférer sur votre serveur

    6. Testez vos pages Web modifiées dans les différents navigateurs Web. Assurez-vous de tester la façon dont le site est affiché sur un iPhone ou en utilisant le simulateur iPhone (voir Ressources).

    » » » » Comment convertir un site Web pour un iphone