Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML5網站全面升級.

Similar presentations


Presentation on theme: "HTML5網站全面升級."— Presentation transcript:

1 HTML5網站全面升級

2 如何評估是否需要使用 HTML5的技術

3 評估要點

4 Internet Explorer Testing Center

5 HTML5 與 HTML 4.01的差異

6 HTML5 的 DOCTYPE 變簡單了

7 XHTML5 的宣告方式

8 指定網頁編碼的方式

9 <!DOCTYPE html>

10 HTML5 新增的語意元素 1 / 4

11 HTML5 新增的語意元素 2 / 4

12 HTML5 新增的語意元素 3 / 4

13 HTML5 新增的語意元素 4 / 4

14 版面標籤的使用變化 1 / 2

15 版面標籤的使用變化 2 / 2

16 HTML5 相容性套件

17 讓老舊的瀏覽器支援HTML5新元素

18 html5shiv

19 如何使用 html5shiv

20 示範1 ( 使用 WebMatrix 開發工具 )

21 Modernizr (摩登家)

22 Modernizr (摩登家)

23 Modernizr 的運作原理

24 示範2 ( 使用 WebMatrix 與 IE 開發者工具 )

25 判斷<html> 的 class 屬性

26 CSS3 多重背景在不同瀏覽器的樣貌

27 Polyfills ( 填充物 )

28 HTML5 跨瀏覽器填充物大收集

29 示範3 ( 使用 IETester 工具 )

30 如何自訂「填充物」

31 HTML5 Reset

32 精簡版的 HTML5 Reset

33 HTML5 測試工具

34

35

36

37

38

39 HTML5 學習與網站開發

40 你可以從頭開始寫

41 也可以從專案範本開始

42 也可以直接下載更完整的網頁範本

43 示範4 ( 使用 IETester 工具 )

44 HTML5 網站升級實戰

45 網站升級至 HTML5 的步驟

46 網站升級至 HTML5 使用的工具

47 示範5 ( 綜合示範 )

48 相關連結

49 聯絡資訊

50


Download ppt "HTML5網站全面升級."

Similar presentations


Ads by Google