Mittwoch, 10. Dezember 2008

PIM, 2.Aufgabe: Finalisierung meines Lernblogs

Nachdem ich in den letzten Wochen nun das Layout meines Lernblogs auf semantischen Code umgestellt hatte war es nun soweit, meine Arbeit zu finalisieren und mittels einem CSS-Validator zu validieren.

Auf http://jigsaw.w3.org/css-validator/ kann man seinen CSS-Code direkt eingeben oder auch auf die URL verlinken, wo sich das Stylesheet befindet. Ich habe es direkt eingegeben und folgende Auswertung bekommen:


Auswertung des CSS-Codes bezüglich Fehler.


5 Warnungen, die den Code betreffen.


Als ich zu Beginn meiner Arbeit einmal testweise den CSS-Validator eingesetzt habe, habe ich sehr viele Fehler angezeigt bekommen. Diese waren deshalb zustande gekommen, weil in dem CSS die Makros bezüglich Layouteinstellungen eingebaut waren und der Validator damit nichts anfangen konnte. Deshalb habe ich von Anfang an versucht, die Makrotags aus meinem CSS-Code rauszunehmen. (Von dieser anfägnlichen Überprüfung habe ich leider keinen Screenshot gemacht).

Nachdem ich diese Fehlerquelle von Anfang an berücksichtigt habe, hat bei der endgültigen Überprüfung alles geklappt und es wurden keine Fehler angezeigt.
Deshalb machte ich mich gleich daran, die restlichen 5 Warnungen noch auszubessern, die mir der Validator ausgegeben hat.

Die ersten drei Warnungen waren von Zeile 27 und besagte, dass die Hintergrundfarbe von div#menu, .pollResultsBar und div#wrapper gleich mit der Vordergrundfarbe von h1 sind. Deshalb suchte ich im CSS-Code die Definitionen von h1 und änderte die Vordergrundfarbe.
Danach überprüfte ich den Code ein weiteres Mal und bekam folgendes Ergebnis bei den Warnungen:


Nur noch 2 Warnungen


Die nächste Warnung betraf Zeile 39 und besagte, dass Vordergrundfarbe und Hintergrundfarbe von .listFlag und h2 identisch sind. Nachdem ich das geändert habe habe ich auch noch die Vordergrundfarbe von h4 geändert, die mit der Hintergrundfarbe von div#header identisch war.

Danach führte ich die Überprüfung erneut durch und bekam endlich dieses Ergebnis:


Keine Fehler und Warnunen mehr.

... comment