Mit HTML5, können Sie Ihre eigenen Web -App für das Apple iPad zu erstellen. Web Apps nutzen das iPad eingebauten Safari Web Browser , um die App zu betreiben. HTML5 in Verbindung mit CSS und JavaScript verwendet werden, um eine unendliche Vielfalt an Anwendungen, darunter Spiele zu erstellen. Anwender können die App auf ihrer Homepage sparen mit Ihrer App -Symbol. Sie können auch auf die App offline , wenn Sie die App , um die Dateien in die iPad- Speicher zwischengespeichert codieren. Anleitung
Forschung und Vorbereitung
1

Wählen Sie ein Programm , um für den Bau der App nutzen . Obwohl Sie anspruchsvolle Web -Design-Programme wie Adobe Dreamweaver verwenden können, können Sie auch einen einfachen Texteditor wie Notepad, um HTML-und CSS-Dateien zu erstellen.
2

Forschung Apples Safari Developer Library für Tutorials und Beispiel-Code . Kodex ist für viele der iPad -Funktionen, wie " SlideMe ", sowie andere HTML , CSS und JavaScript -Codes speziell für Apple iOS-Geräte und für Safari im Allgemeinen.
3

Machen Sie sich mit den Standards und Fähigkeiten von HTML5 , CSS und JavaScript für das iPad. Tutorials und Beispiel -Codes sind in Bücher aus der Bibliothek sowie aus erfahrenen Entwicklern in Blogs und Foren .
Gestaltung der App
4

Erstellen Sie eine separate HTML -Seite für jede Seite auf Ihrer App . Verwenden Sie HTML-Links zu müssen Benutzer von einer Seite zur anderen zu bewegen.
5

Nutzungsbedingungen Touch-Ereignisse statt Maus-Ereignisse auf Seiten App auf das iPad Touchscreen unterzubringen. Verwenden Sie zum Beispiel " TouchStart ", " touchEnd ", " touchMove " und " touchcancel , " anstatt mit Maus-Ereignisse .
6

Use " textarea " Stilattribute für Bereiche, in denen der Benutzer Text eingeben sollte in der App. Das iPad unterstützt nicht die " contenteditable "-Attribut , dass Computer- Web-Browser zu verwenden.
7

Fügen Sie die " "-Attribut auf jeder Seite , wenn Sie wollen, die App offline verfügbar sein . Beachten Sie, dass Sie benötigen ferner eine " htaccess " und " Manifest "-Datei in der App- Root-Verzeichnis , um HTML5 -Cache Fähigkeiten zu nutzen .
Icon Design
8

auswählen ein Bild, das repräsentativ ist für die App , oder erstellen Sie ein neues Bild mit einem beliebigen Grafik-Design- Programm wie GIMP oder Photoshop . Wenn Benutzer die App speichern von Safari , wird Ihr Symbol auf dem Home -Bildschirm.
9

Speichern Sie das Bild als PNG -Datei, die 114 durch 114 Pixel in der Größe mit dem Namen " apple -touch - ist icon.png . " Legen Sie die image-Datei im Root-Verzeichnis für die iPad-App . Das iPad stilisierte Glanz und abgerundeten Ecken sind mit dem Symbol angewendet werden, wenn sie auf dem Gerät gespeichert wird.
10

Binden Sie einen Link auf das Symbol in der Kopfzeile der Web App -Seiten mit den " " Format . Dieser Link leitet das iPad oder andere Apple iOS -Gerät , wo das Symbol gespeichert.
Testing auf Ihrem Computer
11

herunterladen Apples Safari Browser von Apple .com /safari und installieren es auf Ihrem Computer. Dieser Browser ermöglicht es Ihnen, Ihre Anwendung von Ihrem Computer zu testen, während Sie mit dem Entwurf sind .
12

Starten Sie Safari . Wählen Sie " Einstellungen" aus dem Menü "Datei" und wählen Sie " Erweitert". Klicken Sie auf " Zeigen Sie entwickeln in der Menüleiste anzeigen "-Option. Die "Develop "-Menü erscheint am oberen Rand des Fensters .
13

Klicken Sie auf die "Develop "-Menü. Wählen Sie " User Agent ", dann " Andere . " Öffnet sich eine Dialogbox . Doppelklicken Sie auf den Inhalt , und drücken Sie auf " Löschen". Einfügen " Mozilla/5.0 ( iPad; U; CPU OS 3_2 wie Mac OS X; en-us) AppleWebKit/531.21.10 ( KHTML , like Gecko ) Version/4.0.4 Mobile/7B334b Safari/531.21.10 " in das Textfeld ein. Safari wird nun wie die iPad-Version durchzuführen.