Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 4.13.2a: Monitorauflösungen Mitte 2010
(Quelle: http://marketshare.hitslink.com/)
Abb. 4.13.2b: Monitorscreen und Browserfläche
140
Entwickeln für den unbekannten Anwender
von den Angaben in der HTML-Seite darzustellen: Dies reicht von
der Angabe von Standardschriften bis hin zu der Verwendung
von eigenen Stylesheets durch den Browser. Hiervon sind je nach
Browser auch die durch CSS definierten Schriften betroffen.
Wenn Sie pixelgenaue Layouts für Websites erstellen, sollten Sie
bedenken, dass diese schon durch geringfügig größere Schrift
gesprengt werden können. Leichte Unterschiede gibt es auch in
der Positionierung von Seitenelementen relativ und absolut zum
Hintergrund, zueinander und zu den Browserrändern. Browser
unterscheiden sich zudem in einem unterschiedlichen Potenzial an
Funktionalitäten, etwa in der Unterstützung von Skriptsprachen,
Interaktivität oder CSS. Prüfen Sie deshalb frühzeitig, ob die gewünschten
Funktionen in den jeweiligen zielgruppenspezifischen
Browsern verfügbar sind.
Von der Plattform wird auch die Farbdarstellung beeinflusst. PCs
stellen hier im Allgemeinen Farben etwas dunkler dar als Macintosh-
Systeme. Bei sehr feinen Farbunterschieden im Grenzbereich (sehr
helle oder sehr dunkle Farben) kann die gewünschte Differenzierung
gänzlich verschwinden. Auch die Farbtiefe – also die Anzahl der
darstellbaren Farben – beeinflusst die Darstellung nachhaltig.
Wichtig ist es, sich diese Unterschiede bewusst zu machen, sie bei
der Erstellung von Websites zu berücksichtigen und bereits in frühen
Entwicklungsstadien die Kompatibilität zu anderen Browsern und
Systemen zu überprüfen.
4.13.2 Monitore und Auflösungen
Je nach Monitorgröße und möglicher Bildschirmauflösung stellen
sich Internetseiten anders dar. Eine auf 800 x 600 Pixel ausgelegte
Site erscheint auf einem hochauflösend eingestellten Monitor verschwindend
klein, umgekehrt ist eine auf 1280er-Größe ausgelegte
Site bei einer niedrigeren Auflösung vergrößert und nur teilweise
zu sehen. Bei der Sitekonzeption hat die Größenentscheidung daher
einen wichtigen Stellenwert. Diese ist mit Blick auf die technische
Ausstattung der anvisierten Zielgruppe zu treffen.
Als Bürostandard gelten ein 17-Zoll-Monitor mit 16-Bit-Farbtiefe
und einer Auflösung von 1024 x 768. Immer noch gute 2% aller
Grafikkarten sind zurzeit auf 800 x 600 eingestellt, ungefähr 23%
der Anwender in Deutschland nutzt eine Auflösung von 1024 x 768.
Zwar entwickelt sich der Trend hin zu größeren Auflösungen, doch
die Popularität der Netbooks mit Auflösungen von meist 1024x768
bzw. 1024x600 Pixeln bremst diese Entwicklung aus. Die zunehmende
Verbreitung von Widescreen-Monitoren sorgt derzeit für
ungewohnte Formate für Webdesigner. Smartphones und Tablets
kommen zwar mit vergleichsweise geringen Auflösungen auf den
Markt, die Browseransicht wird jedoch skaliert dargestellt, so dass
Smartphone- und Tablet-Auflösungen in der Regel hier nicht ins
Gewicht fallen.
Für welche Auflösung Sie auch entwickeln, vergessen Sie dabei
nicht, dass die Auflösung nicht identisch mit der zur Verfügung
stehenden Browserfläche ist (Abb. 4.13.2b). Aus diesem Grund