HTML Layout - ScreenDesign

Bildschirm-Fenstergrößen

Um eine optimale Darstellung der Seiten zu erhalten, ist es sinnvoll die freie Anzeigeflächen der Browser zu kennen. Die Pixelangaben entsprechen eines maximierten Browserfensters.

	Standardeinstellung von 14" Bildschirmen und älteren Laptops. 640 Pixel (600) entspricht beim Ausdrucken A4 Hochformat. (650Pixel = A4 Breite)
	Standardeinstellung von 15" Bildschirmen und neueren Laptops.
	Standardeinstellung von 17" (19") Bildschirmen und high-end Laptops.

Tabel-Design

Table- Design ist heute sehr beliebt bei No-Frame HTML Seiten oder als Unterseiten in Frame-Sets.

Man unterscheidet sie im Prinzip zwei Gruppen:

• Table-Sets in Pixel Massangaben
• Table-Sets in % Massangaben
  

Beide Varianten haben Vor- und Nachteile...

Der Vorteil der Pixelvariante liegt auf der Hand, ich kann Text, Bilder und Elemente punktgenau plazieren und erreiche ein Maximum an formatierten Seiten. Diese Art des Designs ist optimal für Seiten mit wenigen Informationen oder sehr kurzen kompakten Texten.
Leider wird bei dieser Variante oft auf den "Ausdruck der Seiten" vergessen und das "Druckergebniss" lässt zu wünschen übrig.

Beispiel:
Ein Tablelayout von 750 Pixel Breite, (optimiert für einen 15" Bildschirm mit einer Auflösung von 800x600) wird heute zu 90% im Pixeldesign verwendet.
Was am Bildschirm bei dieser Variante sehr gut aussieht, liefert leider ein schlechtes Druckergebniss - es kann nur im "Querformat" ausgedruckt werden um alle Informationen auf ein Blatt Papier zu bringen. (auf einem A4 Blatt im Hochformat passen nur 630 Pixel....)

Also sollte man sich schon vorher Gedanken machen, ob meine Seiten Inhalte haben, die zum Ausdrucken einladen und das Design darauf ausrichten...
(ich denke, jedem von Euch der diese Zeilen liest, ist es selbst schon passiert ... man findet ein gute Information im Internet, schickte die Seiten zum Drucker und vergisst auf "Querformat" umzustellen - wenn die Seiten später aus dem Drucker kommen (meistens sind es dann 10-20 ;-), ist der rechte Rand abgeschnitten mit dem Text ...)

Die Prozent-Variante hat den großen Vorteil, dass es bildschirmfüllend ist und auch beim Ausdruck keine Probleme macht (die Texte werden bei % Angabe automatisch umgebrochen).
Der Nachteil ist, ich verliere sehr leicht die Kontrolle beim Layout mit verschiedenen Bildschirmauflösungen.

Fazit:

Table-Designs in % Prozentangaben geben nur Sinn, wenn ich sehr viele Texte und Informationen anbiete - aus diesem Grund ist das Design ist sehr beliebt bei Portalen und Suchmaschinen.

Wenn Du eine Lösung suchst für ein optimales % Design für eine Webseite, dann kannst Du dir hier ein Template von mir Downloaden.

Klick hier für ein Beispiel und den Download.

© 2001 by g¿smo