Das Layout von Webseiten kann auf zwei verschiedene Arten erfolgen:
- Feste Breitenlayouts - Hierbei handelt es sich um Layouts, bei denen die Breite der gesamten Seite mit einem bestimmten numerischen Wert festgelegt wird.
- Flüssige Layouts - Hierbei handelt es sich um Layouts, bei denen die Breite der gesamten Seite flexibel ist, je nachdem, wie breit der Browser des Betrachters ist.
Es gibt gute Gründe, beide Layoutmethoden zu verwenden, aber ohne die relativen Vorteile und Mängel jeder Methode zu verstehen, können Sie keine gute Entscheidung treffen, welche Art von Website Sie verwenden möchten.
Feste Breitenlayouts
Feste Layouts sind Layouts, die mit einer bestimmten Größe beginnen, die vom Webdesigner festgelegt wird. Sie bleiben in dieser Breite, unabhängig von der Größe des Browserfensters, das die Seite anzeigt. Layouts mit fester Breite ermöglichen einem Designer eine direktere Kontrolle darüber, wie die Seite in den meisten Situationen aussehen wird. Sie werden häufig von Designern mit Druckhintergrund bevorzugt, da sie dem Designer winzige Anpassungen am Layout ermöglichen und für Browser und Computer konsistent bleiben.
Flüssige Layouts
Flüssige Layouts sind Layouts, die auf Prozentsätzen der Größe des aktuellen Browserfensters basieren. Sie richten sich nach der Größe des Fensters, auch wenn der aktuelle Betrachter beim Anzeigen der Website die Browsergröße ändert. Flüssigkeitsbreiten-Layouts ermöglichen eine sehr effiziente Nutzung des von einem bestimmten Browserfenster oder der Bildschirmauflösung zur Verfügung gestellten Platzes. Sie werden häufig von Designern bevorzugt, die über viele Informationen verfügen, um möglichst wenig Platz zu schaffen, da die Größe und relative Seitengewichte unabhängig von der Seite konstant bleiben.
Was auf dem Spiel steht?
Die für Ihr Website-Design gewählte Methode wirkt sich nicht nur auf Ihr Design aus, sondern auch auf die Reaktionsfähigkeit und Anpassungsfähigkeit Ihrer Website. Je nachdem, was Sie wählen, beeinflussen Sie die Fähigkeit Ihrer Leser, Ihren Text zu scannen, zu finden, wonach er sucht, oder Sie können sogar Ihre Website verwenden. Außerdem beeinflusst der Layout-Stil Ihre Bemühungen beim Marketing Ihrer Website durch Branding, Verfügbarkeit von Immobilien und die Ästhetik Ihrer Website.
Vorteile von Layouts mit fester Breite
- Mit einem Layout mit fester Breite kann der Designer Seiten erstellen, die identisch aussehen, unabhängig davon, wer sie betrachtet.
- Elemente mit fester Breite, wie z. B. Bilder, überwinden den Text auf kleineren Monitoren nicht, da die Breite der gesamten Seite diese Elemente enthält.
- Die Scanlänge wird nicht durch große Textsegmente beeinflusst, unabhängig davon, wie breit der Webbrowser ist.
Vorteile von flüssigen Layouts
- Das Layout der Flüssigkeitsbreite wird erweitert und verkleinert sich, um den verfügbaren Platz zu füllen.
- Alle verfügbaren Immobilien werden genutzt, so dass der Designer mehr Inhalte auf größeren Monitoren anzeigen kann, aber auf kleineren Displays weiterhin funktionsfähig bleibt.
- Flüssige Layouts sorgen für Konsistenz in den relativen Breiten, sodass eine Seite dynamischer auf von Kunden auferlegte Einschränkungen reagieren kann, beispielsweise bei größeren Schriftgrößen.
Nachteile für feste Breitenlayouts
- Layouts mit fester Breite können das horizontale Scrollen in kleineren Browserfenstern verursachen. Und die meisten Leute mögen es nicht, horizontal zu scrollen.
- Sie können bei großen Monitoren auch zu großen Leerräumen führen, was zu viel ungenutzten Speicherplatz und vertikalem Bildlauf führt, als dies ansonsten erforderlich wäre.
- Layouts mit fester Breite können Kundenänderungen an Schriftgrößen nicht besonders gut verarbeiten. Bei kleinen Erhöhungen der Schriftgröße können sie in Ordnung sein, bei größeren Erhöhungen kann jedoch das Layout beeinträchtigt werden.
Nachteile für flüssige Layouts
- Flüssigkeitslayouts ermöglichen eine sehr geringe Kontrolle der Breite der verschiedenen Elemente der Seite.
- Sie können zu Textspalten führen, die entweder zu breit sind, um bequem gescannt zu werden, oder bei kleineren Browsern zu klein, um die Wörter deutlich anzuzeigen.
- Bei Flüssigkeitslayouts können Probleme auftreten, wenn ein Element mit fester Breite (z. B. ein Bild) in einer Flüssigkeitssäule platziert wird. Wenn die Spalte ohne genügend Platz für das Bild gerendert wird, erhöhen einige Browser die Spaltenbreite und ignorieren die Anweisungen des Designers. Andere Browser verursachen Überlappungen in Text und Bildern, um die korrekten Prozentsätze zu erreichen.
Fazit
Viele Websites, die über viele Informationen verfügen, die auf möglichst wenig Platz übermittelt werden müssen, funktionieren mit einem flüssigen Layout gut. Dadurch können sie alle Immobilien nutzen, die größere Monitore bieten, während kleinere Displays nicht verkürzt werden.
Sites, die eine genaue Kontrolle über das Erscheinungsbild der Seiten in jeder Situation erfordern, können ein Layout mit fester Breite verwenden. Dies bietet mehr Sicherheit, dass das Branding Ihrer Website konsistent und klar ist, unabhängig von der Größe des Monitors, auf dem sie angezeigt wird.
Layout-Voreinstellung
Viele bevorzugen einen gemischten Ansatz. Sie mögen keine flüssigen Layouts für große Textblöcke, da dies den Text auf einem kleinen Monitor entweder unleserlich machen kann oder auf einem großen nicht scannbar ist. Daher neigen sie dazu, die Hauptspalten der Seiten auf eine feste Breite zu bringen, aber Kopf-, Fuß- und Seitenspalten werden flexibler, um den verbleibenden Platz zu beanspruchen und die Kapazität größerer Browser nicht zu verlieren.
Einige Websites verwenden Skripts, um die Größe Ihres Browserfensters zu ermitteln und die Anzeigeelemente entsprechend zu ändern. Wenn Sie beispielsweise eine solche Site in einem sehr großen Fenster öffnen, wird auf der linken Seite möglicherweise eine zusätzliche Spalte mit Links angezeigt, die Kunden mit kleineren Monitoren möglicherweise nicht sehen. Der Textumbruch der Werbung hängt auch davon ab, wie groß Ihr Browserfenster ist. Wenn er breit genug ist, wird der Text von der Site umbrochen, andernfalls wird der Artikeltext unterhalb der Anzeige angezeigt.Während die meisten Standorte diese Komplexität nicht benötigen, zeigt dies eine Möglichkeit, größere Bildschirme zu nutzen, ohne die Anzeige auf kleineren Bildschirmen zu beeinträchtigen.
