HTML5介紹

社群、學習資源

如何使用這投影片?


下一單元 →

單元內容 ↓

那裡可以找到這投影片?


IMAC教學網站
http://163.17.136.249/cloud.html 

WHAT HTML5 ?


WHAT HTML5 ? - #1

  • 1991 HTML
  • 1994 HTML 2
  • 1996 CSS 1 + JavaScript
  • 1997 HTML 4
  • 1998 CSS 2
  • 2000 XHTML 1
  • 2002 Tableless Web Design
  • 2005 AJAX
  • 2009 HTML 5

WHAT HTML5 ? - #2

  • 1991 HTML
  • 1994 HTML 2
  • 1996 CSS 1 + JavaScript
  • 1997 HTML 4
  • 1998 CSS 2
  • 2000 XHTML 1
  • 2002 Tableless Web Design
  • 2005 AJAX
  • 2009 HTML 5

HTML 5 ~= CSS3 + JAVASCRIPT + HTML

WHAT HTML5 ? - #3


  • HTML - 負責頁面內容 (內在)
  • CSS - 負責頁面樣式(外觀)
  • JAVASCRIPT - 負責頁面互動



WHAT HTML5 ? - #4


WHAT HML5 ? - #5

DEMO網址 : 
http://slides.html5rocks.com/

WHAT HML5 ? - #6

我們來簡單幾個DEMO

3D圖形與效果
http://subprotocol.com/verlet-js/examples/spiderweb.html 
http://slides.html5rocks.com/#canvas-3d  

CSS3旋轉
http://slides.html5rocks.com/#css-transforms

裝置存取 - 你的筆電正在看著你...
http://neave.github.io/face-detection/
http://shinydemos.com/facekat/

WHat html5? - #7


但是，各瀏覽器支援的狀況不同，
在使用之前，最好先查一下can i use

FOR EXAMPLE :

剛剛DEMO的WEBCAM

http://caniuse.com/#feat=stream

討論社群


HTML5與CSS3在台灣
https://www.facebook.com/groups/htmlfive/

JavaScript.tw
https://www.facebook.com/groups/javascript.tw/

PHP 台灣
https://www.facebook.com/groups/199493136812961/

討論社群


JavaScript.tw 
約每個月一次在台中聚會，
會分享一些開發經驗及教學。

http://registrano.com/group/javascript-tw

學習資源


W3School
http://www.w3school.com.cn/

TONYQ - iThome
http://ithelp.ithome.com.tw/profile/share?id=20065606&page=2

前端工程開發實務
http://f2eclass.com/

完


讓我們開始XHTML教學吧！
Made with Slides.com