《HTML 5從零開始學（視頻教學版）》是2015年清華大學出版社出版的圖書，作者是劉玉萍。
基本介紹
- 中文名： HTML 5從零開始學（視頻教學版）
- 作者：劉玉萍
- 出版時間：2015年
- 出版社： 清華大學出版社
- ISBN： 9787302395218
- 定價：49 元
內容簡介,圖書目錄,
內容簡介
本書循序漸進地介紹 HTML 5網頁設計的基礎知識和技能，提供了大量的 HTML 5套用實例供讀者實踐，並清晰闡述代碼的工作方式及作用，使讀者能在最短的時間內掌握HTML 5。
全書共分20章，分別介紹HTML 5基本概念、HTML 5中的新增元素、認識網頁和網站、HTML 5中的文檔結構、HTML 5中的文本和圖像、使用 HTML 5建立超連結、使用 HTML 5建立表格、使用HTML 5建立表單、使用 HTML 5繪製圖像、HTML 5中的音頻和視頻、HTML 5獲取地理位置、Web通信、本地存儲、執行緒處理、構造離線 Web應用程式、HTML 5的拖放功能、HTML 5伺服器傳送事件、HTML 5/CSS3和 JavaScript的搭配套用等，最後通過開發兩個綜合案例——企業入口網站和 HTML 5遊戲，使讀者進一步鞏固所學的知識，提高綜合實戰能力。
本書是一本零基礎入門書，適合 HTML 5網頁設計初學者、網站設計人員和網站開發人員使用。
圖書目錄
第 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檔案的編寫方法 ..4
1.2.1 手工編寫 HTML 54
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 其他屬性 .52
2.6 新增事件屬性 .53
2.7 廢除的屬性 ..54
2.8 問題解答 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 網站製作流程.68
3.5.1 前期策劃 .69
3.5.2 頁面細化及實施 .69
3.5.3 網站上傳 .69
3.5.4 後期維護 .70
3.6 綜合實例——蒐集網頁素材 .70
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 建立不同類型的有序列表 95
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 URL109
6.1.1 URL的格式109
6.1.2 URL的類型 109
6.2 創建超連結 110
6.2.1 設定文本和圖片的超連結 .111
6.2.2 設定超連結指向的目標類型 112
6.2.3 用新視窗顯示超連結頁面 .114
6.2.4 如何連結到同一頁面的不同位置..115
6.3 創建熱點區域 ..117
6.4 創建浮動框架 ..118
6.5 綜合實例——用 Dreamweaver精確定位熱點區域 ..119
6.6 問題解答 .122
第 7章使用 HTML 5創建表格.123
7.1 表格的基本結構.123
7.2 表格的基本操作.125
7.2.1 創建表格 ..125
7.2.2 定義表格的框線類型 127
7.2.3 定義表格的表頭 ..128
7.2.4 設定表格背景129
7.2.5 設定單元格背景..131
7.2.6 合併單元格 .132
7.2.7 排列單元格中的內容 137
7.2.8 設定單元格的行高與列寬 .138
7.3 完整的表格標記.139
7.4 綜合實例——製作計算機報價表 141
7.5 問題解答 .143
第 8章使用 HTML 5創建表單.145
8.1 表單概述 .145
8.2 表單基本元素的使用..146
8.2.1 單行文本輸入框 ..146
8.2.2 多行文本輸入框 ..147
8.2.3 密碼域 148
8.2.4 單選按鈕 ..148
8.2.5 複選框 149
8.2.6 下拉選擇框 .150
8.2.7 普通按鈕 ..152
8.2.8 提交按鈕 ..152
8.2.9 重置按鈕 ..154
8.3 表單高級元素的使用..154
8.3.1 url屬性..155
8.3.2 email屬性 155
8.3.3 date和 time屬性..156
8.3.4 number屬性 157
8.3.5 range屬性 158
8.3.6 required屬性 ..159
8.4 綜合實例——創建用戶反饋表單 160
8.5 問題解答 .161
第 9章使用 HTML 5繪製圖形.163
9.1 canvas概述 163
9.1.1 添加 canvas元素 .163
9.1.2 繪製矩形 ..164
9.2 繪製基本形狀 ..165
9.2.1 繪製圓形 ..165
9.2.2 使用 moveTo與 lineTo繪製直線..166
9.2.3 使用 bezierCurveTo繪製貝濟埃曲線..168
9.3 繪製漸變圖形 ..170
9.3.1 繪製線性漸變 170
9.3.2 繪製徑向漸變 172
9.4 繪製變形圖形 ..173
9.4.1 變換原點坐標173
9.4.2 圖形縮放 ..174
9.4.3 旋轉圖形 ..176
9.5 圖形組合.177
9.6 繪製帶陰影的圖形 179
9.7 使用圖像 .180
9.7.1 繪製圖像 ..181
9.7.2 圖像平鋪 ..182
9.7.3 圖像裁剪 ..184
9.7.4 像素處理 ..186
9.8 繪製文字 .188
9.9 圖形的保存與恢復 189
9.9.1 保存與恢復狀態 ..189
9.9.2 保存檔案..191
9.9.3 繪製圖形綜合套用.192
9.10 綜合實例——繪製火柴棒人物 ..194
9.11 問題解答 ..197
第 10章 HTML 5中的音頻和視頻 ..198
10.1 audio標籤 198
10.1.1 audio標籤概述 ..198
10.1.2 audio標籤的屬性 .199
10.1.3 音頻解碼器..200
10.1.4 瀏覽器對 audio標籤的支持情況.200
10.2 video標籤 200
10.2.1 video標籤概述 ..200
10.2.2 video標籤的屬性 .201
10.2.3 視頻解碼器..202
10.2.4 瀏覽器對 video標籤的支持情況.202
10.3 問題解答 ..203
第 11章獲取地理位置..204
11.1 用 Geolocation API獲取地理位置 204
11.1.1 地理定位的原理 204
11.1.2 獲取定位信息的方法 .204
11.1.3 常用地理定位方法 ..205
11.1.4 如何判斷瀏覽器是否支持 HTML 5獲取地理位置信息 ..205
11.1.5 指定緯度和經度坐標 .206
11.2 瀏覽器對地理定位的支持情況 ..210
11.3 綜合實例——在網頁中調用 Google地圖210
11.4 問題解答 ..213
第 12章 Web通信新技術214
12.1 跨文檔訊息傳輸 ..214
12.1.1 跨文檔訊息傳輸的基本知識 .214
12.1.2 跨文檔通信套用測試 .214
12.2 Web Sockets API..217
12.2.1 什麼是 WebSocket API..217
12.2.2 Web Sockets通信基礎 ..217
12.2.3 在伺服器端使用 Web Sockets API.219
12.2.4 在客戶端使用 Web Sockets API..223
12.3 綜合實例——編寫簡單的 Web Socket伺服器.223
12.4 問題解答 ..228
第 13章本地存儲技術..229
13.1 認識 Web 存儲.229
13.3.1 本地存儲和 Cookie的區別.229
13.3.2 Web存儲方法.229
13.2 HTML 5 Web Storage API..230
13.2.1 測試瀏覽器的支持情況 230
13.2.2 sessionStorage方法..231
13.2.3 localStorage 方法 .232
13.2.4 Web Storage API的其他操作234
13.3 在本地建立資料庫 .238
13.3.1 本地資料庫概述 238
13.3.2 使用 executeSql方法來執行查詢 239
13.3.3 使用 transaction方法處理事件.239
13.4 瀏覽器對 Web存儲的支持情況.239
13.5 綜合實例——製作簡單 Web留言本..240
13.6 問題解答 ..243
第 14章執行緒處理技術..244
14.1 Web Workers..244
14.1.1 Web Workers 概述 ..244
14.1.2 執行緒中常用的變數、函式與類 245
14.1.3 與執行緒進行數據的互動 245
14.2 執行緒嵌套 ..248
14.2.1 單執行緒嵌套 ..248
14.2.2 多個子執行緒中的數據互動 ..251
14.3 綜合實例——創建 Web Worker計數器253
14.4 問題解答 ..254
第 15章構建離線 Web應用程式255
15.1 HTML 5離線應用程式 255
15.1.1 本地快取255
15.1.2 本地快取與瀏覽器網頁快取的區別..255
15.1.3 支持離線行為.255
15.2 了解 Manifest（清單）檔案.256
15.3 了解 applicationcache API..257
15.4 瀏覽器對 Web離線套用的支持情況..259
15.5 綜合實例——離線定位跟蹤 259
15.6 問題解答 ..264
第 16章 HTML 5的拖放功能.266
16.1 一個簡單的拖放實例266
16.2 分析拖放的實現過程268
16.3 瀏覽器對拖放功能的支持情況 ..269
16.4 綜合實例 1——在網頁中拖放文字 .269
16.5 綜合實例 2——在網頁中來回拖放圖片272
16.6 問題解答 ..273
第 17章 HTML 5伺服器傳送事件 ..274
17.1 伺服器傳送事件概述 274
17.2 伺服器傳送事件的實現過程 274
17.2.1 檢測瀏覽器是否支持 Server-Sent Event .274
17.2.2 EventSource 對象 .275
17.2.3 伺服器端代碼.275
17.3 綜合實例——向伺服器端傳送事件 276
17.4 問題解答 ..278
第 18章 HTML 5、CSS3和 JavaScript搭配套用.279
18.1 綜合實例 1——打字效果的文字 ..279
18.2 綜合實例 2——文字升降特效 281
18.3 綜合實例 3——跑馬燈效果 .283
18.4 綜合實例 4——閃爍圖片 ..286
18.5 綜合實例 5——左右移動的圖片 ..288
18.6 綜合實例 6——向上滾動選單 290
18.7 綜合實例 7——跟隨滑鼠移動的圖片 292
18.8 綜合實例 8——樹形選單 ..294
18.9 綜合實例 9——時鐘特效 ..300
18.10 綜合實例 10——顏色選擇器 303
18.11 問題解答 305
第 19章綜合實戰——企業入口網站.307
19.1 構思布局 ..307
19.1.1 設計分析 307
19.1.2 排版架構308
19.2 模組分割 ..309
19.2.1 Logo與導航選單..309
19.2.2 左側文本介紹.311
19.2.3 右側導航連結 .313
19.2.4 版權資訊 315
19.3 整體調整..316
19.4 問題解答 ..317
第 20章綜合實戰——HTML 5遊戲..318
20.1 遊戲概述 ..318
20.2 遊戲需求分析 319
20.3 HTML 5、CSS和 JavaScript搭配實現.320
20.3.1 基本的 HTML 5結構和標記.320
20.3.2 使用 CSS修改頁面.321
20.3.3 JavaScript編程323
