《HTML+CSS+JavaScript網頁設計與布局從新手到高手》是2019年清華大學出版社出版的書籍，作者是張振、王修洪。
基本介紹
- 中文名：HTML+CSS+JavaScript網頁設計與布局 從新手到高手
- 作者：張振、王修洪
- 出版社：清華大學出版社
- 出版時間：2019年4月1日
- 定價：89 元
- ISBN：9787302491835
內容簡介,目錄,
內容簡介
本書主要介紹使用HTML5、CSS3和JavaScript進行網站圖像、網頁動畫、設計以及網頁製作的方法和實踐經驗，並從網站開發的角度，詳細介紹開發不同類型靜態網站的經驗與過程。全書共分21章，內容包括網頁基礎、HTML5概述、創建文本和圖像、創建表格、創建超連結、套用多媒體、繪製圖形、創建表單、Web套用技術、揭秘CSS3、美化字型與段落、美化選單和圖片、美化背景與框線、美化表格、美化表單、使用變形與動畫、盒樣式與用戶界面、JavaScript概述、JavaScript核心語句與事件處理、JavaScript內置對象、JavaScript核心對象等。
本書主要介紹使用HTML5、CSS3和JavaScript進行網站圖像、網頁動畫、設計以及網頁製作的方法和實踐經驗，並從網站開發的角度，詳細介紹開發不同類型靜態網站的經驗與過程。
目錄
第1章 網頁基礎 1
1.1 初識網頁 2
1.1.1 網頁的構成 2
1.1.2 靜態網頁 3
1.1.3 動態網頁 3
1.1.4 資料庫 4
1.2 W3C概述 7
1.2.1 了解W3C 7
1.2.2 W3C的結構 8
1.2.3 W3C的表現 9
1.2.4 W3C的行為 11
1.3 網站設計概述 12
1.3.1 網站整體策劃 12
1.3.2 網頁設計任務 13
1.3.3 網頁設計實現 14
1.4 網頁配色 16
1.4.1 色彩的基礎概念 17
1.4.2 色彩的模式 20
1.4.3 自定義網頁顏色 21
1.4.4 色彩推移 22
1.5 網頁的藝術表現與風格設計 23
1.5.1 網頁形式的藝術表現 23
1.5.2 網頁構成的藝術表現 25
1.5.3 網頁紋理的藝術表現 26
1.5.4 網頁設計風格類型 28
第2章 HTML5概述 30
2.1 HTML5基本概念 31
2.1.1 HTML5簡介 31
2.1.2 HTML5文檔類型 31
2.1.3 頁面構成 32
2.2 HTML5的優勢 33
2.2.1 HTML5優點 33
2.2.2 HTML5的特性 34
2.2.3 HTML5新功能 34
2.3 HTML5的主體結構 35
2.3.1HTML5結構性標籤體系 35
2.3.2新增的主體結構標籤 37
2.3.3新增的非主體結構標籤 39
2.4HTML5檔案的編寫方法 40
2.4.1手工編寫HTML5 40
2.4.2使用Dreamweaver編寫 41
2.5練習：創建HTML5文檔 45
2.6練習：製作第一個HTML5網頁 47
2.7新手訓練營 48
第3章創建文本和圖像 51
3.1添加網頁文本 52
3.1.1添加普通文本 52
3.1.2添加特殊字元 52
3.2設定文本格式 54
3.2.1設定文本樣式 54
3.2.2設定對齊方式 58
3.2.3設定段落樣式 59
3.3設定文字列表 61
3.3.1設定單個列表 61
3.3.2設定多個列表 62
3.3.3設定嵌套列表 63
3.3.4自定義列表 64
3.4使用圖像 64
3.4.1網頁圖像格式 64
3.4.2插入圖像 65
3.4.3編輯圖像 66
3.5練習：製作數學試題網頁 68
3.6練習：製作導航條 71
3.7新手訓練營 73
第4章創建表格 76
4.1使用表格 77
4.1.1創建表格 77
4.1.2創建嵌套表格 77
4.1.3創建標題表格 78
4.2編輯單元格 79
4.2.1調整單元格 79
4.2.2設定單元格背景 81
4.2.3合併單元格 81
4.3設定表格 83
4.3.1定義表格 83
4.3.2設定框線類型 84
4.3.3設定表格背景 85
4.4處理表格數據 86
4.4.1排序數據 86
4.4.2導入/導出表格數據 87
4.5練習：製作個人簡歷 88
4.6練習：製作購物車頁 93
4.7新手訓練營 97
第5章創建超連結 101
5.1連結與路徑 102
5.1.1網頁中的連結 102
5.1.2網頁中的路徑 102
5.2使用超連結 103
5.2.1創建文本超連結 103
5.2.2創建圖像超連結 104
5.2.3創建其他超連結 104
5.3套用IFrame框架 108
5.3.1插入IFrame框架 108
5.3.2連結IFrame框架頁面 109
5.4練習：製作水果頁面 110
5.5練習：製作水墨畫頁面 112
5.6新手訓練營 115
第6章套用多媒體 118
6.1插入Flash 119
6.1.1插入Flash動畫 119
6.1.2插入Flash視頻 121
6.2使用音頻檔案 122
6.2.1了解audio標籤 122
6.2.2添加音頻檔案 123
6.3使用視頻檔案 124
6.3.1了解video標籤 124
6.3.2添加視頻檔案 125
6.4音頻與視頻相關的屬性、方法和
事件 126
6.4.1音頻與視頻相關的屬性 127
6.4.2音頻與視頻相關的方法 130
6.4.3音頻與視頻相關的事件 130
6.5練習：製作音樂播放網頁 132
6.6練習：製作線上視頻網頁 134
6.7新手訓練營 136
第7章使用HTML圖形 138
7.1認識HTML5Canvas元素 139
7.1.1Canvas元素概述 139
7.1.2瀏覽器的支持與替代
內容 139
7.1.3在頁面中放置Canvas
元素 140
7.2繪製基本形狀 141
7.2.1繪製矩形 141
7.2.2繪製圓形 142
7.2.3繪製直線 143
7.2.4繪製三角形 143
7.2.5繪製曲線 144
7.3繪製漸變圖形 146
7.3.1繪製線性漸變 146
7.3.2繪製徑向漸變 147
7.4繪製變形圖形 147
7.4.1繪製平移效果圖形 148
7.4.2繪製縮放效果圖形 148
7.4.3繪製旋轉效果圖形 149
7.5編輯圖形 150
7.5.1組合圖形 150
7.5.2裁切路徑 151
7.5.3設定描邊樣式 151
7.5.4設定圖形的透明度 153
7.5.5設定陰影 154
7.5.6保存圖形狀態 155
7.6使用圖像 156
7.6.1繪製圖像 156
7.6.2平鋪圖像 157
7.6.3裁剪圖像 158
7.6.4px化處理圖像 158
7.7繪製文字 160
7.7.1繪製填充文字 160
7.7.2繪製輪廓文字 161
7.7.3設定文字寬度 162
7.8練習：製作風景推薦線路 162
7.9練習：製作校園簡介 164
7.10新手訓練營 167
第8章創建表單 169
8.1添加表單 170
8.1.1表單概述 170
8.1.2插入表單 170
8.2添加文本和網頁元素 172
8.2.1添加文本元素 172
8.2.2添加網頁元素 173
8.3添加選擇和按鈕元素 177
8.3.1添加選擇元素 177
8.3.2添加按鈕元素 179
8.4添加表單高級元素 181
8.4.1新增input元素屬性 181
8.4.2新增form元素及其屬性 185
8.5練習：製作用戶登錄頁面 186
8.6練習：製作用戶註冊頁面 188
8.7新手訓練營 191
第9章Web套用技術 194
9.1本地存儲 195
9.1.1WebStorage概述 195
9.1.2WebStorage的優勢 195
9.1.3判斷瀏覽器 196
9.1.4WebStorage方法 196
9.2離線Web應用程式 198
9.2.1離線Web應用程式概述 199
9.2.2CacheManifest檔案 199
9.2.3線上狀態檢測 200
9.2.4applicationCache對象 200
9.3通信套用 201
9.3.1WebSocket通信概述 201
9.3.2跨文檔訊息傳輸 202
9.3.3使用WebSocket 203
9.4執行緒套用 204
9.4.1WebWorkers概述 204
9.4.2工作執行緒與多執行緒 205
9.4.3執行緒事件處理模型 206
9.4.4瀏覽器與執行緒 207
9.5獲取地理位置信息 207
9.5.1使用方法 207
9.5.2position對象 209
9.6練習：製作簡單留言簿 210
9.7練習：製作個人部落格 213
9.8新手訓練營 216
第10章揭秘CSS3 218
10.1CSS3簡介 219
10.1.1了解CSS樣式 219
10.1.2CSS的發展史 220
10.2套用CSS3 222
10.2.1CSS3的基礎語法 222
10.2.2CSS的套用分類 223
10.2.3CSS3的新特性 224
10.2.4CSS里的單位 226
10.2.5CSS編寫規則 227
10.3使用CSS3選擇器 228
10.3.1認識CSS3選擇器 228
10.3.2非偽類型選擇器 229
10.3.3偽類選擇器 231
10.3.4結構性偽類選擇器 232
10.3.5UI元素狀態偽類選擇器 235
10.3.6其他關係選擇器 238
10.4練習：製作多彩時尚頁 239
10.5練習：製作圖片新聞頁 242
10.6新手訓練營 244
第11章美化字型與段落 247
11.1設定字型格式 248
11.1.1使用選擇器插入字型 248
11.1.2設定字型和字號 249
11.1.3設定字型樣式 250
11.1.4設定字型顏色 252
11.1.5設定複合屬性 253
11.2設定段落格式 253
11.2.1設定段落的基本樣式 254
11.2.2設定段落的高級樣式 258
11.2.3設定列表樣式 260
11.3設定高級樣式 264
11.3.1設定陰影效果 264
11.3.2省略標記 266
11.3.3設定自動換行 268
11.3.4調用服務端字型 268
11.4練習：製作企業新聞列表 269
11.5練習：製作節日簡介頁面 271
11.6新手訓練營 273
第12章美化圖片與列表 276
12.1插入圖像檔案 277
12.1.1在標題前插入圖像檔案 277
12.1.2attr屬性套用 278
12.2設定圖片格式 278
12.2.1縮放圖片 278
12.2.2設定對齊方式 279
12.3圖文混排 281
12.3.1設定文字環繞 281
12.3.2設定圖文間距 282
12.4設定項目列表 282
12.4.1設定無序列表 283
12.4.2設定有序列表 283
12.4.3設定自定義列表 284
12.4.4設定圖片列表 285
12.5練習：製作線上調查頁 286
12.6練習：製作產品說明頁面 288
12.7新手訓練營 291
第13章美化背景與框線 293
13.1設定背景格式 294
13.1.1設定背景顏色 294
13.1.2設定背景圖片 295
13.1.3設定背景區域 299
13.2設定框線格式 301
13.2.1設定框線樣式 301
13.2.2設定圖片框線 305
13.3設定圓角效果 306
13.3.1設定圓角框線 306
13.3.2指定兩個半徑 307
13.3.3繪製4個不同半徑的
圓角框線 307
13.3.4設定隱藏框線 308
13.4練習：製作企業網站首頁 309
13.5練習：製作圖書列表 311
13.6新手訓練營 314
第14章美化表格、表單與超連結 316
14.1美化表格 317
14.1.1設定框線樣式 317
14.1.2設定框線粗細 318
14.1.3設定框線顏色 319
14.2美化表單 321
14.2.1設定表單背景 322
14.2.2設定表單按鈕 323
14.2.3設定選單效果 323
14.3美化超連結 324
14.3.1設定超連結樣式 324
14.3.2設定超連結說明 326
14.3.3設定超連結背景 327
14.3.4設定按鈕超連結 328
14.4練習：製作問卷調查表 328
14.5練習：製作商品列表 331
14.6新手訓練營 334
第15章CSS3變形與動畫 336
15.12D變形 337
15.1.1使用2D變形 337
15.1.2自定義變形 340
15.2設計動畫 342
15.2.1使用Transitions屬性 342
15.2.2同時平滑過渡多個
屬性值 343
15.2.3使用Animations屬性 344
15.2.4實現動畫的方法 345
15.3漸變效果 346
15.3.1使用Webkit漸變 346
15.3.2使用Gecko漸變 349
15.4練習：製作不規則形狀 352
15.5練習：製作動態選單 355
15.6新手訓練營 357
第16章盒樣式與用戶界面 360
16.1使用盒相關樣式 361
16.1.1盒的基本類型 361
16.1.2內容溢出 362
16.1.3插入內容 363
16.1.4控制瀏覽器行為 363
16.1.5區域可縮放 364
16.2用戶界面模組 365
16.2.1設定框線陰影 365
16.2.2繪製輪廓 366
16.2.3nav開頭屬性 368
16.3設定分欄效果 369
16.3.1設定多欄布局 369
16.3.2設定多欄樣式 370
16.4練習：製作傳媒公司首頁 375
16.5練習：製作新年賀詞頁 378
16.6新手訓練營 379
第17章JavaScript概述 383
17.1JavaScript簡介 384
17.1.1認識JavaScript 384
17.1.2JavaScript與Java的區別 385
17.2JavaScript語法基礎 386
17.2.1語法概述 386
17.2.2JavaScript語句 387
17.2.3JavaScript注釋 388
17.3JavaScript數據結構和類型 389
17.3.1JavaScript數據結構 389
17.3.2JavaScript數據類型 391
17.4JavaScript運算符 394
17.4.1運算符的優先權 394
17.4.2算術運算符 395
17.4.3比較運算符 395
17.4.4位運算符 396
17.4.5邏輯運算符 396
17.4.6條件運算符 397
17.4.7賦值運算符 397
17.5練習：製作海灣度假村網頁 398
17.6練習：製作花品展示頁 402
17.7新手訓練營 404
第18章JavaScript核心語法 406
18.1條件判斷語句 407
18.1.1if類語句 407
18.1.2switch語句 409
18.2循環和跳轉語句 410
18.2.1循環語句 410
18.2.2跳轉語句 412
18.3函式 414
18.3.1函式簡介 414
18.3.2參數傳遞 414
18.3.3定義函式 415
18.3.4內置函式 416
18.4事件驅動和事件處理 421
18.4.1事件與事件驅動 421
18.4.2關聯事件與處理代碼 422
18.4.3調用事件 423
18.5練習：製作線上調查頁 424
18.6練習：製作動畫轉動特效 426
18.7新手訓練營 429
第19章JavaScript的內置對象 431
19.1面向對象概述 432
19.1.1什麼是面向對象 432
19.1.2創建對象 432
19.1.3屬性和方法 433
19.2字元串對象 434
19.2.1創建字元串對象 434
19.2.2套用對象屬性 434
19.2.3套用對象方法 435
19.3數值對象 436
19.3.1套用對象屬性 436
19.3.2套用對象方法 437
19.4日期對象 438
19.4.1創建日期對象 438
19.4.2套用對象屬性 439
19.4.3套用對象方法 439
19.4.4運算日期 441
19.5數組對象 442
19.5.1創建數組對象 442
19.5.2套用屬性 443
19.5.3套用方法 443
19.6練習：製作圖片展示 444
19.7練習：製作彈出對話框 446
19.8新手訓練營 448
第20章JavaScript核心對象 450
20.1視窗對象 451
20.1.1套用視窗 451
20.1.2套用對話框 452
20.1.3套用狀態欄 454
20.1.4視窗操作 455
20.2文檔對象 456
20.2.1套用文檔對象 456
20.2.2操作文檔元素 458
20.3表單和圖像對象 459
20.3.1套用表單對象 459
20.3.2套用圖像對象 462
20.4練習：製作網頁導航 463
20.5練習：製作動態首頁 466
20.6新手訓練營 471
第21章網站後台管理頁面 473
21.1後台管理頁設計分析 474
21.1.1後台管理系統的分類 474
21.1.2後台管理系統的功能 474
21.1.3後台框架集管理頁 474
21.2設定登錄頁面 475
21.3創建主框架集頁 478
21.4框架集頂部檔案 479
21.5框架集左側檔案 482
21.6練習：框架集主檔案 484
