Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Die Zukunft des Webs !?    Von Thomas Ragerthrager@htwg-konstanz.de
1991   •HTML1994   •HTML21996   •CSS1 + JavaScript1997   •HTML41998   •CSS22000   •XHTML12002   •Tableless Web Design2005 ...
• HTML5 ist eine Weiterentwicklung des momentan im  Internet gebräuchlichen HTML4.• Das erste Working-Draft wurde Ende Jan...
•   HTML    o Semantische Tags    o Neue Formularelemente    o Video und Audio-Tags    o Canvas    o Canvas 3D (WebGL)    ...
•   Placeholder Text•   Autofocus•   E-Mail-Adressen•   Web-Adressen•   Spinboxen / Sliders•   Datumsauswahl•   Farbauswah...
•   http://www.w3schools.com/html5/tryit.asp?filename=try    html5_video_simple
o   http://www.craftymind.com/factory/html5video/Canva    sVideo.htmlo   http://www.airtightinteractive.com/demos/processi...
o   http://www.youtube.com/watch?v=fyfu4OwjUEI
•   CSS    o Neue Selectoren    o Font-Support (Schriftarten)    o Text-Multi-Spalten-Layout / Textumbrüche    o Transpare...
•   JavaScript     o GeoLocation     o WebStorage     o WebWorkers     o ApplicationCache     o WebSockets
•   http://maxheapsize.com/static/html5geolocationdemo.html
•   Bsp:    • Mensaplan der HTWG und der Uni      http://services.ragersweb.de/mensa
  Information  o http://slides.html5rocks.com  o http://html5doctor.com  o http://www.webkrauts.de/category/html5-einfueh...
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
HTML5
Nächste SlideShare
Wird geladen in …5
×

HTML5

901 Aufrufe

Veröffentlicht am

Veröffentlicht in: Bildung, Technologie, Design
  • Als Erste(r) kommentieren

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

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

×