2. HTML & CSS
HyperText
Anklickbarer
Markup
Text Cascading Style Gestaltungs-
Language
Sheets vorlagen
• HTML-Geschichte
• Browser-Geschichte
• Zusammenhang: HTML, CSS und Javascript
• Standardkonform. Warum?
3. HTML-Geschichte
Wie jede Software wird auch der HTML-Standard ständig weiterentwickelt.
• 1992 erschien die erste Version der HTML-Spezifikation.
HTML 1.0 • Die Möglichkeiten waren sehr begrenzt: Text, Überschriften und Links
• Bei HTML 2.0 (1995) handelt es sich um eine Erweiterung der 1. Version. Es
HTML 2.0 wurden viele neue Kern-Elemente hinzugefügt, um eine bessere Struktur zu
ermöglichen.
• HTML 3.0 beinhaltete viele Verbesserungen und Neuerung.
HTML 3.0 • Diese Version erschien nicht, weil sie mit der Einführung des Browsers
Netscape bereits vor ihrer Veröffentlichung veraltet war.
• 1997 wurde HTML 3.2 veröffentlicht. Es handelte sich um eine abgespeckte
Version von HTML 3.0
HTML 3.2 • Browserspezifische Tags von Netscape und Microsoft wurden nicht mit
aufgenommen.
• Mit HTML 4.0 (Ende 1997) wurden Stylesheets, Skripte und Frames
eingeführt.
HTML 4.0 und 4.01 • Seit 1999 ersetzt HTML 4.01 die Vorgängerversion mit vielen kleineren
Korrekturen.
4. Zukunft von HTML
Aktueller
Standard:
HTML 4.01
XHTML 2.0 HTML5
• Neuformulierung von • Rückbesinnung auf
HTML 4.01 mit Hilfe die HTML-Wurzeln
von XML
?
5. Browser-Geschichte
1993: 1994: 1995: 1996: 2003: 2004: 2008:
Mosaic Netscape Internet Opera Safari Mozilla Google
Navigator Explorer Firefox Chrome
23. HTML, CSS, Javascript
HTML
=> Text-
Struktur
CSS
=> Layout,
Aussehen
Javascript
=> Dynamik
24. Websites vs. Papierseiten
1
• Der Autor einer Website hat keine Kontrolle über deren Aussehen.
• Websites sehen bei jedem Nutzer anders aus.
• Websites sind flexibel.
1 - Quelle: „Little Boxes“ Teil 1, Peter Müller, Markt + Technik Verlag, ISBN: 789-3-8272-4474-1
25. Standardkonform. Warum?
• Kurze Ladezeiten
• Wartungsfreundlich und pflegeleicht
=> geringere laufende Kosten
• Browser- und Plattformunabhängig
• Suchmaschinenfreundlich
• Zugänglich für mehr Nutzer (barrierearm)
= größere Reichweite
• Zukunftssicher