<p>Die Verbreitung mobiler Endgeräte wie Handys und PDAs nimmt immer weiter zu. Teilweise werden diese Zugangsgeräte sogar genutzt. Dies stellt Webdesign vor neue Herausforderungen: eine Seite, die in üblicher Großauflösung auf dem Bildschirm eines normalen PCs prima funktioniert, kann auf kleinen Anzeigen eher schlecht dargestellt werden. Eigentlich bieten HTML und CSS dafür <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/responsive_Webdesign">geeignete Mechanismen</a>, unterschiedliche Layouts für unterschiedliche Zugangsgeräte für ein und dieselbe Seite bereit zu stellen, darunter eben auch ein Minimallayout für Browser, deren Anzeigefläche begrenzt ist.</p> <p>Unglücklicherweise funktioniert dies nicht in der Praxis: Browser dieser Zugangsgeräte ignorieren die entsprechenden Angaben im Stylesheet. Dies ist natürlich durch die Mängel des derzeitigen Webdesigns bedingt, viele Seiten halten kein zusätzliches Layout für Handhelds vor. Browserhersteller können sich die layout-lose Anzeige von Webseiten nicht leisten, die Konsequenz ist es, automatisch das für Desktop-Computer gedachte Layout darzustellen. In aktuellen Mobil-Browsern wie <a href="http://www.opera.com/products/mobile/">Opera</a> oder Nokias neuen <a href="http://www.series60.com/browser">S60 Web Browser</a> wird versucht, die dadurch entstehenden Mängel durch neuere Darstellungsarten auszugleichen, insbesondere Techniken wie <em>Small Screen Rendering</em> oder einfacher <em>Zoom</em> sind da zu nennen.</p> <p>Auf der anderen Seite bemühen sich engagierte Webentwickler verschlankte Varianten ihrer Seiten und Layouts zu entwickeln, die zusätzlich vorgehalten werden, ähnlich den schon seit längeren bekannten Print-Editionen. Oftmals muss man sich dazu gleich eine andere URL merken. <strong>Dirk Schürjohann</strong> von der Berliner Agentur <a href="http://www.decaf.de">DECAF°</a>, seines Zeichens überzeugter Pixelschubser, hat sich nun einige Gedanken gemacht, diesen leider notwendigen Prozess der Auswahl so benutzerfreundlich wie möglich zu gestalten. Er beschreibt diese in dem gerade veröffentlichten Feature-Artikel:</p> <p><a href="https://web.archive.org/web/20100723045832/http://aktuell.de.selfhtml.org:80/artikel/css/mobile-endgeraete">Angepasste Inhalte für mobile Endgeräte</a> von Dirk Schürjohann</p> <p>Es wird eine zweireihige Strategie benutzt, zuerst wird versucht mittels Browserkennung auf den Browser zu schließen. Da - wie die Erfahrung zeigt - diese Information jedoch notorisch unvollständig und unzuverlässig ist, besteht weiterhin die Möglichkeit, den Nutzer entscheiden zu lassen, welche Variante der Seite er angezeigt haben will. Als Beispielsprache wird PHP verwendet, die Umsetzung der grundlegenden Mechanik ist jedoch natürlich mit jeder anderen serverseitig verwendbaren Sprache möglich.</p>

<p>Die Verbreitung mobiler Endgeräte wie Handys und PDAs nimmt immer weiter zu. Teilweise werden diese Zugangsgeräte sogar genutzt. Dies stellt Webdesign vor neue Herausforderungen: eine Seite, die in üblicher Großauflösung auf dem Bildschirm eines normalen PCs prima funktioniert, kann auf kleinen Anzeigen eher schlecht dargestellt werden. Eigentlich bieten HTML und CSS dafür <a href="http://de.selfhtml.org/css/formate/einbinden.htm#link_media">geeignete Mechanismen</a>, unterschiedliche Layouts für unterschiedliche Zugangsgeräte für ein und dieselbe Seite bereit zu stellen, darunter eben auch ein Minimallayout für Browser, deren Anzeigefläche begrenzt ist.</p> <p>Unglücklicherweise funktioniert dies nicht in der Praxis: Browser dieser Zugangsgeräte ignorieren die entsprechenden Angaben im Stylesheet. Dies ist natürlich durch die Mängel des derzeitigen Webdesigns bedingt, viele Seiten halten kein zusätzliches Layout für Handhelds vor. Browserhersteller können sich die layout-lose Anzeige von Webseiten nicht leisten, die Konsequenz ist es, automatisch das für Desktop-Computer gedachte Layout darzustellen. In aktuellen Mobil-Browsern wie <a href="http://www.opera.com/products/mobile/">Opera</a> oder Nokias neuen <a href="http://www.series60.com/browser">S60 Web Browser</a> wird versucht, die dadurch entstehenden Mängel durch neuere Darstellungsarten auszugleichen, insbesondere Techniken wie <em>Small Screen Rendering</em> oder einfacher <em>Zoom</em> sind da zu nennen.</p> <p>Auf der anderen Seite bemühen sich engagierte Webentwickler verschlankte Varianten ihrer Seiten und Layouts zu entwickeln, die zusätzlich vorgehalten werden, ähnlich den schon seit längeren bekannten Print-Editionen. Oftmals muss man sich dazu gleich eine andere URL merken. <strong>Dirk Schürjohann</strong> von der Berliner Agentur <a href="http://www.decaf.de">DECAF°</a>, seines Zeichens überzeugter Pixelschubser, hat sich nun einige Gedanken gemacht, diesen leider notwendigen Prozess der Auswahl so benutzerfreundlich wie möglich zu gestalten. Er beschreibt diese in dem gerade veröffentlichten Feature-Artikel:</p> <p><a href="http://aktuell.de.selfhtml.org/artikel/css/mobile-endgeraete/">Angepasste Inhalte für mobile Endgeräte</a> von Dirk Schürjohann</p> <p>Es wird eine zweireihige Strategie benutzt, zuerst wird versucht mittels Browserkennung auf den Browser zu schließen. Da - wie die Erfahrung zeigt - diese Information jedoch notorisch unvollständig und unzuverlässig ist, besteht weiterhin die Möglichkeit, den Nutzer entscheiden zu lassen, welche Variante der Seite er angezeigt haben will. Als Beispielsprache wird PHP verwendet, die Umsetzung der grundlegenden Mechanik ist jedoch natürlich mit jeder anderen serverseitig verwendbaren Sprache möglich.</p>