Download presentation
Presentation is loading. Please wait.
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 測試工具
39
HTML5 學習與網站開發
40
你可以從頭開始寫
41
也可以從專案範本開始
42
也可以直接下載更完整的網頁範本
43
示範4 ( 使用 IETester 工具 )
44
HTML5 網站升級實戰
45
網站升級至 HTML5 的步驟
46
網站升級至 HTML5 使用的工具
47
示範5 ( 綜合示範 )
48
相關連結
49
聯絡資訊
Similar presentations