第1章 HTML 5概述 1
1.1 HTML 5簡介 1
1.1.1 HTML 1
1.1.2 HTML 5 2
1.1.3 HTML 5文件的基本結構 3
1.2 HTML 5文件的編寫方法 3
1.2.1 手工編寫HTML 5 4
1.2.2 使用HTML編輯器 5
1.3 使用瀏覽器查看HTML 5文件 9
1.3.1 與HTML 5兼容的瀏覽器 9
1.3.2 查看頁麵效果 9
1.3.3 查看源文件 10
1.4 問題解答 11
第2章 HTML 5中的新增元素 12
2.1 新增的主體結構元素 12
2.1.1 section元素 12
2.1.2 article元素 13
2.1.3 aside元素 16
2.1.4 nav元素 18
2.1.5 time元素 21
2.2 新增的非主體結構元素 22
2.2.1 header元素 22
2.2.2 hgroup元素 24
2.2.3 footer元素 25
2.2.4 figure元素 28
2.2.5 address元素 30
2.3 新增其他常用元素 32
2.3.1 mark元素 32
2.3.2 rp、rt與ruby元素 33
2.3.3 progress元素 34
2.3.4 command元素 35
2.3.5 embed元素 36
2.3.6 details與summary元素 37
2.3.7 datalist元素 38
2.4 新增全局屬性 39
2.4.1 contenteditable屬性 39
2.4.2 spellcheck屬性 40
2.4.3 tabIndex屬性 41
2.5 新增的其他屬性 42
2.5.1 錶單相關的屬性 42
2.5.2 鏈接相關屬性 51
2.5.3 其他屬性 53
2.6 廢除的屬性 53
2.7 問題解答 55
第3章 認識網頁與網站 56
3.1 網站的基本概念 56
3.1.1 什麼是網頁 56
3.1.2 什麼是網站 56
3.2 網頁基本構成元素 57
3.3 網頁設計 58
3.3.1 網頁設計概述 58
3.3.2 網頁設計特點 59
3.3.3 網頁設計相關術語 62
3.3.4 網頁設計原則 63
3.3.5 網頁設計的成功要素 65
3.3.6 網頁設計風格及色彩搭配 66
3.4 網頁設計師應具備的素質 67
3.4.1 藝術素質 68
3.4.2 技能素質 68
3.4.3 綜閤素質 68
3.5 網站製作流程 69
3.5.1 前期策劃 69
3.5.2 頁麵細化及實施 69
3.5.3 網站上傳 69
3.5.4 後期維護 70
3.6 綜閤實例——搜集網頁素材 71
3.7 問題解答 72
第4章 HTML 5中的文檔結構 74
4.1 Web標準 74
4.1.1 Web標準概述 74
4.1.2 Web標準規定的內容 75
4.2 HTML 5文檔的基本結構 76
4.2.1 HTML 5結構 76
4.2.2 文檔類型說明 77
4.2.3 HTML 5標記 77
4.2.4 頭標記 77
4.2.5 網頁的主體標記 80
4.2.6 頁麵注釋標記 81
4.3 綜閤實例——符閤W3C標準的HTML 5網頁 82
4.4 問題解答 83
第5章 HTML 5中的文本和圖像 84
5.1 添加文本 84
5.1.1 普通文本 84
5.1.2 特殊字符文本 84
5.1.3 文本特殊樣式 86
5.2 排版文本 88
5.2.1 段落標記與換行標記 88
5.2.2 標題標記 91
5.3 建立文本列錶 92
5.3.1 建立無序列錶 92
5.3.2 建立有序列錶 93
5.3.3 建立不同類型的無序列錶 94
5.3.4 建立不同類型的有序列錶 96
5.3.5 嵌套列錶 96
5.3.6 自定義列錶 97
5.4 添加圖像 98
5.4.1 網頁支持的圖片格式 98
5.4.2 在網頁中使用路徑 99
5.4.3 在網頁中插入圖像 101
5.5 編輯圖像 102
5.5.1 設置圖像的寬度和高度 102
5.5.2 設置圖像的提示文字 103
5.5.3 設置圖片為網頁背景 104
5.5.4 排列圖像 105
5.6 綜閤實例——圖文並茂的房屋裝飾裝修網頁 106
5.7 問題解答 107
第6章 使用HTML 5建立超鏈接 109
6.1 URL 109
6.1.1 URL的格式 109
6.1.2 URL的類型 110
6.2 創建超鏈接 111
6.2.1 設置文本和圖片的超鏈接 111
6.2.2 設置超鏈接指嚮的目標類型 112
6.2.3 用新窗口顯示超鏈接頁麵 115
6.2.4 如何鏈接到同一頁麵的不同位置 116
6.3 創建熱點區域 118
6.4 創建浮動框架 118
6.5 綜閤實例——用Dreamweaver精確定位熱點區域 120
6.6 問題解答 122
第7章 使用HTML 5創建錶格 124
7.1 錶格的基本結構 124
7.2 錶格的基本操作 126
7.2.1 創建錶格 126
7.2.2 定義錶格的邊框類型 128
7.2.3 定義錶格的錶頭 129
7.2.4 設置錶格背景 131
7.2.5 設置單元格背景 132
7.2.6 閤並單元格 133
7.2.7 排列單元格中的內容 138
7.2.8 設置單元格的行高與列寬 139
7.3 完整的錶格標記 140
7.4 綜閤實例——製作計算機報價錶 142
7.5 問題解答 145
第8章 使用HTML 5創建錶單 146
8.1 錶單概述 146
8.2 錶單基本元素的使用 147
8.2.1 單行文本輸入框 147
8.2.2 多行文本輸入框 148
8.2.3 密碼域 149
8.2.4 單選按鈕 150
8.2.5 復選框 151
8.2.6 下拉選擇框 152
8.2.7 普通按鈕 153
8.2.8 提交按鈕 154
8.2.9 重置按鈕 155
8.3 錶單高級元素的使用 156
8.3.1 url屬性 157
8.3.2 email屬性 157
8.3.3 date和time 158
8.3.4 number屬性 160
8.3.5 range屬性 161
8.3.6 required屬性 162
8.4 綜閤實例——創建用戶反饋錶單 163
8.5 問題解答 164
第9章 使用HTML 5繪製圖形 166
9.1 canvas概述 166
9.1.1 添加canvas元素 166
9.1.2 繪製矩形 167
9.2 繪製基本形狀 168
9.2.1 繪製圓形 168
9.2.2 使用moveTo與lineTo繪製直綫 169
9.2.3 使用bezierCurveTo繪製貝濟埃麯綫 171
9.3 繪製漸變圖形 173
9.3.1 繪製綫性漸變 173
9.3.2 繪製徑嚮漸變 175
9.4 繪製變形圖形 176
9.4.1 變換原點坐標 176
9.4.2 圖形縮放 178
9.4.3 鏇轉圖形 179
9.5 圖形組閤 180
9.6 繪製帶陰影的圖形 182
9.7 使用圖像 184
9.7.1 繪製圖像 184
9.7.2 圖像平鋪 185
9.7.3 圖像裁剪 187
9.7.4 像素處理 189
9.8 繪製文字 191
9.9 圖形的保存與恢復 193
9.9.1 保存與恢復狀態 193
9.9.2 保存文件 194
9.9.3 繪製圖形綜閤應用 195
9.10 綜閤實例——繪製火柴棒人物 197
9.11 問題解答 201
第10章 HTML 5中的音頻和視頻 202
10.1 audio標簽 202
10.1.1 audio標簽概述 202
10.1.2 audio標簽的屬性 203
10.1.3 音頻解碼器 204
10.1.4 瀏覽器對audio標簽的支持情況 204
10.2 video標簽 204
10.2.1 video標簽概述 204
10.2.2 video標簽的屬性 205
10.2.3 視頻解碼器 206
10.2.4 瀏覽器對video標簽的支持情況 206
10.3 問題解答 207
第11章 獲取地理位置 208
11.1 用Geolocation API獲取地理位置 208
11.1.1 地理定位的原理 208
11.1.2 獲取定位信息的方法 208
11.1.3 常用地理定位方法 209
11.1.4 如何判斷瀏覽器是否支持HTML 5獲取地理位置信息 209
11.1.5 指定緯度和經度坐標 210
11.2 瀏覽器對地理定位的支持情況 214
11.3 綜閤實例——在網頁中調用Google地圖 214
11.4 問題解答 217
第12章 Web通信新技術 218
12.1 跨文檔消息傳輸 218
12.1.1 跨文檔消息傳輸的基本知識 218
12.1.2 跨文檔通信應用測試 218
12.2 Web Sockets API 221
12.2.1 什麼是WebSocket API 221
12.2.2 Web Sockets通信基礎 221
12.2.3 在服務器端使用Web Sockets API 223
12.2.4 在客戶端使用Web Sockets API 227
12.3 綜閤實例——編寫簡單的Web Socket服務器 227
12.4 問題解答 232
第13章 本地存儲技術 233
13.1 認識Web 存儲 233
13.3.1 本地存儲和Cookie的區彆 233
13.3.2 Web存儲方法 233
13.2 HTML 5 Web Storage API 234
13.2.1 測試瀏覽器的支持情況 234
13.2.2 sessionStorage方法 235
13.2.3 localStorage 方法 237
13.2.4 Web Storage API的其他操作 238
13.3 在本地建立數據庫 242
13.3.1 本地數據庫概述 243
13.3.2 用executeSql來執行查詢 243
13.3.3 使用transaction方法處理事件 243
13.4 瀏覽器對Web存儲的支持情況 244
13.5 綜閤實例——製作簡單Web留言本 244
13.6 問題解答 248
第14章 綫程處理技術 249
14.1 Web Workers 249
14.1.1 Web Workers 概述 249
14.1.2 綫程中常用的變量、函數與類 250
14.1.3 與綫程進行數據的交互 250
14.2 綫程嵌套 253
14.2.1 單綫程嵌套 253
14.2.2 多個子綫程中的數據交互 256
14.3 綜閤實例——創建Web Worker計數器 258
14.4 問題解答 259
第15章 構建離綫Web應用程序 260
15.1 HTML 5離綫應用程序 260
15.1.1 本地緩存 260
15.1.2 本地緩存與瀏覽器網頁緩存的區彆 260
15.1.3 支持離綫行為 260
15.2 瞭解Manifest（清單）文件 261
15.3 瞭解applicationcache API 262
15.4 瀏覽器對Web離綫應用的支持情況 264
15.5 綜閤實例——離綫定位跟蹤 264
15.6 問題解答 270
第16章 HTML 5的拖放功能 271
16.1 一個簡單的拖放實例 271
16.2 分析拖放的實現過程 273
16.3 瀏覽器對拖放功能的支持情況 274
16.4 綜閤實例1——在網頁中拖放文字 274
16.5 綜閤實例2——在網頁中來迴拖放圖片 277
16.6 問題解答 278
第17章 HTML 5服務器發送事件 279
17.1 服務器發送事件概述 279
17.2 服務器發送事件的實現過程 279
17.2.1 檢測瀏覽器是否支持Server-Sent Event 279
17.2.2 EventSource 對象 280
17.2.3 服務器端代碼 280
17.3 綜閤實例——嚮服務器端發送事件 281
17.4 問題解答 283
第18章 HTML 5、CSS3和 JavaScript搭配應用 284
18.1 綜閤實例1——打字效果的文字 284
18.2 綜閤實例2——文字升降特效 286
18.3 綜閤實例3——跑馬燈效果 288
18.4 綜閤實例4——閃爍圖片 291
18.5 綜閤實例5——左右移動的圖片 293
18.6 綜閤實例6——嚮上滾動菜單 295
18.7 綜閤實例7——跟隨鼠標移動的圖片 297
18.8 綜閤實例8——樹形菜單 299
18.9 綜閤實例9——時鍾特效 305
18.10 綜閤實例10——顔色選擇器 308
18.11 問題解答 310
第19章 綜閤實戰——企業門戶網站 312
19.1 構思布局 312
19.1.1 設計分析 312
19.1.2 排版架構 313
19.2 模塊分割 314
19.2.1 Logo與導航菜單 314
19.2.2 左側文本介紹 316
19.2.3 右側導航鏈接 318
19.2.4 版權信息 320
19.3 整體調整 321
19.4 問題解答 322
第20章 綜閤實戰——HTML 5遊戲 323
20.1 遊戲概述 323
20.2 遊戲需求分析 324
20.3 HTML 5、CSS和JavaScript搭配實現 325
20.3.1 基本的HTML 5結構和標記 325
20.3.2 使用CSS修改頁麵 326
20.3.3 JavaScript編程 328
· · · · · · (
收起)
