Die Zukunft des Webs !?

Von Thomas Ragerthrager@htwg-konstanz.de

1991 •HTML

1994 •HTML2

1996 •CSS1 + JavaScript

1997 •HTML4

1998 •CSS2

2000 •XHTML1

2002 •Tableless Web Design

2005 •AJAX

2009 •HTML5

• HTML5 ist eine Weiterentwicklung des momentan im Internet gebräuchlichen HTML4.

• Das erste Working-Draft wurde Ende Januar 2008 von Tim Berners-Lee veröffentlicht.

• Ende 2009 gab das WC3 bekannt das das konkurrierenden XHTML 2.0 nicht mehr weiterentwickelt wird.

• HTMLo Semantische Tagso Neue Formularelementeo Video und Audio-Tagso Canvaso Canvas 3D (WebGL)o Neue Link-Attribute

• Placeholder Text• Autofocus• E-Mail-Adressen• Web-Adressen• Spinboxen / Sliders• Datumsauswahl• Farbauswahl• Formular-Validierung

• Weitere Infos unter diveintohtml5.org./forms.html

• http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_video_simple

o http://www.craftymind.com/factory/html5video/CanvasVideo.html

o http://www.airtightinteractive.com/demos/processing_js/noisefield08.html

o http://calinmocanu.webs.com/the_canvas/fish.htm

o http://www.youtube.com/watch?v=fyfu4OwjUEI

• CSSo Neue Selectoreno Font-Support (Schriftarten)o Text-Multi-Spalten-Layout / Textumbrücheo Transparento Runde Ecken

o Transformationen / Animationen

• JavaScripto GeoLocationo WebStorageo WebWorkerso ApplicationCacheo WebSockets

• http://maxheapsize.com/static/html5geolocationdemo.html

• Bsp: • Mensaplan der HTWG und der Uni

http://services.ragersweb.de/mensa

Informationo http://slides.html5rocks.como http://html5doctor.como http://www.webkrauts.de/category/html5-einfuehrung

o http://html5demos.como http://diveintohtml5.org

Browser-Test

o http://html5test.como http://www.focus.com/images/view/11905