Mit dem Boxmodell fängt alles an. Und doch ist auch da der Anfang immer wieder schwierig. In der Regel geschehen auch hier immer wieder die gleichen Schritte, die zu einer Ausgangsbasis führen. Abhilfe schaffen wird da ein Template-Generator, speziell für floatende Boxmodell Layouts. Ähnlich der früher oft verwendeten Definitionen für Framesets werden auch beim Generieren von Templates über das Boxmodell-Layout die Höhen, Breiten und die klasse definiert. Durch das entsprechende Verschachteln von Ausrichtungen können hier die gängigen Templates gebaut werden. Dabei wird von der float-Richtung her lediglich zwischen untereinander und links-floatend angeordneten Elementen unterschieden.
Archiv für März 2009
CSS Templates – Boxmodell Template-Generator
Mittwoch, 4. März 2009Gute kostenlose Templates sind selten
Montag, 2. März 2009Ein Blick in die Template-Seiten der verschiedenen Anbieter trennt die Seiten in zwei verschiedene Lager: Die einen sind technisch versiert und erstellen Templates, die technisch sauber sind, konform nach W3C-Standards und sich gut an bestehende CMS anbinden lassen – aber sie sind langweilig und eher technisch nüchtern gestaltet. Andere hingegen sind optisch hervorragend, arbeiten mit grafisch anspruchsvollen Elementen, funktionieren in der Praxis aber überhaupt nicht. Entweder lassen Sie das dynamische Erweitern von Content nicht zu oder sie funktionieren auf jedem zweiten Browser nicht. Kann es das wirklich sein? Gut, es ist nicht jedermanns Sache Technik und Gestaltung gleichermaßen zu beherrschen, aber jeder seinen Bereich und in der Kombination dann alle Bereiche abdecken – das sollte doch gehen, oder…?
CSS Templates mit Boxmodell-Layouts
Sonntag, 1. März 2009In den Bereich CSS Templates werden gebrauchsfertige Boxmodell-Layouts eingestellt werden. Da viele Webseiten einem ähnlichen Grundaufbau folgen muß man auch bei einem neuen Website-Projekt nicht immer wieder bei Null anfangen. Die CSS Templates werden zunächst mit den häufig verwendeten Anordnungen der DIV-Bereiche erstellt. Bannerbereich oben quer, Menüleiste links, Content rechts und Footer logischerweise unten – damit geht es los. Aber auch dreispaltige Layouts, wie sie häufig bei Typo3-Templates verwendet werden, kommen zum Einsatz. Abgerundet wird dieser Bereich durch spezielle Layout-Versionen bei denen z.B. der Footer fest am unteren Fensterrand stehen bleibt, jedoch mit dem Content mit nach unten scrollt wenn dieser höher als die Fenstergröße ist. Verschiedene Generatoren werden hier das erstellen einfacher floatender Templates erleichtern.