abalogo

Layout: Stabilität & Flexibilität 

Auf dieser Seite möchte ich Ihnen kurz demonstrieren, wie bei Websites von abalogo.de in besonderem Maße auch auf die Stabilität und Flexibilität des Layouts Wert gelegt wird und welchen konkreten Mehrwert das für Besucher Ihrer Website und damit letztlich auch für Sie selbst haben wird.

1. Stabilität

Die zwei meistgenutzten Browser (Firefox und Internet Explorer) bieten in den neueren Versionen sowohl einen Seitenzoom als auch einen Textzoom an. Firefox-Benutzer, die Probleme mit zu kleinen Schriftgrößen haben und daher den bei diesem Browser besonders effektiven Textzoom einsetzen (Einstellung: Menü Ansicht > Zoom > Nur Text zoomen; Änderung der Schriftgröße dann über Drücken der Taste Strg und gleichzeitiges Rollen des Mausrades, oder über die „Strg und +“-Tastenkombination), kennen das ärgerliche Phänomen, dass bei einer Website nach der dritten oder vierten Textzoomstufe Inhalte teilweise nicht mehr sichtbar sind oder sogar das Layout zerreißt. Daher sind Layouts von abalogo.de bewusst so konzipiert, dass auch bei Anwendung mehrerer Textzoomstufen die Inhalte für die Besucher zugänglich sind und es durch die veränderten Dimensionen nicht zum Zerreißen des Layouts kommt.

2. Flexibilität

Um Ihnen für Ihr Website-Projekt volle Flexibilität zu ermöglichen, biete ich Ihnen unterschiedlichste Layout-Optionen an. So können Sie zum Beispiel nicht nur Anzahl und Anordnung der Spalten, sondern – und das möchte ich an dieser Stelle kurz erläutern – auch die Layoutbreite ganz nach Ihrem Bedarf wählen: Bei einer Vielzahl der heute erstellten Websites hat die Inhaltsspalte eine feste Breite von ca. 960-980 Pixeln, was sich an der lange sehr verbreiteten Bildschirmauflösung von 1024 x 768 Pixeln orientiert. Denn abzüglich der Fensterränder des Betriebssystems und eines vertikalen Scrollbalkens bleibt bei dieser Auflösung im Browser ein maximal nutzbarer Bereich von ebenjenen 960-980 Pixeln. Ein Nachteil der festen Layoutbreite: Verkleinert ein Nutzer das Browserfenster, zum Beispiel um mehrere Anwendungen gleichzeitig auf dem Bildschirm im Blick zu haben, liegen bestimmte Inhalte nicht mehr im sichtbaren Bereich und müssen daher umständlich über den horizontalen Scrollbalken angesteuert werden.

3. Beispiel abalogo.de

Für das aktuelle Layout von abalogo.de habe ich diese Problematik wie folgt gelöst: Der Inhaltscontainer hat zwar eine feste Breite von 970 Pixeln, doch das Browserfenster kann vom Nutzer zum Beispiel stufenlos bis auf 760px Breite verkleinert werden, ohne dass Inhalte außerhalb des sichtbaren Bereichs geraten, wodurch auch kein störender horizontaler Scrollbalken entsteht. Sie können das ja einmal testen, indem Sie das Browserfenster in der rechten unteren Ecke mit dem Mauszeiger anpacken und langsam immer weiter verkleinern. Neben der hier beschriebenen Methode biete ich auch verschiedene Varianten an, in denen sich das Layout bei veränderter Schriftgröße der jeweils verfügbaren Breite des Browserfensters anpasst. Für welche Layout-Lösung Sie sich entscheiden, hängt vor allem von Ihrem Projekt und natürlich auch ein wenig von Ihrem Geschmack ab. Im kostenlosen Beratungsgespräch werden wir die für Ihr Projekt optimale Lösung finden.

Seitenanfang

Demos im Überblick 

• Demos: Einleitung
• Bilder zeigen: Beispiele
• Videos zeigen: Beispiele
• Wörterbücher: externe einbinden
• Glossare: eigene oder externe
• Layout: Stabilität und Flexibilität
• Skip-Links und Tab-Navigation
• Validator-Prüfung

Flexible Preisgestaltung

Kontakt aufnehmen

Bildergalerien

Vier Grafiklinks zur Demoseite für Bildergalerien

• 
• 
• 
•