Les partenaires publicitaires:

Comment construire un site Web Compatible iPad

Retour dans la journée, quand tout le monde a regardé le Web sur un ordinateur, tout ce qui comptait dans la conception Web était agréable images et des liens de travail. Mais la conception de Web a beaucoup changé depuis les premiers jours de l'Internet, et aujourd'hui, quelqu'un pourrait visiter vos sites Web à partir de l'un des centaines de combinaisons de système d'exploitation, navigateur, et le dispositif. Un tel dispositif - l'iPad - offre aux visiteurs une belle façon de surfer sur le Web, mais il peut être difficile d'optimiser un site pour l'affichage sur un iPad.

  1. iPad Résolution de l'écran

    • À 1024 pixels de large, l'iPad a une résolution d'écran native très similaire à un ordinateur portable ou de bureau. Alors que cela devrait rendre la conception d'un site web pour iPad simple, l'iPad offre une touche. Vous pouvez l'activer et l'écran devient avec elle. Ensuite, vous avez un écran qui est de 1024 pixels de haut, mais seulement 768 pixels de large. Votre site sera soudainement déborder sur le côté, laissant l'utilisateur de glisser leur iPad pour voir l'ensemble de votre site.

    • Responsive Design




      • En raison de la nature des appareils comme l'iPad, qui utilisent la technologie écran-rotation et de la force des sites Web à afficher dans quel que soit l'orientation que l'utilisateur tient le dispositif, concepteurs de sites Web ont dû créer de nouvelles normes de conception. "Responsive design" se réfère à un site Web qui utilise CSS et Java pour réduire ou agrandir la conception du site basé sur le dispositif qui est le visionnement. Si vous utilisez un système de gestion de contenu comme WordPress, Drupal, Joomla ou, chercher des thèmes sensibles ou installer des plugins et addons site mobile pour faire de votre échelle du site à son écran.

      Ergonomie

      • La deuxième différence essentielle entre l'affichage de votre site Web sur votre ordinateur et sur un iPad est que les utilisateurs d'iPad ne possèdent pas la précision d'un pointeur de la souris pour interagir avec votre site. Considérez ceci lors de l'élaboration du site: petits menus avec des dizaines de sous-menus sera impossible de naviguer sur un iPad. La police que vous utilisez doit être suffisamment grande et fournir suffisamment de distance entre les liens de faciliter les liens dans le texte, et encadrés et boutons devrait être palpable. Vous pouvez tester la convivialité de votre site avec iPadPeek, pour prévisualiser votre site sur un navigateur iPad, pour voir comment les polices écran (voir Ressources).

      Vidéos

      • L'iPad utilise une version mobile du navigateur Safari, qui a un problème connu qui pousse les développeurs Web sauvage: il n'y a pas de Flash. Flash a été une fois que le Web-norme pour la vidéo en ligne, mais la popularité des appareils mobiles d'Apple, qui ne supportent pas et ne proposent pas une chance de télécharger un plugin, est forçant standards du Web distance à partir de Flash vers HTML5 vidéo soutenu en utilisant des joueurs comme YouTube et Vimeo. Encore une fois, vous pouvez vérifier la façon dont les vidéos de votre site sont affichés en utilisant iPadPeek, ou ne peuvent tout simplement utiliser YouTube ou Vimeo code embed pour assurer la compatibilité.

    » » » » Comment construire un site Web Compatible iPad