Aufgabe 4 : Adaptierung des Lernblogs
Zunächst wollte ich das Standard-Design des Blogs loswerden, und hab deshalb auf antville.org nach passablen Layouts gesucht, um das Design des Blogs etwas vom Einheitsbrei der Collabor-Blogs abzuheben.
So habe ich mich für das Layout "Small Business 1.0" entschieden. Dabei wollte ich das Layout entsprechend adaptieren, denn die linke Menüspalte erschien mir zu schmal, sodass der Twitter-Stream nicht ausreichend Platz hatte, und auch die Namen der Blog-Einträge wurden kurzerhand abgeschnitten. Außerdem wollte ich die Standardbreite der gesamten Seite von 900 px auf 1000 px erhöhen.
Soweit gedacht, aber der Haken dabei: Das Layout verwendete eine Hintergrundgrafik mit einer fixen Breite von 900 px für den Textbereich inkl. der linken Menüspalte, d.h. auch wenn ich die Breite der linken Spalte in den CSS-Anpassungen vergrößerte, änderte dies nichts, da ja die Hintergrundgrafik sich deshalb nicht veränderte.
Also hab ich sowohl die Grafiken aus dem Header als auch im Body-Bereich der Seite entfernt. Für den Header habe ich eine eigene Hintergrundgrafik eingefügt, die sich über die gesamte Breite der Seite erstreckt. Für den Body-Bereich habe ich die Hintergrund-Farben der Menüspalte als auch der Textspalte mittels CSS gesetzt. Eine starre Hintergrundgrafik, so wie ursprünglich im Layout "Small Business 1.0" verwendet, ist meiner Meinung nach ein absolutes No-Go im Webdesign!
Natürlich könnte man die Seite noch optimieren, indem man diese responsive macht, und auf HTML5 umstellt, allerdings müsste man dafür das Layout von Grund auf adaptieren, oder am besten gleich wieder löschen, und die Änderungen im Blog-Layout manuell vornehmen.