Gerade zu diesem Thema ist das Internet selbst eine unerschöpfliche Fundgrube. Das kann den einen oder anderen, eben aufgrund dieser Vielfalt, schon mal überfordern.

Ziel dieses Artikels ist es aufzuzeigen wie man lernt moderne und standardkonforme Websites zu erstellen. Ich werde hier also nicht auf HTML und CSS eingehen, das haben andere schon sehr gut und sehr ausführlich getan. Aber bevor ich nun Anfange noche eine Sache gleich Vorweg:

Ihr lernt nicht von heute auf morgen tolle Websites zu machen und es kann teilweise sehr frustrierend werden.

Und gerade zu letzterem trägt eine Browserfamilie aus Redmond nicht unwesentlich bei. Wenn ihr euch eine Weile mit der Erstellung von Websites mit HTML und CSS befasst habt werdet ihr wissen was ich meine. So, alles die es geschafft haben, bis hierhin zu lesen möchte ich herzlich gratulieren. Ihr seid auf dem richtigen Weg und bewiesenermaßen auch gewillt ihn zu begehen, egal wie steinig er auch sein mag.

Genug theatralik für jetzt, wollen wir anfangen. Zum Anfang geht nichts über ein gutes Buch. Wer auf ein gedrucktes Buch verzichten kann, dem empfehle ich die Online Version von Michael Jendryschik’s Buch: Einführung in XHTML,CSS und Webdesign. Es handelt sich hierbei um das Online Exemplar zum gleichnamigen Buch der zweiten Auflage. Eine kleine Bemerkung am Rande: Das es das Buch ist merkt man an einigen wenigen Stellen wo auf eine Buchseite verwiesen wird.

Damit seid ihr für den Anfang gut ausgelastet denke ich. Ein paar kleine Anmerkungen zum Arbeiten mit Büchern, Beispielen etc. schreibt die Beispiele ab, dann bekommt ihr Gefühl für die Arbeit mit dem Quellcode.  Außerdem rate ich euch, gerade bei CSS mit Eigenschaften und Werten zu spielen um ein Gefühl dafür zu bekommen.

Behaltet immer im Hinterkopf: Formatiert euren Quelltext sauber und kommentiert ihn fleißig. Gerade letzeres kann einem bei umfangreichen CSS Dokumenten viele Nerven sparen.

Warum ich euch Vorschlage XHTML zu lernen, lässt sich leicht erklären. Ohne aber jetzt die Gesamte Diskussion XHTML vs. HTML aufrollen zu wollen. XHTML hat die eindeutig strengere Syntax, die meiner Ansicht nach das erlernen erleichtert, da es zu einer gewissen Disziplin zwingt.

In HTML ist es möglich Elemente die aus einem öffnenden Element und einem schließenden Element bestehen, nur das öffnende Element zu verwenden.

Folgendes Beisiel zeigt einen Absatz mit öffnendem und schließenden Element.
<p>Ich liebe die Rosen in all ihrer Pracht, Doch mehr noch den Heiland, der selig uns macht!</p>

In HTML reicht es allerdings wenn man schreibt
<p>Ich liebe die Rosen in all ihrer Pracht, Doch mehr noch den Heiland, der selig uns macht!

Das kann auf alle Elemente übertragen werden. In XHTML dagegen ist das verboten. Dort muss immer ein schließendes und öffnendes Element vorhanden sein. Bis auf ein paar Ausnahmen auf die ich hier nicht eingehen werde. Daher macht es Sinn XHTML zu lernen, da es für den Anfang übersichtler ist und wie bereits gesagt strenger.

Ein weiterer Vorteil für mich persönlich ist, das alles in Kleinbuchstaben geschrieben werden muss. Also Elemente und Attribute. Das vereinheitlicht das Dokument und steigert die Konsistenz.

Aber erstmal genug zum Thema XHTML. Da man seine Arbeit auch immer überprüfen sollte ist der Validator der beste Freund eines jeden Webentwicklers. Eine valide Website zu erstellen sollte immer immer eines der Ziele sein.

Ist man mal den Kinderschuhen entwachsen gibt es noch Zahlreichere Ressourcen im Netz. Hinzu kommen Themen wie Typographie, Barrierefreiheit, Semantik, Microformats, Browserbugs uvm. Besonders erwähnenswert sind an dieser Stelle die Webkrauts, die sich in Deutschland für eine Verbreitung von Webstandards einsetzen und immer wieder Fachartikel zu diesem Themengebiet schreiben und auch neue Trends aufgreifen. Zu finden sind die Webkrauts im Netz unter www.webkrauts.de

Auf der Website finden sich interessante Artikel rund um Webstandards, HTML, CSS usw. Zu erwähnen ist auch die Linkliste, welche Material zu den verschiedenen Themen liefert.

Um ein wenig Übung zu bekommen, kann man auch einfach ein Bildbearbeitungsprogramm seiner Wahl nehmen, ein Layout gestalten und einfach versuchen es in sauberem HTML und CSS umzusetzen. Danke an die Pixelschwester für diesen Tipp.

Zum Schluss kann ich nur noch sagen. Websites erstellen macht Spaß und man sollte einfach damit anfangen und vor allem am Ball bleiben. Und wenn es mal klemmt, vergesst niemals: Ihr seid nicht alleine. Die Probleme die ihr haben werdet, hatten Tausende andere vor euch auch. Und im Internet findet sich noch so jedes kleine Detail wie man 99,9% der auftretenden Probleme lösen kann.

Ich hoffe ich konnte euch einen kleinen, nicht zu technischen, und hoffentlich Informativen, Einblick geben. Es würde mich sehr freuen, wenn ihr mitteilt was ihr von dieser kleinen Einführung haltet. Also Kritik, Anregungen, Lob, dafür habt ihr sehr viel Platz in den Kommentaren.

Wie kann man solch ein Schema nun für CSS benutzen. Nicole Sullivan hat sich mit dieser Problemstellung befasst und herausgekommen ist dabei ein objektorientiertes CSS Framework namens OOCSS. Die Beschreibung verspricht viel “for high performance webapplications and sites”. Klingt gut.

Mit OOCSS soll es möglich sein performante, wartbare Seiten zu erstellen die obendrein noch Webstandards konform sind.  Dafür sind 2 “Grundsätze nötig auf die OOCSS baut. Die Struktur vom Aussehen zu trennen und die verschiedenen Bereiche (Container: Head, Sidebar usw.) vom Inhalt.

Das Projekt liegt bislang noch in einer Alphaversion vor. Aber ansehen kann man sich das ganze auf jeden fall. Ich finde es sehr interessant und hoffe ich komme mal dazu es bei einem Projekt einsetzen zu können.

Habt ihr schon mit OOCSS gearbeitet? Was haltet ihr davon? Über Kommentare freuen wir uns wie immer.

Jedenfalls wünsch ich euch allen Frohe Ostern! Morgen geht hier alles wieder mit dem normalen müsiggang weiter wie bisher auch.

Was ich schön finde ist, dass es schon eine Handvoll Leute gibt die meinen Feed abonniert haben. Freut mich wirklich. Toll wäre es jetzt natürlich auch wenn man den ein oder anderen Kommentar von euch finden würde.

Naja, bis morgen dann. Vielleicht schreib ich was zu Subversion, damit hab ich mich die letzten 2 Wochen eingehend beschäftigt. Warten wir mal ab.

Auf www.bueltge.de könnt ihr mehr darüber erfahren. Tipp: Scrollt ein wenig herunter dann seht ihr den Beitrag.