Valide Webseiten erzeugen und Tabellen mit Stylesheets den Kampf ansagen

Viele Websiten, eigentlich sogar der Großteil, sind immernoch nicht ansatzweise standardkonform, bzw. in XHtml programmiert worden.

Standardkonform bedeutet in dem Zusammenhang das sie sich an die Richtlinien des W3C halten und zumindest einer der Doctypes (strict, transitional, frames, loose) beinhalten. Natürlich fängts dann erst richtig an:

Tags müssen umbenannt werden
Formatierungen fliegen aus dem Html-Code raus, hinein in ein externes Stylesheet
Tabellenkonstruktionen zur korrekten Visualisierung werden vermieden und abgelöst durch CSS

Nun es gibt sicher noch mehr auf das man achten muss, aber analysieren wir das vorhandene Material:
Tags müssen umbenannt werden, hört sich leicht an, ist es auch, ausser die Website wurde die letzten 5 Jahre in einem veralteten Editor programmiert (der nicht die neuen Tags benutzte) und nun haben sich 3000 Seiten angesammelt die alle die alten Formatierungen aufweisen. Bei einfachen Tags wie ist es einfach dieses automatisch in umzuwandeln. Doch auch das wäre schon Arbeit, hinzu kommen dann unzählige weitere wie “img” “hr” “input” usw.

Zugegeben mich würde es abschrecken, bestehende Seiten zu “erneuern”. Aber dies ist dennoch kein Grund es nicht zu lernen, zumindest der nächste Webauftritt sollte dann gerecht gelingen, vor allem Webdesigner, die hohen Konkurrenzdruck haben, dürfen sich in keinster Weise dieser Technik verschliessen.

Doch was war das andere, Css? Was Das? Ganz einfach, früher hat man folgende Konstruktion benötigt um einen Text dick, rot, schief und in Größe 14 zu schreiben:

Im Html-Code
Hier steht ein schlecht formatierter Text
Zugegeben, ich weiß nicht ob der Quellcode stimmt, mir haben die Finger geblutet als ich diesen häßlichen Code tippen musste.

Nun gut, der Text ist formatiert, aber jetzt fällt uns auf, den brauchen wir an anderer Stelle nochmal, genau denselben, also STRG+C und abgehts…..FALSCH!!

Das machen wir anders, wir legen uns ein Stylesheet an, welches wir in unserer Datei einbinden, dort wo wir den Text formatieren wollen. In das Stylesheet schreiben wir nun folgendes:

.text_form {font-size: 14px; color: red; font-weight: bold; font-style: italic;}

Dort wo der Code formatiert wird schreiben wir:
 Hier steht gut formatierter Text 

Nun werden sich hundert Fragezeichen über den Köpfen gebildet haben, macht aber nix, denn das Internet bietet mindest 5000 mal soviele Antworten, einfach nach “CSS tutorial einstieg” suchen, dann werden sich die Fragen auflösen.

Sicherlich gibt es motivierendere Artikel einen alt-eingesessenen-Html-Artisten dazuzubringen auf Css umzusteigen und sicherlich ist es anfangs auch kein leichter Weg, aber zumindest diejenigen welche mit dem Webdesign ihren Lebensunterhalt verdienen werden bal “out of business” sein wenn sie nicht endlich umsteigen, der Zug fährt los, aufsteigen!

valide websites, stylesheets

Verwandte Artikel

am Oktober 5, 2005 um 19:06 Uhr | in Webdesign | Kein Kommentar