出版信息
精通HTML5+CSS3+JavaScript網頁設計（視頻教學版）（第2版）
作者：王英英
定價：89元
印次：2-1
ISBN：9787302523345
出版日期：2019.04.01
印刷日期：2019.03.04
內容簡介
HTML5、CSS3和JavaScript技術是網頁設計的精髓，本書以套用實例和綜合實戰案例的形式逐一詳解HTML5網頁設計的文檔結構、文本、圖像、用HTML5創建超連結、表格、使用表單；用CSS3設定表格和表單的樣式、美化圖片、背景和框線；講述JavaScript內置對象、對象編程、JavaScript操縱CSS3、HTML5繪製圖形、HTML5中的音頻和視頻、使用jQuery Mobile設計移動頁面等網頁設計的方法和技巧。通過對本書實例和綜合實戰案例的學習與演練，讀者可以儘快掌握所學的知識，提高網頁設計的實戰能力；同時本書提供實例原始碼，可供讀者直接查看和調用，以便快速上手或進行二次開發。本書內容豐富、理論結合實踐，對從事網站美工工作的讀者而言，是一本必不可少的工具書；對從事Web系統開發的讀者來說，也是一本難得的參考手冊。
目 錄
第1章 HTML5快速入門 1
1.1 HTML5概述 1
1.2 HTML5的文檔結構 3
1.2.1 文檔類型說明 3
1.2.2 HTML標記 3
1.2.3 頭標記head 3
1.2.4 網頁的主體標記body 7
1.2.5 頁面注釋標記 7
1.3 HTML5檔案的編寫方法 8
1.3.1 使用記事本手工編寫HTML檔案 8
1.3.2 使用Dreamweaver CC編寫HTML檔案 9
1.4 HTML5語法的新變化 11
1.4.1 標籤不再區分大小寫 11
1.4.2 允許屬性值不使用引號 12
1.4.3 允許部分屬性值的屬性省略 12
1.5 專家解惑 13
第2章 HTML5網頁中的文本和圖像 15
2.1 添加文本 15
2.1.1 普通文本 15
2.1.2 特殊文字元號 16
2.1.3 文本特殊樣式 17
2.2 文本排版 19
2.2.1 換行標記
與段落標記
19
2.2.2 標題標記
～
21
2.3 文字列表 22
2.3.1 建立無序列表
- 23
2.3.2 建立有序列表
242.4 網頁中的圖像 25
2.4.1 網頁中支持的圖片格式 26
2.4.2 使用路徑 26
2.4.3 網頁中插入圖像標記 28
2.5 綜合實例—圖文並茂房屋裝飾裝修網頁 31
2.6 專家解惑 32
第3章用HTML5建立超連結 34
3.1URL的概念 34
3.1.1URL的格式 34
3.1.2URL的類型 35
3.2超連結標記 36
3.2.1設定文本和圖片的超連結 36
3.2.2超連結指向的目標類型 37
3.2.3設定以新視窗顯示超連結頁面 39
3.3創建熱點區域 40
3.4浮動框架iframe 41
3.5綜合實例—用Dreamweaver精確定位熱點區域 42
3.6專家解惑 44
第4章用HTML5創建表格 46
4.1表格基本結構及操作 46
4.1.1表格基本結構 46
4.1.2合併單元格 48
4.2完整的表格標記 52
4.3綜合實例—製作計算機報價單 54
4.4專家解惑 56
第5章使用表單 58
5.1表單概述 58
5.2表單基本元素的使用 59
5.2.1單行文本輸入框text 59
5.2.2多行文本框標記 60
5.2.3密碼輸入框password 61
5.2.4單選按鈕radio 61
5.2.5複選框checkbox 62
5.2.6選擇列表標記 63
5.2.7普通按鈕button 64
5.2.8提交按鈕submit 65
5.2.9重置按鈕reset 66
5.3表單高級元素的使用 67
5.3.1url屬性 67
5.3.2email屬性 68
5.3.3date和times屬性 69
5.3.4number屬性 70
5.3.5range屬性 71
5.3.6required屬性 72
5.4綜合實例—創建用戶反饋表單 72
5.5專家解惑 74
第6章CSS3快速入門 75
6.1CSS3介紹 75
6.1.1CSS3功能 75
6.1.2CSS3發展歷史 76
6.1.3瀏覽器與CSS3 76
6.2編輯和瀏覽CSS 77
6.2.1CSS基礎語法 77
6.2.2使用記事本手工編寫CSS檔案 78
6.2.3使用DreamweaverCC創建CSS檔案 79
6.3在HTML5中使用CSS3的方法 80
6.3.1行內樣式 80
6.3.2內嵌樣式 81
6.3.3連結樣式 83
6.3.4導入樣式 84
6.3.5優先權問題 86
6.4CSS3選擇器 88
6.4.1標記選擇器 89
6.4.2類選擇器 90
6.4.3ID選擇器 91
6.4.4全局選擇器 93
6.4.5組合選擇器 94
6.4.6繼承選擇器 95
6.4.7偽類 97
6.4.8屬性選擇器 98
6.4.9結構偽類選擇器 100
6.4.10UI元素狀態偽類選擇器 101
6.5選擇器聲明 103
6.5.1集體聲明 103
6.5.2多重嵌套聲明 104
6.6綜合實例1—製作五彩標題 105
6.7綜合實例2—製作新聞選單 108
6.8專家解惑 111
第7章CSS3字型與段落屬性 112
7.1字型屬性 112
7.1.1字型font-family 112
7.1.2字號font-size 113
7.1.3字型風格font-style 115
7.1.4加粗字型font-weight 116
7.1.5小寫字母轉為大寫字母font-variant 117
7.1.6字型複合屬性font 118
7.1.7字型顏色color 119
7.2文本高級樣式 121
7.2.1陰影文本text-shadow 121
7.2.2溢出文本text-overflow 122
7.2.3控制換行word-wrap 123
7.2.4保持字型尺寸不變font-size-adjust 125
7.3段落屬性 126
7.3.1單詞間隔word-spacing 126
7.3.2字元間隔letter-spacing 127
7.3.3文字修飾text-decoration 128
7.3.4垂直對齊方式vertical-align 129
7.3.5文本轉換text-transform 131
7.3.6水平對齊方式text-align 132
7.3.7文本縮進text-indent 134
7.3.8文本行高line-height 135
7.3.9處理空白white-space 136
7.3.10文本反排unicode-bidi和direction 137
7.4綜合實例1—製作旅遊宣傳網頁 139
7.5綜合實例2—網頁簡單圖文混排 143
7.6專家解惑 145
第8章CSS3美化表格和表單樣式 146
8.1表格基本樣式 146
8.1.1表格框線樣式 146
8.1.2表格框線寬度 149
8.1.3表格框線顏色 150
8.2CSS3與表單 151
8.2.1美化表單元素 152
8.2.2美化提交按鈕 154
8.2.3美化下拉選單 155
8.3綜合實例1—隔行變色 157
8.4綜合實例2—表格圖文網頁布局 160
8.5綜合實例3—變色表格 162
8.6綜合實例4—登錄表單 165
8.7綜合實例5—註冊表單 167
8.8專家解惑 170
第9章CSS3美化圖像 171
9.1圖片樣式 171
9.1.1圖片框線 171
9.1.2圖片縮放 173
9.2對齊圖片 176
9.2.1橫向對齊方式 176
9.2.2縱向對齊方式 177
9.3圖文混排 179
9.3.1文字環繞 179
9.3.2設定圖片與文字間距 180
9.4綜合實例1—一句話新聞 181
9.5綜合實例2—學校宣傳單 185
9.6專家解惑 187
第10章CSS3美化背景與框線 188
10.1背景相關屬性 188
10.1.1背景顏色 188
10.1.2背景圖片 190
10.1.3背景圖片重複 191
10.1.4背景圖片顯示 192
10.1.5背景圖片位置 194
10.1.6背景圖片大小 196
10.1.7背景顯示區域 197
10.1.8背景圖像裁剪區域 199
10.1.9背景複合屬性 200
10.2框線 201
10.2.1框線樣式 201
10.2.2框線顏色 203
10.2.3框線線寬 204
10.2.4框線複合屬性 206
10.3圓角框線 207
10.3.1圓角框線屬性 207
10.3.2指定兩個圓角半徑 208
10.3.3繪製四個不同圓角框線 209
10.3.4繪製框線種類 212
10.4圖片框線 213
10.4.1圖片框線屬性 213
10.4.2設定圖像框線顯示方式 215
10.5綜合實例—設計公司主頁 217
10.6專家解惑 221
第11章JavaScript概述 222
11.1JavaScript簡介 222
11.1.1JavaScript是什麼 222
11.1.2JavaScript和Java的關係 223
11.1.3JavaScript的發展歷史 224
11.1.4JavaScript開發及運行環境 225
11.2在HTML5檔案中使用JavaScript代碼 226
11.2.1JavaScript嵌入HTML5檔案 226
11.2.2外部JavaScript檔案 227
11.3綜合實例—歡迎光臨網站的JavaScript程式 228
11.4專家解惑 230
第12章JavaScript語言基礎 231
12.1數據類型與變數 231
12.1.1數據類型 231
12.1.2變數 234
12.1.3保留關鍵字 235
12.2運算符與表達式 236
12.2.1算術運算符及其表達式 237
12.2.2賦值運算符及其表達式 237
12.2.3關係運算符及其表達式 239
12.2.4位運算符及其表達式 239
12.2.5邏輯運算符與邏輯表達式 240
12.2.6其他運算符及運算符優先權 241
12.3流程控制語句 242
12.3.1注釋語句和語句塊 243
12.3.2選擇語句 244
12.3.3循環語句 251
12.4函式 255
12.4.1函式簡介 255
12.4.2定義函式 255
12.4.3調用函式 259
12.4.4系統函式 261
12.5綜合實例—購物簡易計算器 264
12.6專家解惑 267
第13章JavaScript內置對象 268
13.1字元串對象 268
13.1.1字元串對象的創建 268
13.1.2字元串對象的常用屬性 269
13.1.3字元串對象的常用函式 269
13.2數學對象 272
13.2.1數學對象的屬性 272
13.2.2數學對象的函式 272
13.3日期對象 276
13.3.1創建日期對象 276
13.3.2日期對象的常用函式 278
13.3.3日期間的運算 280
13.4數組對象 281
13.4.1數組對象的創建 282
13.4.2數組對象的操作 283
13.4.3數組對象的常用方法 285
13.5綜合實例—隨機驗證碼和動態時鐘 289
13.6專家解惑 293
第14章JavaScript對象編程 295
14.1文檔對象模型 295
14.1.1文檔對象模型概述 295
14.1.2在DOM模型中獲得對象的方法 296
14.1.3事件驅動 297
14.2視窗對象 299
14.2.1視窗概述 299
14.2.2對話框 302
14.2.3視窗操作 304
14.3文檔對象 306
14.3.1文檔的屬性 306
14.3.2文檔中的圖片 308
14.3.3文檔中的超連結 309
14.4表單對象 311
14.4.1form對象 311
14.4.2form對象屬性與方法 312
14.4.3單選與複選的使用 314
14.4.4使用下拉選單 315
14.5綜合實例1—表單註冊與表單驗證 317
14.6綜合實例2—省市聯動效果 322
14.7專家解惑 326
第15章JavaScript操縱CSS3 327
15.1DHTML簡介 327
15.2前台動態網頁效果 328
15.2.1動態內容 328
15.2.2動態樣式 329
15.2.3動態定位 331
15.2.4顯示與隱藏 333
15.3綜合實例1—JS控制表單背景色和文字提示 334
15.4綜合實例2—實現即時驗證效果 337
15.5專家解惑 339
第16章HTML5繪製圖形 341
16.1canvas概述 341
16.1.1添加canvas元素 341
16.1.2繪製矩形 342
16.2繪製基本形狀 343
16.2.1繪製圓形 343
16.2.2使用moveTo與lineTo繪製直線 345
16.2.3使用bezierCurveTo繪製貝塞爾曲線 346
16.3繪製漸變圖形 348
16.3.1繪製線性漸變 349
16.3.2繪製徑向漸變 350
16.4繪製變形圖形 351
16.4.1變換原點坐標 352
16.4.2圖形縮放 353
16.4.3旋轉圖形 354
16.5圖形組合 356
16.6繪製帶陰影的圖形 358
16.7使用圖像 359
16.7.1繪製圖像 359
16.7.2圖像平鋪 360
16.7.3圖像裁剪 362
16.7.4像素處理 364
16.8繪製文字 366
16.9圖形的保存與恢復 368
16.9.1保存與恢復狀態 368
16.9.2保存檔案 369
16.10綜合實例1—繪製商標 371
16.11綜合實例2—繪製火柴棒人物 372
16.12綜合實例3—制時鐘 376
16.13專家解惑 380
第17章HTML5中的音頻和視頻 381
17.1 標記 381
17.1.1 標記概述 381
17.1.2 標記的屬性 382
17.1.3音頻解碼器 383
17.1.4 標記瀏覽器的支持情況 383
17.2 標記 383
17.2.1 標記概述 383
17.2.2 標記的屬性 384
17.2.3視頻解碼器 385
17.2.4 標記瀏覽器的支持情況 385
17.3音頻和視頻中的方法 386
17.3.1canPlayType()方法 386
17.3.2load()方法 387
17.3.3play()方法和pause()方法 388
17.4音頻和視頻中的屬性 389
17.4.1autoplay屬性 389
17.4.2buffered屬性 391
17.4.3controls屬性 392
17.4.4currentSrc屬性 394
17.5專家解惑 395
第18章地理定位、離線Web套用和Web存儲 396
18.1獲取地理位置 396
18.1.1地理定位的原理 396
18.1.2地理定位的函式 397
18.1.3指定緯度和經度坐標 397
18.1.4目前瀏覽器對地理定位的支持情況 399
18.2HTML5離線Web套用 399
18.2.1新增的本地快取 399
18.2.2本地快取的管理者——manifest檔案 399
18.2.3瀏覽器網頁快取與本地快取的區別 401
18.2.4目前瀏覽器對Web離線套用的支持情況 401
18.3Web存儲 401
18.3.1本地存儲和Cookies的區別 402
18.3.2在客戶端存儲數據 402
18.3.3sessionStorage函式 402
18.3.4localStorage函式 404
18.3.5目前瀏覽器對Web存儲的支持情況 405
18.4專家解惑 406
第19章使用jQueryMobile設計移動頁面 407
19.1jQueryMobile概述 407
19.2跨平台移動設備網頁 408
19.2.1移動設備模擬器 408
19.2.2jQueryMobile的安裝 410
19.3jQueryMobile網頁的架構 411
19.4使用UI組件 412
19.5導航條 422
19.6使用jQueryMobile主題 425
19.7創建多頁面的jQueryMobile網頁 429
19.8製作對話框效果 430
19.9絢麗多彩的頁面切換效果 432
19.10大神解惑 434
第20章項目實訓1—設計企業入口網站 435
20.1構思布局 435
20.1.1設計分析 435
20.1.2排版架構 436
20.2模組分割 437
20.2.1Logo與導航選單 437
20.2.2左側文本介紹 439
20.2.3右側導航連結 441
20.2.4版權資訊 443
20.3整體調整 444
20.4專家解惑 445
第21章項目實訓2—設計星際爭霸的網頁遊戲 446
21.1遊戲概述 446
21.2遊戲需求分析 447
21.3HTML5、CSS和JavaScript搭配實現 448
21.3.1基本的HTML5結構和標記 448
21.3.2使用CSS修改頁面 449
21.3.3編寫JavaScript程式 450
第22章項目實訓3—設計手機移動類網站 457
22.1項目概述 457
22.2項目開發前必備知識 457
22.2.1Camera外掛程式 458
22.2.2Swipebox外掛程式 460
22.3項目實現 462
22.3.1首頁 462
22.3.2寵物圖片展示頁面 465
22.3.3諮詢頁面 467
22.3.4註冊頁面 469
