Julia.Neubauer.Uni-Linz, Mittwoch, 10. Dezember 2008, 08:28, topic: PIM-Aufgabe
Begonnen hat meine Layoutauswahl indem ich mir die verschiedenen Vorschläge derAntville Layouts nach einem für mich passendem gesucht habe. Dabei wurde ich bei dem Design Streifenweise fündig.
Auf dieses Format aufbauend habe ich eine statisches Html-Datei erstellt, die meine Vorstellungen bezüglich des Aussehens meines Blogs darstellen soll:
Als erstes machte ich mich daran den Hintergrund von gelb auf grün zu ändern. Es half mir sehr, dass das Layout Streifenweise von vornherein auch mit grünem Hintergrund wählbar ist, was es mir möglich machte nicht auf den Schatteneffekt zu verzichten. Der Schatteneffekt entsteht dadurch, dass es sich beim Hintergrund um einfaches Bild handelt.
Als nächstes ersetzte ich das alte Bild mit dem, das ich auch für den Layoutvorschlag verwendet hatte. Dabei ergab sich das Problem, dass ich das Bild für das Layout mit einer Schrift versehen hatte, die nun automatisch auch vom Blog angezeigt wurde, was etwas komisch aussah. Also habe ich das Bild in einem nächsten Schritt durch das aktuelle Tulpenbild ersetzt, dass dem eigentlichen Bild ähnelt und doch schöner ist.
Als nächstes habe ich mir das Stylesheet vorgenommen.
Dort habe ich zuerst die Schriftfarbe an den neuen Hintergrund angepasst, damit die farbliche Abstimmung besser passte. Weiters habe ich die Navigationsbox stark verändert, indem ich die Überschriften verändert habe. Ich habe sie in eine sehr untypische Schrift gesetzt und wie im Layoutvorschlag grau hinterlegt. Das Ziel war, dass sich der Blog so von anderen unterscheidet und vielleicht ein wenig mehr hervorsticht. Die Navigationsbox gelb einzufärben, so wie ich es im Layoutvorschlag getan habe, führte ich nicht durch, da es in der Umsetzung nicht mehr so vorteilhaft erschien.
Als nächsten Schritt habe ich die Navigationsboxen verändert. Ich habe die aktuelle Uhrzeit angezeigt und den Punkt letzte Beiträge eingefügt.
Die Box letzte Kommentare habe ich auf nur drei Kommentare beschränkt, damit diese nicht ausufert.
Als dies alles erledigt war, habe ich meinen Blog auf der von Herrn Prof. Mittendorfer empfohlenen CSS-Validator überprüfen lassen.
Das Ergebnis war eine Bewertung mit 2.1. Somit durfte ich meine Seite mit dem Zertifikat des CSS-Valikators versehen (unten links).
Die 4 Verbesserungsvorschläge des CSS-Validators bezogen sich vor allem auf nicht in Anführungszeichen gesetzte Schriften, was ich natürlich sofort geändert habe. (Leider ergab sich dadurch keine bessere Bewertung)
Auf dieses Format aufbauend habe ich eine statisches Html-Datei erstellt, die meine Vorstellungen bezüglich des Aussehens meines Blogs darstellen soll:
Als erstes machte ich mich daran den Hintergrund von gelb auf grün zu ändern. Es half mir sehr, dass das Layout Streifenweise von vornherein auch mit grünem Hintergrund wählbar ist, was es mir möglich machte nicht auf den Schatteneffekt zu verzichten. Der Schatteneffekt entsteht dadurch, dass es sich beim Hintergrund um einfaches Bild handelt.
Als nächstes ersetzte ich das alte Bild mit dem, das ich auch für den Layoutvorschlag verwendet hatte. Dabei ergab sich das Problem, dass ich das Bild für das Layout mit einer Schrift versehen hatte, die nun automatisch auch vom Blog angezeigt wurde, was etwas komisch aussah. Also habe ich das Bild in einem nächsten Schritt durch das aktuelle Tulpenbild ersetzt, dass dem eigentlichen Bild ähnelt und doch schöner ist.
Als nächstes habe ich mir das Stylesheet vorgenommen.
Dort habe ich zuerst die Schriftfarbe an den neuen Hintergrund angepasst, damit die farbliche Abstimmung besser passte. Weiters habe ich die Navigationsbox stark verändert, indem ich die Überschriften verändert habe. Ich habe sie in eine sehr untypische Schrift gesetzt und wie im Layoutvorschlag grau hinterlegt. Das Ziel war, dass sich der Blog so von anderen unterscheidet und vielleicht ein wenig mehr hervorsticht. Die Navigationsbox gelb einzufärben, so wie ich es im Layoutvorschlag getan habe, führte ich nicht durch, da es in der Umsetzung nicht mehr so vorteilhaft erschien.
Als nächsten Schritt habe ich die Navigationsboxen verändert. Ich habe die aktuelle Uhrzeit angezeigt und den Punkt letzte Beiträge eingefügt.
Die Box letzte Kommentare habe ich auf nur drei Kommentare beschränkt, damit diese nicht ausufert.
Als dies alles erledigt war, habe ich meinen Blog auf der von Herrn Prof. Mittendorfer empfohlenen CSS-Validator überprüfen lassen.
Das Ergebnis war eine Bewertung mit 2.1. Somit durfte ich meine Seite mit dem Zertifikat des CSS-Valikators versehen (unten links).
Die 4 Verbesserungsvorschläge des CSS-Validators bezogen sich vor allem auf nicht in Anführungszeichen gesetzte Schriften, was ich natürlich sofort geändert habe. (Leider ergab sich dadurch keine bessere Bewertung)
