Deine erste Homepage
Kapitel 5
Fehlersuche
Jetzt kommt die Erklärung, warum wir im vorherigen Kapitel so viel scheinbar unnötigen Code eingefügt haben. Die Seite sieht doch nach diesen Ergänzungen kein bisschen anders aus.
Aber sie ist jetzt absolut fehlerfrei. Das heißt, die Seite verwendet absolut richtige (X)HTML Syntax. Und dies sollten wir von Anfang an anstreben. Wenn unsere Homepage im Laufe der Zeit weiter wächst, dann wird die Suche nach eventuellen Darstellungsfehlern immer schwieriger. Wenn dann wenigstens der Code korrekt ist, dann erleichtert dies die Fehlersuche.
Fehlerfreier Code stellt auch sicher, dass die Seiten mit einem Screen Reader korrekt dargestellt werden.
Der Validator
Pfiffigerweise gibt es automatische Prüfwerkzeuge, um die Korrektheit deines Codes zu testen. Das bekannteste dieser Werkzeuge ist der offizielle Validator. Gib auf dieser Seite die Adresse deiner Homepage ein, und du erhältst eine detaillierte Auflistung von eventuellen Code-Fehlern, oder, im günstigsten Fall, eine grüne Meldung, dass deine Seite "valide" ist, d. h. nur "gültigen" Code beinhaltet.
Anmerkung:
Natürlich ersetzt der Validator nicht die persönliche Kontrolle des Seiteninhalts. Tippfehler und Ähnliches erkennt er nicht. Und leider auch nicht die korrekte (oder mangelhafte) Struktur deines Dokuments, wie wir das in einer frühere Lektionen gelernt haben. Dafür musst du schon selbst sorgen.
Leider ist der hier vorgestellte Validator in englischer Sprache.
Sollte dies für dich ein Problem sein, dann gibt es einen deutschsprachigen Validierungsservice von Validome
Nachtrag 22.10.2010: Validome scheint es leider nicht mehr zu geben.
Vielleicht hilft dir auch diese Liste mit Fehlermeldungen.
Übung
Korrigiere ALLE Fehler, die der Validator auf deiner Seite anzeigt.
Wenn dir das nicht gelingt, oder du nicht glaubst, dass dies möglich ist, dann prüfe die Musterseite, die wir im vorigen Kapitel erstellt haben.
Was haben wir in dieser Lektion gelernt?
Wir haben gelernt, wie wir unsere Seite auf technisch fehlerfreien Code testen können - und warum fehlerfreier Code so wichtig ist.
Wie geht es weiter? Was fehlt noch?
Kunst kommt von Können.
Oder mit dem bayrischen Volksschauspieler Karl Valentin gesprochen:
"Kunst ist schön - macht aber viel Arbeit."
Ja, es ist noch ein ordentliches Stück Weg, bis wir von uns behaupten dürfen, wir könnten HTML. Was erwartet uns auf den nächsten Etappen dieses Wegs?
- Wie erstellt man Links, d. h. anklickbare Verweise zu anderen Seiten?
- Wie erstellt man ein Navigationsmenü, eine anklickbare Liste der verschiedenen Seiten meiner Homepage?
- Meine Seite sieht immer noch irgendwie kaputt aus. Kann man die Seite "schöner" machen? Design - Layout
- Wie kann ich Bilder auf meine Homepage stellen?
- Und wie bringe ich Musik auf meine Homepage?