Austauschschueler.de
austauschschüler.de ist eine Webseite auf der es eine Reihe von ausgesuchten Informationen zu diesem interessanten Thema Schüleraustausch gibt. Die Seite ist grafisch sehr schön gestaltet und nutzt ein Wordpress-Theme, das vom Designer Domfolio mit Hilfe der Software Artisteer gemacht wurde. Das Theme hat eine fixe Breite, eine linke Sidebar, 2 Spalten und ist in der Lage Widgets zu nutzen.
In der CSS Datei style.css sind alle Informationen gesammelt, die die Browser benötigen, um die Seite korrekt dar zu stellen. Sieht man sich diese Datei an, so merkt man recht schnell, dass die Artisteer Software im Prinzip genau die selben Schritte unternommen hat um den Code zu schreiben und den Projekt Umzug, wie sie auch ein menschlicher Programmierer gemacht hätte. Allerdings wird der Code von Artisteer deutlich verschachtelter und komplexer geschrieben, als von einem klassischen Programmierer. Aber sehen wir uns ein Mal die Datei etwas genauer an:
Wie bei Wordpress üblich, beginnt der Code der CSS-Datei mit der Definition des Bereichs body {margin: 0 auto; padding: 0; color: #353413; background-color: #D4D4AA; background-image: url(’images/page_t.jpg’); background-repeat: repeat-x; background-attachment: fixed; background-position: top left;}. Danach werden die Überschriften h1 bis h6 und die Links innerhalb der Überschriften definiert. Dann folgen die Links im Fließtext, die gleichfalls den üblichen Vorgaben (Schriftfamilie, Farbe, und Unterstreichung zum Hervorheben der Links) entsprechen: {font-family: Tahoma, Arial, Helvetica, Sans-Serif; text-decoration: underline; color: #8F600F;}Soweit ist noch nichts Außergewöhnliches zu entdecken.
Je weiter man aber in der CSS-Datei nach unten scrollt, desto offensichtlicher wird, dass der Code, der von Artisteer erzeugt wird, ziemlich komplex und ineinander verschachtelt ist. So werden z. B. etwas weiter unten die Überschriften h1 bis h6 wieder definiert, diesmal wird aber ein anderes Detail im Code festgehalten.
Da diese relativ komplexe Aufsplitterung des Codes sich nicht nur auf den Bereich der Überschriften beschränkt, sondern auch für alle anderen Abschnitte gilt, hat man es bei diesem Code mit einem ziemlich komplizierten Produkt zu tun. Natürlich ist der vom Programm erzeugte Code valide und wird auch von jedem Browser richtig interpretiert. Will man allerdings später einzelne Details von Hand ändern, dann kann es schon ein relativ kompliziertes Unternehmen werden die einzelnen Vererbungen innerhalb der verschachtelten CSS-Blöcke zu erkennen.
Schüleraustausch nach Altena - die wunderschöne Burgstadt! Weitere Informationen auf Altenaer.de!
Fazit: Der von Artisteer erzeugte CSS-Code ist zwar zu 100% korrekt, aber relativ kompliziert aufgebaut.