Wie ein iPad kompatible Website bauen

June 18

Zurück in den Tag, als jeder im Web auf einem Computer, alles, was zählte, in Web-Design sah war, schöne Bilder und funktionierende Links. Aber Webdesign hat sich viel geändert seit den frühen Tagen des Internets, und heute, jemand könnte besuchen Sie Ihre Websites von anderen Hunderte von Kombinationen von Betriebssystem, Browser und Geräte. Ein solches Gerät--das iPad--bietet den Besuchern eine schöne Möglichkeit, im Internet surfen, aber es kann zur Optimierung einer Website für die Anzeige auf einem iPad schwierig sein.

iPad Bildschirmauflösung

Bei 1024 Pixel breit hat das iPad eine native Bildschirmauflösung sehr ähnlich zu einem Laptop oder Desktop-Computer. Während dies die Gestaltung einer Website für iPad einfach machen sollte, bietet das iPad eine Wendung. Sie können es aktivieren, und der Bildschirm wird mit ihm. Dann haben Sie einen Bildschirm, der 1024 Pixel groß, aber nur 768 Pixel breit ist. Ihre Website wird plötzlich über die Seite verlassen den Klauen ihre iPad Benutzer zur Anzeige aller Ihrer Website gelangen.

Reaktionsschnelle Design

Aufgrund der Art der Geräte wie das iPad, die Bildschirm-Rotation-Technologie einsetzen, und erzwingen Webseiten anzeigen, in welcher Orientierung der Benutzer das Gerät hält, mussten Webdesigner neue Maßstäbe für Design zu erstellen. "Responsive Design" bezieht sich auf eine Website, die verwendet CSS und Java zu verkleinern oder zu vergrößern, das Design der Website basiert auf dem Gerät, das es angezeigt wird. Wenn Sie eine Content-Management-System wie WordPress, Drupal oder Joomla verwenden, reagieren Themen suchen Sie oder installieren Sie mobile Website Plugins und Addons, Skalierung Ihrer Website auf ihren Bildschirm zu machen.

Benutzerfreundlichkeit

Der zweite wesentliche Unterschied zwischen der Anzeige von Ihrer Website auf Ihrem Computer und auf einem iPad ist, dass iPad-Benutzer nicht die Richtigkeit der ein Mauszeiger für die Interaktion mit Ihrer Website. Bedenken Sie bei der Entwicklung der Website: kleine Menüs mit Dutzenden von Untermenüs werden unmöglich sein, auf einem iPad zu steuern. Die Schriftart können Bedürfnisse groß genug sein und bieten genügend Abstand zwischen Links, Textlinks, und Seitenleisten zu erleichtern und Buttons sollte zum Anfassen. Testen Sie die Usability Ihrer Website mit iPadPeek, die eine Ihrer Website auf eine iPad-Browser Vorschau, um festzustellen, wie Schriftarten (siehe Ressourcen) angezeigt.

Videos

Das iPad nutzt eine mobile Version des Safari-Browsers, das ein bekanntes Problem hat, die Webentwickler wild treibt: Es gibt keinen Blitz. Blitz war einst der Web-Standard für online-Video, aber die Beliebtheit des Apple mobile Geräte, die nicht unterstützen und nicht bieten eine Chance, eine Plugin herunterladen, Webstandards vom Flash in Richtung HTML5 unterstützt Video mit Spielern wie YouTube und Vimeo dazu zwingt. Auch hier können Sie überprüfen, wie Ihre Website Videos anzuzeigen, verwenden iPadPeek, oder können einfach YouTube oder Vimeo embed-Code um die Kompatibilität sicherzustellen.