Kolophon
Hier schreibe ich etwas zur Entwicklung der Website und den Gedanken, die ich mir beim Bau gemacht habe.
Änderungen (Change Log)
- 17-12-2008; Version 1.0: Aufsetzen der Website
- 20-12-2008; Version 1.0.1: Anpassungen des Layouts, der Navigation und der Schriftfamilie, Änderungen an der Angebotsstruktur
- ...
- 09-02-2012; Version 5.0: Zend Framework Application als Unterbau;
Allgemeines
Allgemeines - Content Management
Das Zend Framework (MVC-Struktur) ist seit Version 5 der Motor der Website.
Allgemeines - Farben
Das Farbschema beruht auf dem Backend von WordPress-Version 2.5 und 2.6.
Allgemeines - Grafiken
Es kommen Grafiken aus dem Iconset von famfamfam zum Einsatz.
CSS
CSS ist die Layoutsprache im Internet.
CSS - Anderes
Es gibt einen Conditional Comment, um den Internet Explorer 6 anzusprechen, dabei erscheint zusätzlich zum normalen Text noch eine kleine Hinweisbox, dass der Browser veraltet ist.
CSS - Layout
Ich versuche mich hier an einem hybriden Layout, also zum Einen will ich es flüssig haben und zum Anderen elastisch. Flüssig heißt, das Layout soll den Platz im Browserfenster nutzen. Elastisch heißt, wenn man den Text vergrößert, soll die Seite im Ganzen mitwachsen. An einigen Stellen habe ich bewusste Einschränkungen gemacht, da die Hauptinhaltsspalte zwischen 300 und 700px haben soll, damit diese schön lesbar bleibt.
Ich verwende zum Zentrieren der div 'contentwrapper' die Technik, erst die div mittels position: relative; und left: 50%; in die Mitte zu schieben und sie dann mit einem margin: -28em; wieder um die Hälfte zurückzuziehen.
Die div contentwrapper füge ich ein, damit die Navigation und die Inhaltsspalte bei großen Bildschirmen nicht zu weit auseinanderdriften.
CSS - Textauszeichnung
Im Text befinden sich Haltepunkte, die fett geschrieben sind.
Links werden ergänzt durch eine Klasse, dass der Nutzer sehen kann, was ihn hinter dem Link erwartet. Dabei wird mittels CSS und der Content-Eigeschaft ein Text hinter den Elementinhalt erzeugt. Interne Links erhalten keinen Hinweis.
XHTML
Damit die Seite eine saubere Struktur erhält, wurde versucht keine der Überschriftenhierachiestufen auszulassen und schlankes, logisches Markup zu verwenden. Ich nehme XHTML 1.0 in der Variante Strict als Doctype. Ich muss einige Klassen einsetzen, um dem Nutzer das Leben angenehmer machen zu können, bzw. weise ich lieber zusätzliche Klassen zu, als eigene Elemente einzusetzen, die vorwiegend zum clearen oder zum Aufnehmen eines Abstandes da sind.