HTML

Die Hypertext Markup Language ist keine Programmiersprache. Es handelt sich dabei lediglich um eine Auszeichnungssprache, die beschreibt wie ein Text aussehen soll. Durch einzelne Tags wird so ein bestimmter Text beispielsweise als Überschrift markiert. Ein HTML Dokument besteht grundsätzlich aus einem Headerbereich, in dem einige Metadaten definiert werden und einem Bodybereich, der den darzustellenden Inhalt enthält. Eine spezielle Form von HTML ist XHTML wobei es sich um XML konformes HTML handelt.

Sämtliche im Web dargestellten Seiten bestehen im Wesentlichen aus HTML. Eine große Schwierigkeit bei der Erstellung moderner Webseiten besteht darin die Definition der Seiten so zu erstellen, dass sie in allen gängigen Browsern (Internet Explorer, Firefox, Opera, Netscape, Chrome, Konqueror, Safari und weitere) und deren verschiedenen Versionen gleich aussieht.

XML

Die Extensible Markup Language dient der Darstellung und Speicherung hierarchisch strukturierter Daten. Sie zeichnet sich besonders dadurch aus, dass sie sowohl maschinenlesbar, als auch für Menschen verständlich ist. Ein XML Dokument besteht im Wesentlichen aus Elementen (mit Start- und End-Tag, z.B. <tag></tag>) und Attributen (<tag attribut="wert">inhalt</tag>).

XML gibt dabei sehr wenige, aber klare Regeln vor, wie ein solches Dokument aufgebaut sein darf. Die zentralen Regeln sind, dass jedes Dokument genau ein Wurzel-Element enthält, dass jedes Element ein Beginn- und ein Endetag besitzt und dass jedes Attribut eines Elements eindeutig benannt sein muss. XML kann dadurch sehr gut genutzt werden, um verschiedenste Daten zu speichern und auszutauschen. Zudem gibt es in nahezu jeder aktuellen Programmiersprache sehr einfache Möglichkeiten um XML Dokumente einzulesen (parsen).

CSS

Cascading Style Sheets (CSS) ist eine deklarative Stylesheet-Sprache, die hauptsächlich im Webbereich zur Anwendung kommt. In den CSS-Dateien wird das Aussehen und die Gestaltung von einzelnen oder mehreren HTML-Elementen festgelegt. Damit wird die Beschreibung der Darstellung und der Inhalt einer Webseite voneinander getrennt, dies erhöht die Flexibilität und die Wartbarkeit einer Anwendung.

Leider werden die CSS-Anweisungen von den verschiedenen Browsern (Internet Explorer, Firefox, Opera, ...) unterschiedlich interpretiert, so dass es zu unterschiedlichen Darstellung der Inhalte kommen kann. Für die einheitliche Darstellung der Webanwendung in den verschiedenen Webbrowsern wird
für immer häufiger das Open Source Framework Yaml von Dirk Jesse eingesetzt.

YAML

Yaml beschreibt sich folgendermaßen selbst:

"Yet Another Multicolumn Layout" (kurz: YAML) ist ein (X)HTML/CSS Framework zur Erstellung moderner, flexibler Layouts auf Grundlage von float-Umgebungen. Dabei stehen ein Höchstmaß an Flexibilität für den Webdesigner und Zugänglichkeit für die Nutzer im Vordergrund.

Yaml ist kein fertiges Layout, es müssen zahlreiche Ergänzungen vorgenommen werden, damit das typische Design einer Webseite entsteht. Diese Änderungen werden in den dafür von Yaml vorgesehen CSS-Dateien vorgenommen, somit ist ein Upgrade auf neuere Versionen von Yaml jederzeit möglich.

JavaScript

JavaScript hat mit der Programmiersprache Java neben dem Namen eigentlich kaum Berührungspunkte. Während Java für Desktopapplikationen oder serverseitige Webapplikationen genutzt wird, ist JavaScript, wie der Name schon sagt, eine Skriptsprache, welche clientseitig im Webbrowser ausgeführt wird.

JavaScript wird im Wesentlichen dazu genutzt die Webseite für den Endbenutzer dynamisch zu gestalten und bietet damit einen gigantischen Mehrwert im Zusammenhang mit dem statisch definierten HTML. Heutzutage wird JavaScript immer öfter genutzt, um Webapplikationen so zu gestalten, dass Sie dem Benutzer das Look-and-Feel einer Desktopanwendung vermitteln. Das Stichwort in diesem Zusammenhang ist AJAX.

AJAX

AJAX stand ursprünglich als Abkürzung für Asynchronous JavaScript and XML. Es dient dazu Weboberflächen dynamischer erscheinen zu lassen und mehr das Look-and-Feel einer Desktopanwendung zu vermitteln. Dazu gehört, dass die Nutzung einer Webseite nicht nur aus einer Anfrage des Benutzers und einer Antwort des Servers besteht. Benötigte Informationen werden je nach Bedarf und ohne Störung der Interaktion des Benutzers mit der Weboberfläche nachgeladen, wie sie durch ein erneutes Laden der ganzen Seite entstehen würde.

Die zusätzlich benötigten Daten werden durch einen für den Benutzer unbemerkten weiteren Request vom Server geholt und in die Seite eingebaut. AJAX erhielt den Namen ursprünglich deshalb weil dies asynchron (im Hintergrund) und durch den Austausch von XML geschah. Inzwischen kann dies aber ebenso synchron und durch andere Nachrichtenformate geschehen. AJAX hebt die Möglichkeiten von Webapplikationen auf eine neue Ebene und war somit auch integraler Bestandteil (jedoch nicht ausschließlicher Bestandteil, wie dies oft fälschlicherweise vermittelt wird) der Welle, die unter dem Begriff "Web 2.0" in aller Munde ist.