《HTML 5和CSS 3編程從基礎到套用》是2014年清華大學出版社出版的圖書。
基本介紹
- 書名：HTML 5和CSS 3編程從基礎到套用
- ISBN：9787302317999
- 定價：59
- 出版社：清華大學出版社
- 出版時間：2014-2-12
- 裝幀：平裝
- 印次：1-1
圖書簡介,圖書目錄,
圖書簡介
本書循序漸進地介紹了學習ASP.NET程式開發必備的知識和技能。全書分13章，包括HTML 5新增加的頁面結構元素和全局屬性，與表單元素相關的輸入類型和屬性，提交時如何驗證表單元素，對多媒體提供支持的audio和video元素，與繪圖相關的canvas元素和canvas API，檔案上傳和數據存儲，離線套用，獲取當前用戶地理位置，拖放操作，Web Worker處理執行緒，CSS 3新增加的選擇器，與背景、框線、字型和漸變相關的屬性、盒模型以及變形、過渡和動畫等內容。最後通過一個綜合項目案例介紹如何將HTML 5與CSS 3結合起來在實際開發過程中設計網頁。
圖書目錄
第1章HTML5入門基礎 1
1.1HTML5概述 1
1.1.1HTML5的誕生 1
1.1.2HTML5的組織 2
1.1.3HTML5的目標 2
1.1.4HTML5的瀏覽器支持情況 4
1.2HTML的基本結構 5
1.2.1HTML文檔的編寫規範 5
1.2.2文檔開始標籤 7
1.2.3文檔頭部標籤 8
1.2.4文檔主體標籤 8
1.2.5編寫文檔的注意事項 8
1.3HTML5與HTML4的區別 9
1.3.1語法的改變 9
1.3.2新增的元素和廢除的元素 12
1.3.3新增的屬性和廢除的屬性 17
1.4Flash、Silverlight與HTML5 20
1.5項目案例：運行HTML5測試頁面 21
1.6習題 22
1.7實踐疑難解答 23
1.7.1為什麼要使用HTML5 23
1.7.2HTML5的安全問題 25
第2章HTML5的頁面屬性和元素 27
2.1html根元素 27
2.2文檔頭部元素 29
2.3HTML5全局屬性 34
2.3.1hidden屬性 35
2.3.2spellcheck屬性 35
2.3.3contenteditable屬性 37
2.3.4draggable屬性 38
2.4結構元素 38
2.4.1header元素 38
2.4.2article元素 39
2.4.3aside元素 40
2.4.4footer元素 41
2.5互動元素 42
2.5.1progress元素 42
2.5.2meter元素 44
2.5.3details元素和summary元素 45
2.5.4menu元素 46
2.5.5command元素 48
2.6文本層次語義元素 49
2.6.1cite元素 49
2.6.2mark元素 51
2.6.3time元素 52
2.7頁面節點 53
2.7.1section元素 53
2.7.2nav元素 54
2.7.3hgroup元素 55
2.7.4address元素 56
2.8分組元素 57
2.8.1ul元素 58
2.8.2ol元素 58
2.8.3dl元素 60
2.9項目案例：設計旅遊網站首頁 60
2.10習題 68
2.11實踐疑難解答 70
2.11.1command元素無法顯示效果 70
2.11.2HTML5中如何使用新增加
的元素 71
第3章使用HTML5設計表單 72
3.1傳統表單元素 72
3.1.1表單標記 72
3.1.2基本表單元素 75
3.2新增輸入類型 76
3.2.1email類型 76
3.2.2search類型 77
3.2.3url類型 78
3.2.4number類型 79
3.2.5telephonenumber類型 81
3.2.6range類型 83
3.2.7color類型 84
3.2.8時間日期類型 85
3.3新增表單屬性 86
3.3.1autocomplete屬性 87
3.3.2autofocus屬性 88
3.3.3disabled屬性 90
3.3.4form屬性 90
3.3.5list屬性 92
3.3.6multiple屬性 93
3.3.7min、max和step屬性 94
3.3.8placeholder屬性 95
3.3.9pattern屬性 96
3.3.10required屬性 98
3.3.11readonly屬性 99
3.4新增表單元素 101
3.4.1datalist元素 101
3.4.2keygen元素 101
3.4.3output元素 102
3.4.4optgroup元素 102
3.5提交時的驗證處理 104
3.5.1自動驗證 105
3.5.2顯示驗證 106
3.5.3自定義驗證 108
3.5.4取消驗證 108
3.6項目案例：設計購物網站註冊頁面 109
3.7習題 112
3.8實踐疑難解答 114
3.8.1如何區分使用method屬性的
參數值get和post 114
3.8.2HTML5在自定義驗證時無法顯
示錯誤提示信息 115
第4章基於HTML5的多媒體支持 116
4.1HTML5中多媒體的新增特性 116
4.2多媒體的支持條件 116
4.2.1視頻和音頻編解碼器 117
4.2.2支持視頻和音頻的瀏覽器 117
4.2.3多媒體的格式 118
4.3在HTML5中創建視頻 119
4.3.1video元素的屬性 119
4.3.2video元素的方法 121
4.3.3video元素的事件 122
4.4在HTML5中創建音頻 124
4.4.1audio元素的屬性 124
4.4.2audio元素的事件 125
4.5項目案例：製作網頁視頻播放器 126
4.6習題 131
4.7實踐疑難解答 133
4.7.1關於video元素方法的問題 133
4.7.2video元素的事件問題 134
第5章基於HTML5的繪圖 136
5.1canvas簡介 136
5.1.1canvas的歷史 137
5.1.2canvas與SVG及VML
的差異 137
5.1.3canvas的簡單使用 137
5.2繪製文字 139
5.3繪製簡單圖形 141
5.3.1繪製矩形 141
5.3.2繪製直線 143
5.3.3繪製三角形 145
5.3.4繪製圓形 147
5.3.5繪製笑臉 149
5.4繪製漸變圖形 150
5.4.1繪製線性漸變 150
5.4.2繪製徑向漸變 152
5.5繪製變形圖形 154
5.5.1保存和恢復狀態及輸出圖像 154
5.5.2坐標變換 157
5.5.3矩陣變換 159
5.6組合多個圖形 161
5.7為圖形繪製陰影 163
5.8圖像的簡單操作 165
5.8.1繪製圖像 165
5.8.2圖像平鋪 167
5.8.3圖像裁剪和複製 169
5.9項目案例：繪製小車滾動特效 171
5.10習題 174
5.11實踐疑難解答 176
第6章基於HTML5的檔案上傳 178
6.1使用file對象選擇檔案 178
6.1.1選擇一個檔案 178
6.1.2選擇多個檔案 181
6.1.3通過類型過濾選擇的檔案 183
6.1.4通過accept屬性過濾選擇
的檔案 185
6.2使用FileReader接口讀取檔案 188
6.2.1FileReader接口簡介 188
6.2.2使用readAsDataURL()方法
預覽圖片 189
6.2.3使用readAsText()方法讀取文
本檔案內容 191
6.2.4FileReader接口中的事件 194
6.3檔案讀取時的錯誤與異常 197
6.3.1發生錯誤與異常的條件 197
6.3.2錯誤代碼說明 200
6.4項目案例：多檔案上傳至伺服器 200
6.5習題 207
6.6實踐疑難解答 209
6.6.1HTML5中accept屬性
的使用 209
6.6.2使用readAsDataURL()方法讀取文
件時的問題 209
第7章HTML5數據存儲 211
7.1WebStorage存儲 211
7.1.1sessionStorage對象 211
7.1.2localStorage對象 213
7.2數據操作 214
7.2.1保存數據 214
7.2.2讀取數據 215
7.2.3清空數據 217
7.2.4遍歷數據 219
7.2.5使用JSON對象存取數據 221
7.3HTML5資料庫 224
7.3.1創建與打開資料庫 224
7.3.2執行SQL語句 225
7.3.3數據管理 228
7.4項目案例：實現留言本 233
7.5習題 236
7.6實踐疑難解答 237
7.6.1本地存儲是否可以代替
Cookie 237
7.6.2本地數據存儲存在限制 238
第8章HTML5的高級套用 239
8.1獲取地理位置 239
8.1.1GeolocationAPI概述 239
8.1.2position對象 242
8.1.3使用Google地圖鎖定當前
位置 245
8.2網路通信API 247
8.2.1postMessage()方法 247
8.2.2跨文檔訊息傳輸 247
8.3使用WebWorker處理執行緒 249
8.3.1WebWorker概述 250
8.3.2執行緒中的JavaScript 253
8.3.3使用執行緒處理JSON對象 254
8.3.4執行緒嵌套 255
8.4離線應用程式 258
8.4.1離線Web應用程式概述 258
8.4.2manifest檔案 258
8.4.3applicationCache對象 263
8.5拖放操作 268
8.5.1拖放API 268
8.5.2dataTransfer對象 270
8.6項目案例：將圖片拖放到資源回收筒 272
8.7習題 275
8.8實踐疑難解答 278
8.8.1Opera瀏覽器如何清除
本地快取 278
8.8.2拖動操作完成後如何
顯示圖片 278
第9章CSS樣式和CSS選擇器 280
9.1CSS簡介 280
9.1.1CSS概述 280
9.1.2CSS發展歷史 281
9.1.3CSS的基本使用 281
9.2CSS3選擇器概述 283
9.3屬性選擇器 284
9.3.1[att*=val]屬性選擇器 284
9.3.2[att^=val]屬性選擇器 285
9.3.3[att$=val]屬性選擇器 287
9.4偽元素選擇器 288
9.4.1first-line和first-letter選擇器 288
9.4.2before選擇器 289
9.4.3after選擇器 291
9.5結構化偽類選擇器 291
9.5.1root選擇器 292
9.5.2not選擇器 294
9.5.3first-child和last-child選擇器 295
9.5.4nth-child(n)和nth-last-child(n)
選擇器 296
9.5.5nth-of-type(n)和nth-last-of-type(n)
選擇器 298
9.5.6empty選擇器 300
9.5.7target選擇器 301
9.6其他選擇器 303
9.6.1UI元素偽類選擇器 303
9.6.2兄弟選擇器 310
9.7content屬性的簡單使用 312
9.8項目案例：控制保齡球顯示位置 317
9.9習題 322
9.10實踐疑難解答 323
9.10.1:nth-child和:nth-of-type選擇器
的區別 323
9.10.2如何在IE7-8下使用CSS3的偽
類選擇器 324
第10章背景、框線和漸變的相關
屬性 326
10.1背景樣式 326
10.1.1background-size屬性 326
10.1.2background-clip屬性 328
10.1.3background-origin屬性 330
10.1.4background-break屬性 332
10.2項目案例1：實現書架效果 333
10.3框線樣式 335
10.3.1border-color屬性 335
10.3.2border-image屬性 336
10.3.3border-radius屬性 339
10.4項目案例2：相片背景設定框線 341
10.5漸變 343
10.5.1線性漸變 343
10.5.2徑向漸變 347
10.5.3重複漸變 350
10.6項目案例3：設計填充內容效果 351
10.7習題 353
10.8實踐疑難解答 354
10.8.1為什麼使用border-radius屬性
無法設定圓角框線 354
10.8.2怎樣實現徑向漸變非同心圓的
效果 355
第11章盒模型、字型與多列布局 356
11.1完善的盒模型 356
11.1.1box-sizing屬性 356
11.1.2box-shadow屬性 359
11.1.3overflow-x和overflow-y
屬性 361
11.1.4resize屬性 363
11.2文本與字型 364
11.2.1text-shadow屬性 364
11.2.2text-overflow屬性 366
11.2.3word-break屬性 368
11.2.4word-wrap屬性 369
11.2.5@font-face屬性 371
11.2.6font-size-adjust屬性 374
11.3多列布局 378
11.3.1columns屬性 378
11.3.2column-width屬性 380
11.3.3column-count屬性 381
11.3.4column-gap屬性 382
11.3.5column-rule屬性 384
11.3.6column-span屬性 386
11.3.7column-fill屬性 388
11.4項目案例1：設計相冊瀏覽頁面 389
11.5項目案例2：設計精美的多列網頁
版式 391
11.6習題 395
11.7實踐疑難解答 397
11.7.1input寬度比textarea少2px的
問題 397
11.7.2設計一個兩行兩列的布局版式
頁面 397
第12章CSS3的高級套用 399
12.1過渡 399
12.1.1瀏覽器支持情況 399
12.1.2transition-duration屬性 400
12.1.3transition-property屬性 400
12.1.4transition-delay屬性 401
12.1.5transition-timing-function
屬性 402
12.1.6transition屬性 403
12.1.7多個顏色過渡 404
12.2變形 405
12.2.1變形的相關屬性 405
12.2.2平移 406
12.2.3縮放 408
12.2.4傾斜 410
12.2.5旋轉 411
12.2.6更改變形的原點坐標 413
12.3動畫 415
12.3.1關鍵幀 415
12.3.2動畫屬性 417
12.3.3圖片輪換顯示的動畫效果 421
12.4項目案例：3D立體效果顯示 423
12.5習題 427
12.6實踐疑難解答 429
12.6.1JavaScript中如何設定和獲取CSS3中的屬性值 429
12.6.2動畫如何循環播放 430
第13章製作鮮花網站頁面 431
13.1鮮花網站簡介 431
13.2鮮花首頁模組 432
13.2.1結構分析 432
13.2.2設計頂部區域 434
13.2.3設計底部區域 436
13.2.4設計中間區域 437
13.3鮮花列表 442
13.3.1運行效果 442
13.3.2設計列表內容 443
13.4鮮花詳細 446
13.4.1運行效果 447
13.4.2設計詳細內容 447
13.5購物車 450
13.5.1運行效果 450
13.5.2設計頁面內容 451
13.6我的賬戶 453
13.7用戶註冊 455
13.8當前位置 457
參考答案 461
