Immer wieder werden ähnlich bzw. gleiche Layouts beim Webdesign gebraucht. Ich habe einmal versucht eine relative einfaches Framework zur schnellen Erzeugung von verschiedenen Layouts zu erstellen.
Um die Verwaltung des Framework einfach zu halten, habe ich mich dazu entschlossen die CSS-Dateien aufzuteilen. In der HTML-Datei existieren zwar nur 3 relative Verlinkungen zu den jeweiligen Ausgabedesigns, aber für jedes Design sind dann weitere 3 Dateien zuständig. Um die Designs flexibel administrieren zu können, benutze ich eine Layout-Datei für die Positionierung der Boxen, eine Color-Datei für die Farbgebung und eine Typographie-Datei für die Texteinstellung.
Fast jeder kennt wohl das Problem nichts mehr zu finden wenn es nicht richtig beschriftet wurde. Auch ich suche immer wieder nach den verschiedensten Dinge und das nicht nur im Web oder auf meinen Schreibtisch, sondern auch im gesamten Büro. Aber darum soll es in diesem Artikel nicht gehen. Viel mehr möchte ich mal kurz meine Gedanken über die sinnvolle Benennung von Containern beim Layouten los werden.
Eine sinnvolle und immer wiederkehrende Beschriftung von Container man natürlich nicht nur beim Arbeiten in einem Team, sondern bringt auch für einen selbst mehr Sicherheit. Dabei sollte immer darauf geachtet werden den HTML-Code nicht unnötig aufzublähen. Gerade im mobilen Web sind kline Datenmengen Gold wert.
Bei der Entwicklung eines Seitendesign für Websites müssen immer wieder die gleiche Strukturen von einen Webdesigner vordefiniert werden. Dabei legt er nicht nur auszuwählende Schriftart und Schriftgröße fest, sondern kümmert sich auch um die Farbgebung. Oft werden aber viele Dinge, die auf in einem HTML-Dokument vorkommen, schlicht weg vergessen.
Oft habe ich in den letzten Jahren erlebt, dass Designer vergessen sich Gedanken über die Gestaltung von Formularen, Tabellen oder aber auch von Listen innerhalb des Inhaltsbereiches zu machen. Sie gestalten immer sehr schöne Websites mit tollen Layoutbildern und Dekorationsobjekten. Machen tolle grafische Aufteilungen. Vergessen aber zu definieren wo sich der Seitentitel befindet und wie er aussehen soll. Sie stellen sich auch selten die Frage wie in der 3. oder 4. Ebene der Hauptnavigation die Menüpunkte gestaltet werden sollen. Ganz zu schweigen von der Definition wie bei einem Rollover die Links aussehen sollen.