Homepage-Design4you

Sitetechnikhistory.back Pathfinder   

fluides Layout für mehr Usability

IE 8.0 Firefox Konqueror Opera Safari Chrome Seamonkey Kmeleon Thunderbird Camino Avant Lunascape

Unsere Website wurde auf allen modernen Browsern getestet. Bei der Gestaltung verzichteten wir auf jegliche Art von Eingriffen, hinsichtlich der Abwärtskompatibilität zum Internetexplorer der Serie IE5. Der IE6 erhielt dagegen das volle Programm Extra- CSS & JavaScript ! Dennoch ist mit erheblichen Einschränkungen bei Optik und Funktionalität zu rechnen. Wir empfehlen deshalb ein kostenloses Update auf einen modernen Browser. [ siehe obiges Fisheye Menu ] Nähere Informationen erhalten Sie auch im Lexikon unter Browser.

This CSS Dock Menu was realized with the Plugin Fisheye, from the JavaScript Library of JQuery

Diese Website basiert auf einer Kombination aus Div und Tabelle, die wir gezielt zur Umsetzung unseres Layouts einsetzten. Bei der Gestaltung wurde besonderen Wert auf die strikte Trennung der Struktur von seiner Formatierung gelegt.

Imageausgabe, Farbgestaltung, sowie die gesamte strukturelle Formatierung dieser Seite, erfolgt explizit über ausgelagerte CSS-Dateien. Damit ist die wichtigste Voraussetzung zur Barrierefreiheit erfüllt.

Zudem ist die einheitliche Strukturierung aller Dokumente, sowie die einfache Anpassung bei Design-Änderungen gewährleistet.

Die Entwicklung der Homepage wird beschleunigt und der Quelltext der Dokumente deutlich schlanker und übersichtlicher.

Unsere Bemühungen zur Darstellung einer zeitgemäßen Internetpräsenz, sehen wir als Beitrag zur Umkehrung einer Entwicklung, die wir sehr bedauerlich finden:

Mit Wehmut müssen wir erkennen, dass die Tabelle als Strukturelement, immer seltener zum Einsatz kommt.

Sie ist nicht nur ein bewährtes und äußerst browserstabiles Werkzeug, sondern erfreute sich bisher größter Beliebtheit. Gerade unerfahrene Webdesigner schätzten ihre unkomplizierte Handhabung.

Den Hauptgrund zur Abkehr findet man in der überwiegend vertretenen Meinung, die gesetzlich verordnete Barrierefreiheit, ausschließlich durch die Abstinenz gerade zur Tabelle realisieren zu müssen.

Die Technik dieser Seite zeigt einmal mehr, dass sich Altbewährtes durchaus mit aktuellen Trends und Vorgaben vereinen lässt.

Bei gleichzeitiger Verwendung der beiden Strukturelemente Tabelle und Div, wurden ihre Charaktere aufeinander abgestimmt und verbinden sich so zu einer Symbiose.

Den Forderungen zur barrierefreien Webgestaltung wird nachgekommen, ohne auf die durchaus auch in Fachkreisen bekannten Vorteile eines Tabellenlayouts verzichten zu müssen.

  #firsttable
    {
    margin: auto;
    min-width: 1000px;
    max-width: 78em;
    }

Die Wahl eines stimmigen Layout's, wird für den Webentwickler ohnehin immer mehr zum zentralen Thema, da bei der heutigen Vielfalt unterschiedlicher Bildschirmauflösungen, ein gutes Händchen hinsichtlich der Usability gefragt ist.

Waren Websites der vergangenen Tage meist noch für eine Auflösung von 800 x 600 Pixel optimiert, so darf man heute davon ausgehen, dass die Mehrzahl der Sites, für eine Auflösung von min. 1020 x 768 Pixel entwickelt werden.

Schaut man sich nun untenstehende Statistik des Web-Barometer's Webhits an, so müssen wir feststellen, dass die Auflösungen immer höher skalieren.

Um dieser Entwicklung Rechnung zu tragen, haben wir uns bewusst für ein sogenanntes fluides Layout entschieden. Die Mindestweite skaliert mit 1.000 Pixel, die Maximalweite ist derzeit auf 78.0em eingestellt.

Wenn Sie mit der Maus über die Mini-Website gehen, werden Sie die Vorzüge eines fluiden Layouts erkennen können.

Statistik der Bildschirmauflösung vom Samstag den 10. Januar 2009

Auflösung	Marktanteil	Marktanteil in der Grafik
786432 1024 x 768	41.5 %	415
1310720 1280 x 1024	29.5 %	295
1764000 1680 x 1050	5.2 %	52
1024000 1280 x 800	4.6 %	46
995328 1152 x 864	3.9 %	39
480000 800 x 600	2.7 %	27
1920000 1600 x 1200	2.6 %	26
1296000 1440 x 900	2.6 %	26
2304000 1920 x 1200	2.3 %	23
1470000 1400 x 1050	1.7 %	17
1228800 1280 x 960	1.4 %	14
983040 1280 x 768	0.6 %	6
50000 andere	1.4 %	14