 Tabellen zur Gestaltung eines Designs
Die Anzeigebreite ist durch eine Tabelle auf 590 Pixel begrenzt der hier zur Demo hellgrau eingefärbt wurde. Der Bereich rechts neben dem Seiteninhalt, ist leer.
 Seite 590 Pixel mit Hintergrundbild
Seite mit 100% Breite ansehen
Ein Webmaster weiß nicht mit welcher Auflösung seine Web-Seiten später dargestellt werden. Bildschirmbreiten variieren zwischen 640 und Anzeigenbreiten von mehr als 2000 Pixeln (Bildpunkten).
Eine gute Lösung ist immer noch eine Entwicklung für den Standard von 800x600 Punkten. Die 'großen Seiten' veranschaulichen das.
Natürlich kann man eine Web-Seite so entwerfen, dass sie sich dynamisch der jeweiligen Bildschirm-Auflösung anpaßt. Den Inhalt einfach ohne Tabelle oder mit der Angabe 100% für die Tabellenbreite darzustellen ist ein böser Fehler. Übermäßig breite Textspalten und ein 'kaputtes' Design ist die Folge. Außerdem werden kurze Absätze als eine einzige Zeile dargestellt. Von den Regeln des Bildschirmlesens in engen Spalten wie bei einer Zeitung bleibt nichts übrig.
Seite mit 100% Breite ansehen
 Legen Sie die Darstellungsbreite mit absoluten Breitenangaben in Pixel fest. Eine Tabelle mit 770 Bildpunkten Breite ist ein guter Anhalt. Das gilt nicht für Seiten im Frameset!
Die Seite läßt sich dann bei einer Auflösung von 800x600 auch ohne seitliches Scrollen betrachten und das Layout sieht auch bei 1024x780 Pixeln im Vollbild gleich aus.
Einen Tipp für die optische Aufwertung bei größeren Darstellungen (mehr als 800 Pixel Breite) lesen sie unten.
Seite mit Hintergrundbild
|
Die Darstellungsbreite errechnen: Entscheiden Sie sich für eine minimale Darstellungsbreite für Ihre Seite. Als Beispiel nehme ich hier die Auflösung 800 x 600 Pixel. Das bedeutet Ihnen stehen 800 Bildpunkte für die Breite zur Verfügung. Aber nur theoretisch !!!
Subtrahieren Sie zunächst einen möglichen Scrollbar (Bildlaufleiste) macht 800 - 20 = 780 Pixel.
Wenn Sie mit 2 Frames nebeneinander arbeiten, einen für die Navigation, einen für Ihre Inhalte, müssen Sie die linke Framebreite ebenfalls subtrahieren. Angenommen der linke Frame ist 200 Pixel breit bleiben ihnen noch:
800 - 20 - 200 = 580 Pixel. Aber nur theoretisch !!!
Wenn Sie die Tabellenbreite durch ein Bild oder eine genaue Breitenangabe fixieren, dürfen die HTML-Seite, ihr Frameset und die Frames keine Ränder und Margins haben, damit Ihre Rechnung aufgeht.
Weitere Info:
Ränder und Margins (Menü FRAMES)
einheitliche Spaltenhöhen (Menü Tabellen)
|
|
|
optische Aufwertung
Wenn Sie nun den Besuchern mit größeren Auflösungen keine leeren Flächen rechts neben der Inhaltstabelle anzeigen möchten, lassen Sie doch eine Hintergrund-Grafik anzeigen. Für Besucher mit einer Bildschirmauflösung von mehr als 800 Pixel Breite hier eine Demonstartion:
Seite mit Hintergrundbild
Die Hintergrundgrafik in der verlinkten Seite ist nicht unbedingt mein Favorit. Zur Demo sollte es aber ausreichen. Größe der Grafik ca. 6,2 kB .
Abmessunger der Grafik: 1024 x 200 Pixel. Objekt (@) positioniert bei 755 Pixel (von links) , eingestellt für eine Anzeigenbreite meiner Inhalte von 585 Pixel. Beginn grauer Bereich bei 645 Pixel.
|
WWW.WEB-TOOLBOX.NET
ZURÜCK