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.

Nils hat es innerhalb eines Jahres geschafft zu einer festen Größe in der deutschen PHP-Szene zu werden. Er öffnete seinen Blog mit dem Anspruch jeden Tag einen Artikel zu schreiben. Ein hochgestecktes Ziel, denn es ist ja sehr oft so, das viele nach ein paar Monaten wieder aufgeben. Doch Nils hat es durchgehalten, jeden Tag einen Beitrag zu schreiben. Mit der Zeit sind auch einige super Co-Autoren und Gast-Autoren dazu gekommen, die Nils ein wenig unter die Arme greifen.

Ich lese phphatesme schon in etwa so lange wie es in gibt. Glaube ich war ab dem 10 Artikel dabei. Im Grunde kann man sagen, das Nils mich zum Bloggen gebracht hat, wenn auch indirekt. Danke Nils!

Bedanken möchte ich mich auch für die Möglichkeit Gast-Artikel bei phphatesme.com zu schreiben. Einen hab ich bis jetzt geschafft. Aber ich denke da kommen noch ein paar dazu.

So, ich wünsche phphatesme.com, Dir Nils und den Co-Autoren eine weitere Erfolgreiche Zeit. Auf das bald der Feedreader die 1000er Grenzen packen mag.

Vor einer Stunde kam dann die Neuigkeit per Feedreader rein, dass er das Handbuch fertig hat. Hier mal ein Teil aus der Einleitung.

Developer Evangelism is a new kind of role in IT companies.

A developer evangelist is a spokesperson, mediator and translator between a company and both its technical staff and outside developers.

Die Gründe warum er das Buch geschrieben hat, sind auch einleuchtend.

Every day millions of dollars are wasted in companies because non-tech people and tech people either don’t communicate at all or completely miss each other’s points.

Even more money is then spent on internal promotion of your products or external communication and advertising to get people excited about your new product.

Macht Sinn! Ich werd mir das auf jeden Fall mal komplett durchlesen, sicher sehr interessant. So, hier noch der Link zur Seite des Buches. Veröffentlich ist es unter einer Creative Commons License. Sehr schön!

Dieses mal wird jedoch in eine andere Richtung geschossen. Es wird nicht wie so oft Microsoft bashing betrieben, sondern generell empfohlen den Browser zu updaten. Aufgerufen werden nun die Administratoren und IT Verantwortlichen in den Firmen, die Krücke IE6 von den Systemen zu verbannen.

Es wird dazu aufgerufen, gegen die IT zu revoltieren. Die Kampagne stellt vorgefertigte Plakate bereit, die man doch bitte überall, gut sichtbar für die ITler aufhängen soll. Es stehen verschiedene Versionen zur Auswahl.

Auch youtube stellt nach und nach die Unterstützung für den betagten Browser ein. Ein sehr wichtiger Schritt wie ich finde. Sicher ist das für die IT weniger Relevant, aber vielleicht ist es ein Beispiel für andere große Seiten, den IE 6 zu verbannen.

Man kann sich nun darüber streiten wieviel Sinn eine solche Aktion macht oder ob man den IE6 boykottieren soll. Ich für meinen Teil bleibe bei meiner Meinung, dass der IE6 endlich das zeitliche Segnen soll, damit wir Webentwickler uns auf die wirklich wichtigen Sachen konzentrieren können. Die wirklich wichtigen Sachen findet ihr hier: Code Responsibly.

Wir haben hier noch 7 originalverpackte Poken (Frankenstein und Panda) – Wenn jemand Interesse haben sollte, für 12€ pro Stück + 2€ Versand gehören sie euch!

Alternativ 2 Poken für 23€ + 2€ Versand!   Natürlich mit Rechnung!

Einfach melden unter: info@LassUnsPoken.de

Im Grunde, Informationen zu verarbeiten und sich ein eigenes Bild zu machen. Selbstständig nachdenken, die eigene Meinung frei äußern, dass sind doch die Ziele von Bewertungsfeatures.

So weit zur schönen und vor allem nur gut gemeinten Theorie. Das es in der Praxis oft anders aussieht, ist auch kein Geheimnis. Ein fast aktueller Fall, auf Amazon.de zum Spiel Anno 1404. Ein vermeintlich tolles Spiel, bekommt nur wegen dem restriktiven Sicherheitsmaßnahmen Seitens des Herstellers, schlechte Bewertungen. Nicht das wir uns falsch verstehen, ich finde diese Gängelung der ehrlich Käufer auch schrecklich. Mit dem Spiel ansich hat das jedoch nichts zu tun. Das nur als ein negativ Beispiel.

Nichtsdestotrotz, hat man ja die Möglichkeit sich die Bewertungen als möglicher Kunde anzusehen und sich so sein eigenes Bild zu machen. Wo wir wieder bei “selber denken” wären. Und oft genug sind Bewertungen, eine super Sache um herauszufinden, welche Katze man im Sack kauft, oder um “Druck” auszuüben.

Nun was hat das jetzt alles mit Spickmich.de zu tun? Ganz einfach. Auf Spickmich.de haben Schüler die Möglichkeit, ihre Lehrer anhand von objektiven Kriterien zu bewerten. Das hat unlängst auch der Bundesgerichtshof anerkannt. Eine Deutschlehrerin hatte gegen das Lehrerbewerungsportal geklagt, weil sie mit der Note 4,3 Bewertet wurde. Sie sah ihre Persönlichkeitsrechte verletzt.

Ich, als jemand der selbst noch zu den Betroffenen gehört, also generell als Schüler, ich finde es gut das uns die Möglichkeit gegeben wird unsere Lehrer zu bewerten, anhand sachlicher Kriterien. Welche Möglichkeiten hat man den sonst sich zu wehren? Persönliches Gepräch? Gang über die Schulleitung, das Schulamt? Ich bitte euch, ihr wisst zum großen Teil selbst, dass das nicht oft überhaupt etwas ändert. Viel mehr muss man Angst haben, dass einem daraus zerschmetternde Konsequenzen entstehen.

Man kann hier natürlich geteilter Meinung sein und es gibt auch hier sicher positive Beispiele. Zum Beispiel, hat uns einer unserer Lehrer, halbjährlich, die Möglichkeit gegeben, anhand eines anonymen Fragebogens, ihn zu bewerten. Er hat das dann ausgewertet und die Ergebnisse mit uns besprochen. Solch eine Selbstevaluation, ist ein sehr tolles Beispiel wie es auch funktionieren kann.

Kritik am Urteil des Bundesgerichtshof, kam wie zu erwarten auch aus Richtung der Politik, natürlich von der CDU/CSU. Die ja immer bestrebt ist ihre Bürger zu schützen und Grundrechte abzubaue und uns zu Bevormunden. Die letzten Jahre haben uns gezeigt, dass die Politik uns die Fähigkeit, selbstständig zu denken aberkennt und die Gesetze die dazu erlassen werden zeigen das, meiner Meinung nach deutlich.

Was hat das nun mit Spickmich zu tun? Erst einmal gar nichts. Aber wer sagt uns, dass nicht bald solche Seiten verboten werden, weil sie “das Denunziantentum” fördern?

Was bleibt zu sagen. Ich finde es gut, dass es Seiten wie Spickmich.de gibt. Man muss es als Möglichkeit begreifen, nicht als Gefahr. Es wird wie oft nur das negative gesehen und dem Volk wird es nicht zugetraut selbstständig abwägen zu können, was er mit der ein oder anderen Information anfangen kann.

Witzig finde ich auch immer wieder vergleiche bei Diskussionen, wenn sich die Politik zu Wort meldet.

“Dass Politiker benotet werden, damit können wir leben.”, sagte Kauder in einem Interview mit RP Online. “Aber dass jetzt auch zwischen Bürgern jeder den anderen anonym bewerten kann, das hat für mich schon etwas von Denunziantentum.” Und weiter: “Sollen Lehrer demnächst anonym ihre Schüler bewerten? Oder Verurteilte die Richter?”
Internet-Pranger am Pranger@heise.de

Also werden nun Schüler mit Verbrechern verglichen? Ist das, genau das, nicht Denunziantentum? Das Volk wird beschimpft, beleidigt, Denunziert und das von der eigenen Regierung. Aber wir sind ja alles potentielle Amokläufer, Terroristen und Kinderschänder. Ich weis das sind harte Worte. Aber jeder der die jüngsten politischen Diskussionen mitverfolgt hat, hat nicht sehr viele Alternativen anders zu denken, meine ich.

Ich vermute man würde die Schüler gerne mundtot machen, denn sonst könnte es ja sein, das man wirklich irgendwann etwas ändern müsse, und dann müsste sich die Politik auch eingestehen Fehler gemacht zu haben. Schrecklich!

Wie seht ihr das? Bei einigen von euch liegt der Schulalltag schon etwas weiter zurück, aber es ist ein Thema das uns alle angeht. Denn nicht nur Schüler sind ohnmächtig, auch ihre Eltern, die sich wehren.

Das Familienministerium hat eine Umfrage zum Gesetzesvorhaben zur Bekämpfung der Kinderpornographie im Internet (PDF), beim Institut für Demoskopie Allensbach, in Auftrag gegeben. So schockierend die Ergebnisse auch sind, so sind sie doch so wie man es zu erwarten hat, wenn sie von Laien (vorsicht Wortspiel) in Auftrag gegeben wird.

Die Kollegen bei netzpolitik.org haben eine eventuell bessere, klarere Überschrift zum Thema gefunden, die ich euch nicht vorenthalten mag. Markus schreibt über “Familienministerium kauft Allensbach Umfrage“. So traurig das auf den ersten Blick klingen mag – man geht ja eigentlich davon aus, dass solche Umfragen repräsentativ und sinnvoll sind – so klar ist es doch das eine solche Umfrage, von einer, vorsichtig gesagt, parteiischen “Gruppe” nicht der Realität entsprechen kann.

Damit meine ich nicht die Umfrage an sich. Die Zahlen sind sicher “echt”. Aber wenn man sich Ergebnisse mal anschaut, und vor allem die Fragestellungen, Antwortmöglichkeiten, Definition der Zielgruppe (am Lustigsten fand ich die Gruppe der starken Internetnutzer – die einmal am Tag das Internet nutzen) usw.

Markus hat schon ein paar Gedanken dazu ausfomuliert, die ich hier gerne zitiere, weil sie genau das wiederspiegeln was ich mir nach dem studieren der PDF gedacht habe. Frei nach dem Motto,  “Warum das Rad neu erfinden?”

Kurzergebnis: Ältere und schlechter ausgebildete Menschen finden die Zensursula-Pläne gut. Junge und gut ausgebildete Menschen sind kritischer. Das deckt sich ja mit der CDU-Zielgruppe. Man könnte jetzt die Fragestellungen auseinander nehmen und auch die Verpackung der Ergebnisse.
markus@netzpolitik.org

Sicher macht es spaß jetzt die komplette Umfrage zu zerlegen. Da sich Thortsten in seinem Notizblog bereits die Arbeit gemacht hat, wollen wir sie hier auch entsprechend würdigen. Danke Thorsten!

Aber ignorieren wir das. Ignorieren wir auch, dass bei der Umfrage natürlich wieder nur die Blockade von Internetseiten alternativlos vorgestellt wurde und die Gegner des Gesetzesvorstosses mal eben zu “Gegnern von Maßnahmen gegen Kinderpornographie” werden. Ignorieren wir ebenfalls, dass 43 Prozent der Befragten nicht einmal täglich seine E-Mails abruft und alle anderen als “starke Internet-Nutzer” klassifiziert wurden.
thorsten@notes.computernotizen.de

Mir, mir ganz persönlich wird schlecht, wenn ich mir diese “Verdrehung” der Tatsachen ansehe.

Ein anderer Gedanke den ich an dieser Stelle äußern möchte. Nehmen wir einfach mal an, die Umfrage würde die Meinung der Deutschen wiederspiegeln. Dann würde das doch im Umkehrschluss bedeuten, dass die Mehrheit dafür ist, weiterhin Missbrauchte Kinder zur Schau zu Stellen und das Problem lediglich unter den Teppich zu kehren.

Gehen wir einfach mal davon aus und bleiben bei der Unschuldsvermutung, sonst bewegen wir uns ja auf den selben Pfaden wie unsere Bundesregierung. Den, nicht vergessen, Du bist Terrorist!

Was bietet die Version 4:

• ARIA-Unterstützung
• Vollbildzoom
• HTML 5-Medienunterstützung
• Acid 3-Konformität
• CSS 3-Webschriften
• HTML Canvas
• SVG 1.1
• uvm.

Den Acid 3 Test hab ich persönlich gleich mal durchlaufen lassen. 100 Punkte von 100! Nach Opera in Version 10 der nächste Browser der die 100 schafft. Gratulation.

Safari 4 besteht den Acid 3 Test

Hier kann sich der Internet Exploder, pardon Explorer, eine Scheibe abschneiden.

Für Entwickler kann man in den Einstellungen unter Erweitert, das Menü für Entwickler hinzufügen. Dort lässt sich dann beispielsweise die gerade geöffnete Seite in einem anderen, installierten Browser öffnen, Javascript deaktivieren, CSS deaktivieren, ein Javascript Debug Tool starten und noch einiges mehr.

Es ist jedenfalls erfreulich, dass die meisten Browser sich in Richtung HTML 5, Canvas, SVG und CSS 3 bewegen. Was für uns Webentwicklern ein Schritt in die richtige Richtung ist.

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.

Obwohl ich viel im Netz unterwegs bin, bin ich nur bei wenigen Netzwerken und einigen Foren angemeldet und dass aus gutem Grund – ich habe keine Lust und vor allem keine Zeit jeden Tag in jedem Netzwerk meine PNs abzurufen.

Und wenn man es genau nimmt, dienen Netzwerke ja auch nur einem einzigen Zweck, Geld verdienen, was ja auch der Grund ist, warum PNs nicht einfach an meine Email weitergeleitet werden.

Aber wie können wir es besser machen?

Hierzu stellt sich die Frage „Was brauchen wir?“ und vor allem „Für wen brauchen wir es?“

Die Internetaffinen Nutzer unter uns benutzen sowieso schon alle möglichen Services (Blog, Twitter, Youtube, Flickr, LastFM, etc.), wobei auch hier das Problem ist, dass man sich bisher nur in Netzwerken vernetzen kann.

Aber sehen wir uns doch lieber die Millionen Nutzer an, die mit den Begriffen Bloggen und Twittern nichts anfangen können – die Zielgruppe von Wer-kennt-Wen, Lokalisten und den diversen VZs.

Diese Zielgruppe braucht nicht viel um Glücklich zu sein (bsp. Wer-kennt-wen):
- Die „Ich“-Seite – Wer bin ich, wo wohne ich, was sind meine Hobbys
- Die „Ich kenne 5.000.000 Leute“-Seite – Schön mit Fotos, von jedem den man kennt.
- Die „ich mache gerade“-Seite – Was mache ich jetzt, was später…
- Die „Blog“-Seite
- Das „Gästebuch“
- Eine „Bildergallerie“
- „Gruppen“ – Themenspezifische Foren

Natürlich sind diese Funktionen mit einem Blog schon heute möglich – aber der Normalsterbliche kennt sie nicht.

Wenn ich z.B. meine Freundin auf das Thema eigenes Blog anspreche sagt sie, sie habe doch schon eines bei Wer-kennt-wen auf ihrer „Ich“-Seite und wenn sie eine eigene Domain hätte, wüsste ja niemand, dass sie einen Artikel geschrieben hat (Feeds sind ihr ein Fremdwort).

Gehen wir also davon aus, wir würden die Eierlegende Wollmilchsau erfinden wollen:
- Wir bauen das Grundgerüst mit Wordpress
- Um den Normalsterblichen die Orientierung zu erleichtern ein passendes Theme dazu
- Die „Ich mache gerade“-Seite lässt sich mit Twitter bewerkstelligen
- „Blog“ und „Gästebuch“ geht mittels Wordpress eigenen Mitteln
- als „Bildergallerie“ ein Flickr-Plugin

Alles an sich noch kein Problem, den jetzt kommt der Knackpunkt: die „Ich kenne 5.000.000 Leute“ Übersichtsseite – also wie bewerkstelligen wir es?

Es gibt einige Services die diese Funktionen bieten – Noserub wäre ein Ansatz, YIIG oder meinetwegen Google Friend Finder, aber da sind wir ja wieder beim Thema, dass wir 1. nicht dezentral und 2. Nicht mehr Anwendungsunabhängig agieren.

Mein Gedanke geht in Richtung Übertragung von Daten / „Freunde adden“ mittels RSS/XML-Feeds und Microformaten, leider weiß ich noch nicht, wie man es genau anstellen müsste.

Über Anregungen und Kritik sind wir immer dankbar.