HTML
Das Internet 2.0 ist visuell. Sie besteht aus Bildern und Texten und wird hauptsächlich über das Auge wahrgenommen. Jede visuelle Webseite besitzt jedoch einen Bauplan, welcher den Aufbau der Seite und der Inhalte beschreibt. Dieser Bauplan ist in der HTML Sprache geschrieben.
In der HTML Sprache gibt es für jedes visuelle Element einen beschreibenden Ausdruck. Der Ausdruck: < p >Hallo Welt< /p> beschreibt zum Beispiel einen Textbereich in dem "Hallo Welt" stehen soll. Der Ausdruck < img src="meinBild.jpg"> beschreibt einen Bildbereich in dem das Bild "meinBild.jpg" erscheinen soll.
Für alles was also auf der Webseite erscheinen soll gibt es einen passenden HTML Ausdruck. Diese Ausdrücke sind in einer Datei zusammengefasst und zusammen ergeben sie den jeweiligen Bauplan der Webseite.
Sobald ein Browser (InternetExplorer, Firefox...) eine Webseite darstellen soll wird diese Bauplan von dem Server der Webseite abgerufen, in die visuellen Elemente übersetzt und auf dem Bildschirm dargestellt. Für den Benutzer erscheint also eine in HTML gebaute Webseite als eine visuelle Seite bestehend aus Bildern und Texten.
Die meisten HTML Ausdrücke können auch als rechteckige Felder empfunden werden, in die weitere visuelle Elemente oder also weitere HTML Ausdrücke reingelegt werden können:
< div id="blau" >hallo< /div>
In dem rechteckigen "div" Feld mit dem Namen "blau" befindet sich das Wort "hallo".
Ebenso lässt sich aber in das blaue Feld erst ein rotes rechteckiges "div" Feld platzieren in dem sich erst das "hallo" Wort befindet:
< div id="blau" >
< div id="rot" >hallo< /div >
< /div>
Möchte man zusätzlich ein gelbes Feld unter das blaue setzen fügt man einen Weiteren HTML Ausdruck (eng. Tag) hinzu:
< div id="blau" >
< div id="rot" >hallo< /div >
< /div>
< div id="gelb" >< /div>
Jedes visuelle Element kann bestimmte optische Eigenschaften besitzen, wie zum Beispiel Farbe, Größe, Position oder Schriftart.
Damit das Feld mit dem Namen blau (id="blau") wirklich blau dargestellt wird muss dies im HTML Ausdruck über einen Farb-Stil (style="color: blue") beschrieben werden:
< div id="blau" style="color: blue" > hallo < /div>
Der Bauplan einer Webseite wird mit jedem Element und jeder Eigenschaft immer länger und komplexer. Um die Arbeit zu vereinfachen wird der Bauplan in drei Teile aufgeteilt. In der eigentlichen HTML Datei befinden sich weiterhin die Ausdrücke. Die optischen Eigenschaften der Felder werden in einer eigenen Datei (eng. Stylesheet) gespeichert. Auch die Inhalte wie das Wort "hallo" können zur besseren Aufteilung gesondert gespeichert werden.
Dank der "Dreier-Teilung" können Aufbau, Gestaltung und Inhalte einer Webseite gesondert erstellt und gepflegt werden. Für aktuelle Webseiten ist diese Trennung von großer Bedeutung.
Die "Dreier-Teilung" ist eines der wichtigsten Entstehungsgründe für das Web 2.0 !
