Web Technologien

HTML   Hypertext Markup Language

HTML ist eine Auszeichnungssprache. Hypertext steht für die Verknüpfungen (Hyperinks), also für die netzartige Struktur der Texte. Markup steht für Auszeichnung. Die Auszeichnungen werden mit sogenannten Tags erzeugt. Sie legen die logische Struktur eines Textes fest. HTML geht aus der Familie der SGML basierten Sprachen hervor (Standard Generalized Markup Language). Man kann den Text in Bereiche unterteilen wie Kopf, Fuß, Inhalt, Navigation, Artikel uvm. Desweiteren besteht die Möglichkeit Auzählungen, Listen und Tabellen zu erstellen. Man kann Formulare integrieren und Bilder und multimediale Inhalte als Referenz einbinden. Html bietet eine Schnittstelle für die Erweiterungssprachen wie CSS und Javascript. Mit CSS lassen sich die Elemente einer HTML- Seite gestalten. Die Programmiersprache Javascript bietet die Möglichkeit der Interaktion. Durch die Verschachtelung der Tags bekommt die HTML Seite eine hierachische Strkutur. Die gesamte Struktur einer HTML Seite lässt sich als Baumstruktur abbilden. Bis zur Version HTML5 werden die HTML Versionen durch das w3 Consortium definiert. Am Anfang einer HTML Seite wird ein doctype implementiert. Dort wird der eingesetzte HTML Standard definiert.

HTML ist eine Klartextsprache. Sie kann mit einem Texteditor erzeugt werden. Man braucht also keine bestimmte Software, um HTML-Seite zu erstellen. Sie sind systemübergreifend. Man braucht einen Browser, um die HTML Seiten darzustellen. Die wichtigsten Browser sind.

HTML 1.0

ab 1990
Ein reines Internet Konzept mit Auszeichnungen für Standardelemente wie Überschriften, Textabsätze, Grafikreferenzen.
http://www.w3.org/MarkUp/draft-ietf-iiir-html-01.txt

HTML 2.0

ab Nov 1995
Offizieller Sprachstandard, keine wesentliche Weiterentwicklung zu HTML1
http://www.w3.org/MarkUp/html-spec/html-pubtext.html

HTML. 3.2

Januar 1997
Hier wurden in der Sprache optische Effekte etabliert. So gab es beispielsweise das u Tag für unterstrichenen Text oder das b Tag für fette Schrift. Das enstpricht aber nicht dem Wesen der Sprache und so wurden diese Elemente später mißbilligt (depricated) oder sie wurden mit einer neuen semantischen Bedeutung versehen.
http://www.w3.org/TR/REC-html32.html

HTML 4.0

Dez 1997
Hier versucht man sich auf die Kernaufgaben der Sprache zu besinnen. Außerdem wird nun CSS forciert, die Ergänzungsprache Aufgaben der Darstellung übernimmt.
Es gibt 3 Varianten von HTML 4.0

http://www.w3.org/TR/HTML401

HTML 5

seit 2007 in der Entwicklung
Die Sprache gehört nicht mehr zu den SGML Documenttypen sondern wird als DOM (Document Object Model) definiert. Dadurch hat man mehr Möglichkeiten Programmiersprachen zu integrieren. Es gibt zahlreiche neue semantische Elemente, um eine Webseite zu strukturieren. Alle Elemente die das Aussehen bestimmten wurden abgeschafft.

http://whatwg.org/html5
http://www.w3.org/TR/html5/

XHTML

XHTML hat heute sehr an Bedeutung verloren. Es wird nicht mehr weiterentwickelt. Das X steht für extensible, erweiterbar.

XHTML gehört nicht zu den SGML Sprachen sondern zu XML Sprache (Extensible Markup Language). XHTML ist strenger und erlaubt keine Fehler. Alle tags werden in Kleinschreibung verfasst. Alle Tags müssen geschlossen werden. Selbst die Standalone Tags werden mit einem abschließnden Schrägstrich vor der geschlossenen Klammer versehen. z.B.: <br/>
XHTML bietet die Möglichkeit Inhalte andere XML Sprachen einzubetten. So lassen sich beispielsweise SVG Vektorgrafiken oder MathML für mathematische Formeln einbetten. Das ist mittlerweile aber auch mit HTML5 möglich, so dass es kaum noch einen Grund gibt XHTML einzusetzen.

CSS

Cascading Style Sheet dient als Ergänzungssprache zu HTML und hat die Aufgabe den Text zu formatieren und das Layout der Seite zu gestalten. Hat man kein Style Sheet angelegt wird die Seite von internen Default Style Sheet des Browsers angezeigt. Hier gibt es kleine Unterschiede in den Browserversionen. Man kann zentrale Formate definieren, die in einer extra Datei gespeichert werden. Diese Datei kann in mehreren oder allen Seiten des Projekts referenziert werden. Das hat den Vorteil, dass man durch Änderung in dieser Datei das Aussehen des gesamten Webprojektes ändern kann.
CSS ist auch eine Klartextsprache und kann mit einem einfachen Texteditor erzeugt werden.

Javascript (clientseitiges Scritping)

Ist eine Programmiersprache mit dem Interaktion durch den User möglich wird. Man kann mit HTML ein Formular erzeugen aber man kann nicht überprüfen, ob die Eingaben richtig sind. Hier kommt Javascript ins Spiel. Es wird vom Browser ausgeführt. Das nennt man clientseitiges Scripting.

PHP, Phyton, Java, Perl (serverseitiges Scripting, Datenbanken)

Hinter vielen Websites steckt kein reines HTML sondern die Seiten oder bestimmte Bereiche der Seiten werden dynamisch auf dem Server generiert. Das wird mittels den oben genannten Programmiersprachen erzeugt. CMS (Content Management Systeme) Joomla, Drupal, Typo 3, Wordpress und Blogs werden so erstellt. Desweiteren kommen hier auch Datenbanken ins Spiel. Da ist in erster Linie die Datenbank MySQL zu nennen. Scriptsprachen wie PHP kommunizieren mit diesen Datenbanken.

Flash

Flash hatte sich als der Multimedia Standard im Netz durchgesetzt. Leider wird Flash nicht mehr unterstützt.

Die mit dem Programm Flash erstellten Inhalte wurden mittels eines Plugins im Browser dargestellt. Es wurde ursprünglich von Macromedia entwickelt und dann von Adobe übernommen. Der Erfolg von Flash beruhte darin, dass Vektorgrafiken eingebunden werden können und komplexe und animierte Inhalte in nie dagewesener Schnelligkeit dargestellt werden. Die Erstellung von animierten Inhalten ist dank einer nutzerfreundlichen Oberfläche leicht erlernbar. Die interne Programmiersprache Actiontscript (eine Javascript Variante) bietet viele Möglichkeiten sehr komplexe Anwendungen zu erzeugen. Außerdem wurde der Flashplayer in jeden Browser standardmäßig integriert.

Dadurch dass der Flashplayer in den Browsern nicht mehr unterstützt wird und die Browser immer mehr dazu übergingen Inhalte wie Vektorgrafiken, Sounds, Videos etc. auch ohne Plugin darzustellen verloren die Flashdateien an Bedeutung bis hin zur völligen Verbannung.

Das Adobe Programm "Flash", mit dem man Flash Dateien erstellen konnte, wurde durch eine neues Programm "Animate CC" ersetzt. Damit hat man die Möglichkeit die Inhalte auch im sogenannten "Format HTML5/ Canvas /Javascript" zu veröffentlichen.

XML

XML ist SGML nicht unähnlich. Es ist ebenso ein Regelwerk zur Definition von Anwendungssprachen. Mit XML kann man eigene Markup Sprachen entwickeln. Man definiert also eigene Tags und gibt diesen eine Bedeutung. XML Dokumente werden oft dazu gebraucht Datenbankähnliche Inhalte zu definieren. XML Dokumente werden von Browsern dargestellt. Mittels PHP kann man XML Dateien in eine Seite laden, bearbeiten und speichern.