HTML and CSS Reference
In-Depth Information
</body>
</html>
Das Beispiel zeigt Ihnen alle vorgestellten Linkformate auf einer Seite, sodass Sie die
Funktionen leicht auf verschiedenen Plattformen und Geräten testen können:
Bild 1.40:
Beispiel der vorgestellten Linkformate.
1.6
iPhone-spezifisch: Web Apps, die den Browser
verbergen
Auch wenn die vorgestellten Beispiele auf den meisten neuen Smartphones gut ausse-
hen, geht das iPhone noch einen Schritt weiter und verwischt den Unterschied zwischen
einer Webseite, die im Browser läuft, und einer richtigen App. Weiter unten im Buch
werden wir noch darauf eingehen, wie man aus einem Webseitencode eine wirklich
native Anwendung baut, doch auch ohne diesen Schritt und mit nur etwas zusätzlichem
HTML kann der Safari-Browser ausgeblendet werden.
Das iPhone und auch der iPod touch oder das iPad erlauben es, Webseiten als kleine
Symbole auf dem Home-Bildschirm zu speichern. Um das zu tun, muss der Benutzer
auf dem iPhone auf das kleine
+
-Symbol in der unteren Werkzeugleiste des Safari-
Browsers klicken und
Zum Home-Bildschirm
auswählen. Anschließend erhält er einen
Bildschirm angezeigt, in dem er den Namen des Symbols noch verändern kann. Wenn
Sie keine weiteren Anpassungen an Ihrer Webseite vornehmen, wird das iPhone einen
Screenshot Ihrer Seite aufnehmen, diesen verkleinern und als Symbol verwenden. Der
Benutzer kann anschließend einfach auf Ihr Screenshot-Symbol auf dem Home-Bild-
schirm tippen und Ihre Seite aufrufen. Um wie eine richtige Webanwendung
auszusehen, müsste in diesem Fall
•
ein richtiges Symbol und kein Screenshot verwendet werden,
•
der Safari-Browser nicht sichtbar sein,
•
die Webanwendung sofort nach dem Antippen komplett auf dem Bildschirm
erscheinen und nicht erst Element für Element geladen werden.
Die gute Nachricht: Das alles geht beim iPhone! Fangen wir mit einem richtigen Symbol
an. Als Icon für Ihre Webanwendung können Sie jede Grafik nehmen, die 114 x 114
Bildpunkte groß und im PNG-Format gesichert ist (beispielsweise unter dem Namen
