PC Magazin mit Film DVD 100 Windows Power-Apps (Vorschau)

IT PROFESSIONAL
PROGRAMMIERUNG
71
Tipp 4
Spezielle META-Tags einsetzen
■ Mit dem META-Tag viewport bestimmen Sie, in welcher Auflösung
das mobile Gerät Ihre Webseite laden soll und steuern die mögliche
Skalierung durch den Anwender. Durch die Angabe device-width
wird automatisch die Display-Auflösung verwendet, die auf dem jeweiligen
Gerät bereit steht.
Es ist auch möglich, feste Werte für Breite und Höhe anzugeben,
sinnvoll ist das jedoch selten.
Zudem sind eine Reihe weiterer Werte möglich, die Sie Ihrer Webseite
für die Darstellung mitgeben können:
initial-scale: automatische Skalierung beim Laden der Seite
user-scale: Skalierung durch den User zulassen oder verhindern
minimal-scale: geringste mögliche Skalierung durch den Anwender
Auch hier gilt jedoch, dass verschiedene Browser verschiedene
Darstellungen haben und unterschiedliche Anweisungen benötigen.
Die mobile Opera-Version etwa verwendet das Small Screen
Rendering. Dadurch werden auch Webseiten, die keine speziellen
Angaben für die Darstellung auf Smartphones und Pocket-PCs enthalten,
angepasst
und optimiert. Allerdings
ignoriert
Opera dadurch
auch zum Teil
gerade die META-
Tags und CSS-
Anweisungen die
speziell hierfür
gesetzt wurden.
Verschenkter
Platz: Nutzen Sie
die Auflösung aus,
die zur Verfügung
steht.
Tipp 5
Spezielle Flash-Variante nutzen
■ Flash in Verbindung mit mobilem Internet ist ein schwieriges Thema.
Hier scheiden sich die Geister, ob der Einsatz überhaupt sinnvoll
ist. Nicht zuletzt, weil alle iPhone- und iPod-Modelle die Wiedergabe
von Flash-Dateien nicht unterstützen.
Die meisten anderen Mobilgeräte arbeiten mit einer speziellen
Flash-Player-Version, dem Flash-Lite. Diese abgespeckte Variante ist
an die geringere Prozessorleistung der mobilen Geräte angepasst.
Dadurch wird aber auch auf einen Teil der Darstellungsmöglichkeiten
verzichtet.
Überblendungen, Schärfe-und Unschärfeeinstellungen und einige
weitere Optionen gerade im Bereich der Textdarstellung werden
schlicht ignoriert. Der gewünschte Effekt ist dadurch eventuell lange
nicht mehr wie geplant. Setzen Sie also Flash nur in Ausnahmefällen
ein und überprüfen Sie die Qualität der Darstellung.
Tipp 6
Spezielle Icons anzeigen
■ Favicons und Bookmarks sind seit Langem bekannte und beliebte
Funktionen in mittlerweile allen bekannten Browsern. Apple hat für
iPhone und iPad diese Funktionen aufgegriffen und etwas abgewandelt
als WebClip-Grafik in die mobile Safari-Version integriert. Geöffnete
Webseiten lassen sich so ähnlich wie eine App als Shortcut auf
dem Homescreen bookmarken. Das dargestellte Symbol ist 60 x 60
Pixel groß und muss als PNG-Datei auf dem Server abgelegt sein.
Binden Sie folgende Anweisung im Header Ihres Dokuments ein, um
die Bilddatei als WebClip zu verwenden:
Das iOS-Betriebssystem verpasst dem Icon noch den Apple-eigenen
Look. Die Ecken werden automatisch abgerundet und eine Spiegelung
wird automatisch darüber gelegt.
Tipp 7
Spezielle Anpassung mit WURFL
■ WURFL bedeutet Wireless Universal Resource File. Es handelt sich
dabei um ein XML-File, das in einem Open-Source-Projekt entwickelt
wird. Die Datei können Sie unter
http://wurfl.sourceforge.net
herunterladen und unter Berücksichtung der Copyright- und Nutzungsrechte
verwenden. Die WURFL-XML enthält Angaben zu hunderten
verschiedenen mobilen Geräten, wie etwa Display-Größe,
Auflösung und Dateiformate.
Darüber hinaus
finden sich hier ganz spezielle
Informationen zu
Dateiformaten für Klingeltöne,
Hintergrundbilder,
Bildschirmschoner und
einiges mehr, jeweils abhängig
vom Gerät und der
installierten Betriebssystem-Version.
Laden Sie die aktuelle
WURFL-Version herunter,
benennen Sie den Ordner
in wurfl um und laden Sie
ihn in das selbe Verzeichnis
auf Ihrem Webserver,
in dem sich auch die
Startseite befindet.
So binden Sie die WURFL-
Datei in Ihre Webseite
ein: