HTML5

862 Aufrufe

Veröffentlicht am

Veröffentlicht in: Bildung, Technologie, Design
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
862
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
127
Aktionen
Geteilt
0
Downloads
13
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

HTML5

  1. 1. Die Zukunft des Webs !? Von Thomas Ragerthrager@htwg-konstanz.de
  2. 2. 1991 •HTML1994 •HTML21996 •CSS1 + JavaScript1997 •HTML41998 •CSS22000 •XHTML12002 •Tableless Web Design2005 •AJAX2009 •HTML5
  3. 3. • 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.
  4. 4. • HTML o Semantische Tags o Neue Formularelemente o Video und Audio-Tags o Canvas o Canvas 3D (WebGL) o Neue Link-Attribute
  5. 5. • Placeholder Text• Autofocus• E-Mail-Adressen• Web-Adressen• Spinboxen / Sliders• Datumsauswahl• Farbauswahl• Formular-Validierung• Weitere Infos unter diveintohtml5.org./forms.html
  6. 6. • http://www.w3schools.com/html5/tryit.asp?filename=try html5_video_simple
  7. 7. o http://www.craftymind.com/factory/html5video/Canva sVideo.htmlo http://www.airtightinteractive.com/demos/processing_ js/noisefield08.htmlo http://calinmocanu.webs.com/the_canvas/fish.htm
  8. 8. o http://www.youtube.com/watch?v=fyfu4OwjUEI
  9. 9. • CSS o Neue Selectoren o Font-Support (Schriftarten) o Text-Multi-Spalten-Layout / Textumbrüche o Transparent o Runde Ecken o Transformationen / Animationen
  10. 10. • JavaScript o GeoLocation o WebStorage o WebWorkers o ApplicationCache o WebSockets
  11. 11. • http://maxheapsize.com/static/html5geolocationdemo.html
  12. 12. • Bsp: • Mensaplan der HTWG und der Uni http://services.ragersweb.de/mensa
  13. 13.  Information o http://slides.html5rocks.com o http://html5doctor.com o http://www.webkrauts.de/category/html5-einfuehrung o http://html5demos.com o http://diveintohtml5.org Browser-Test o http://html5test.com o http://www.focus.com/images/view/11905

×