基本介紹
- 書名：HTML5+ CSS3+JavaScript 網頁設計實戰
- 作者：常新峰
- 定價：79
圖書信息,內容簡介,目錄,
圖書信息
HTML5+ CSS3+JavaScript 網頁設計實戰（視頻教學版）
作者：常新峰 王金柱
定價：79元
印次：1-1
ISBN：9787302488125
出版日期：2018.01.01
印刷日期：2017.12.11
印次：1-1
ISBN：9787302488125
出版日期：2018.01.01
印刷日期：2017.12.11
內容簡介
本書由淺入深，系統、詳盡地介紹了HTML5、CSS3和JavaScript相關技術及其在Web前端及移動套用開發領域的套用。書中提供了大量的代碼示例，從基本原理到實戰套用，幾乎涉及了Web前端及移動套用開發的絕大部分內容。 本書分為四篇，共17章。第一篇為HTML和HTML5技術，涵蓋的內容包括HTML網頁基礎、頁面元素、文字與排版、網頁圖像、超連結、表格與表單和HTML5新特性等方面的內容；
目錄
第1章網站與HTML網頁 1
1.1什麼是網站和網頁 1
1.2網站的組成 1
1.2.1網址 2
1.2.2網站空間 3
1.2.3DNS域名解析 3
1.2.4網站程式 3
1.2.5資料庫 3
1.2.6Web伺服器 4
1.3HTML網頁的組成 4
1.3.1HTML網頁結構 4
1.3.2HTML網頁頭部 5
1.3.3HTML網頁主體 6
1.3.4HTML網頁要求 7
1.3.5HTML網頁標籤 8
1.3.6HTML與XHTML 10
1.4靜態網頁與動態網頁 11
1.5Web標準 12
1.5.1結構標準 12
1.5.2表現標準 13
1.5.3行為標準 13
1.5.4代碼標準 13
1.5.5標準測試 15
1.5.6HTML、CSS與JavaScript三者的關係 15
1.6HTML5介紹 15
1.6.1HTML5的發展歷史 15
1.6.2HTML5的設計理念 17
1.6.3HTML5的新特性 18
1.6.4HTML5的新變革 19
1.6.5HTML5的新標籤 19
1.6.6HTML5的移動特性及未來 21
1.7如何創建一個HTML5網頁 21
1.7.1HTML5代碼的編寫 22
1.7.2使用文本編輯器開發 22
1.7.3使用EditPlus編輯器開發 24
1.7.4使用Sublime編輯器開發 26
1.7.5使用WebStorm平台開發 26
1.7.6使用Dreamweaver平台開發 28
第2章HTML網頁結構 31
2.1DOCTYPE標籤 31
2.1.1概念及作用 31
2.1.2使用規則 31
2.1.3DTD類型 32
2.2HTML標籤 32
2.2.1概念及作用 32
2.2.2使用方法 33
2.3head標籤 33
2.3.1基本概念 34
2.3.2功能作用 34
2.3.3使用方法 34
2.4refresh重定向 36
2.4.1基本概念 36
2.4.2使用方法 36
2.4.3http-equiv屬性 37
2.5base基址標籤 38
2.5.1基本概念及作用 38
2.5.2常規用法 39
2.5.3特殊用法 41
2.6引用CSS樣式檔案 42
2.6.1概述 43
2.6.2功能用法 43
2.6.3簡單示例 44
2.7引用JavaScript腳本檔案 46
2.7.1概述 46
2.7.2內嵌式JavaScript腳本 46
2.7.3引入外部JavaScript腳本 49
2.8HTML網頁注釋 51
2.9瀏覽器對HTML屬性的支持 53
第3章HTML網頁文字與排版 57
3.1段落排版 57
3.1.1段落標籤 57
3.1.2對齊與縮進 58
3.1.3分割線 60
3.1.4標題 61
3.2文字排版 62
3.2.1字形字型 62
3.2.2上、下標字型 64
3.3項目符號與編號 65
3.3.1符號列表 65
3.3.2編號列表 67
3.3.3自定義列表 68
3.4特殊符號 69
3.5項目實戰：線上新聞瀏覽 71
第4章HTML網頁圖像 74
4.1網頁圖片基礎 74
4.1.1圖片尺寸、像素與解析度 74
4.1.2在網頁中顯示原始圖片 75
4.1.3在網頁中調整圖片尺寸 77
4.2網頁圖片效果 80
4.2.1背景圖片 80
4.2.2圖片對齊 81
4.2.3浮動圖片 82
4.2.4替換圖片的文本 83
4.2.5圖片連結 85
4.3項目實戰：線上圖文雜誌 86
4.3.1線上圖文雜誌原始碼結構 86
4.3.2線上圖文雜誌頁眉設計 88
4.3.3線上圖文雜誌目錄設計 90
4.3.4線上圖文雜誌正文設計 92
4.3.5線上圖文雜誌頁腳設計 95
第5章HTML網頁超連結 98
5.1超連結基礎 98
5.1.1什麼是超連結 98
5.1.2超連結類型 98
5.2超連結標籤 99
5.2.1超連結格式 99
5.2.2超連結語法 99
5.3超連結套用 103
5.3.1關鍵字超連結 103
5.3.2圖片超連結 104
5.3.3電子郵件連結 106
5.4創建熱點區域 109
5.5項目實戰：電子書製作 111
5.5.1電子書原始碼結構 111
5.5.2電子書主頁設計 112
5.5.3電子書功能頁設計 116
5.5.4電子書參考書籍頁設計 120
第6章HTML網頁中的表格與表單 124
6.1HTML表格基礎 124
6.1.1什麼是HTML表格 124
6.1.2HTML表格組成 124
6.2HTML表格標籤 125
6.2.1表格<table>標籤 125
6.2.2表格語法 126
6.3HTML表格套用 129
6.3.1空單元格表格 129
6.3.2單元格邊距和間距 130
6.3.3細線框線表格 131
6.3.4跨行與跨列的表格 132
6.3.5表格背景顏色 136
6.3.6單元格內容對齊方式 137
6.3.7表格嵌套元素 138
6.4HTML表單基礎 140
6.4.1什麼是HTML表單 140
6.4.2HTML表單框架 141
6.5HTML表單組成 142
6.5.1表單<form>標籤 142
6.5.2表單<form>組成 143
6.5.3一個簡單的表單<form>頁面 143
6.6HTML表單元素 145
6.6.1文本域及其標記 145
6.6.2密碼域 147
6.6.3單選按鈕 148
6.6.4複選框 149
6.6.5下拉列表 150
6.6.6多行文本域 152
6.6.7分組框（Fieldset） 153
6.7HTML5表單新屬性 154
6.7.1自動完成屬性 154
6.7.2自動焦點屬性 157
6.8HTML5表單輸入類型 159
6.8.1email類型 159
6.8.2number類型 163
6.8.3range類型 165
6.8.4search類型 165
6.8.5url類型 166
6.8.6日期選擇器（DataPickers） 167
6.9項目實戰：HTML5用戶註冊頁面 171
第7章HTML5套用 176
7.1畫布<Canvas>工具 176
7.1.1畫布<Canvas>工具介紹 176
7.1.2畫布<Canvas>標籤定義 176
7.1.3畫布<Canvas>工具對象、坐標、路徑和填充 177
7.1.4使用畫布<Canvas>繪製圖形 178
7.1.5使用畫布<Canvas>繪製文字 182
7.1.6畫布<Canvas>特效 184
7.2HTML5離線快取 187
7.2.1HTML5離線快取API介紹 187
7.2.2使用Manifest檔案 189
7.2.3使用ApplicationCacheAPI 190
7.3HTML5Web存儲 191
7.3.1HTML5Web存儲概述 `191
7.3.2localStorage存儲方式 191
7.3.3sessionStorage存儲方式 193
7.4項目實戰：搭建簡單的HTML5離線APP 195
第8章CSS與CSS3 199
8.1回顧CSS 199
8.1.1什麼是CSS 199
8.1.2CSS發展簡史 199
8.1.3XHTML+CSS設計標準 200
8.2CSS語法構成 200
8.2.1CSS基礎語法 200
8.2.2CSS高級語法 201
8.2.3CSS選擇器 202
8.3CSS標籤語義化 202
8.4CSS命名規範 204
8.4.1CSS檔案名稱稱命名規範 204
8.4.2頁面功能區域的命名規範 204
8.4.3頁面位置的命名規範 204
8.4.4父子關係的命名規範 205
8.4.5具體功能的命名規範 205
8.4.6控制項的命名規範 205
8.4.7自定義命名規範 205
8.5CSS使用方法 205
8.5.1外鏈式 205
8.5.2嵌入式 208
8.5.3內聯式 210
8.5.4優先權 212
8.6創建並編輯CSS的工具 212
8.6.1CSS創建與編輯工具 212
8.6.2使用集成開發平台 213
8.7CSS3新增特性概述 215
8.7.1CSS3屬性選擇器 215
8.7.2RGBA透明度 215
8.7.3CSS3多欄布局 216
8.7.4CSS3字元串溢出 216
8.7.5CSS3圓角 216
8.7.6CSS3陰影 217
第9章CSS選擇器 218
9.1CSS選擇器基礎 218
9.1.1什麼是CSS選擇器 218
9.1.2CSS選擇器分類 218
9.1.3CSS選擇器優先權 219
9.2CSS選擇器套用 219
9.2.1標籤選擇器 219
9.2.2類選擇器 222
9.2.3id選擇器 224
9.2.4派生選擇器 227
9.2.5後代選擇器 229
9.2.6子選擇器 232
9.2.7相鄰兄弟選擇器 234
9.2.8屬性選擇器 236
9.2.9偽類選擇器 244
9.3項目實戰：套用CSS選擇器設計頁面 247
第10章CSS基礎樣式 255
10.1背景樣式 255
10.1.1背景顏色 255
10.1.2背景圖片 257
10.1.3背景重複 258
10.1.4背景定位 260
10.1.5固定背景位置 262
10.2字型樣式 264
10.2.1字型系列 264
10.2.2字型風格 266
10.2.3字型加粗 268
10.2.4字型變形 270
10.2.5字型大小 271
10.3文本樣式 273
10.3.1文本對齊方式 273
10.3.2文本縮進 274
10.3.3文本間隔 275
10.3.4文本修飾 277
10.3.5文本方向 279
10.3.6處理文本空白符 280
10.4文本美化 281
10.4.1文本陰影 281
10.4.2文本溢出 283
10.4.3文本框線輪廓 284
10.5顏色樣式 286
10.5.1十六進制顏色 286
10.5.2RGB顏色 287
10.5.3RGBA顏色 288
10.6項目實戰：報紙風格頁面 290
第11章CSS表格與列表 293
11.1CSS表格 293
11.1.1表格框線 293
11.1.2表格摺疊框線 296
11.1.3表格內邊距 298
11.1.4表格寬度和高度 299
11.1.5表格文本對齊 302
11.2CSS列表 304
11.2.1列表標記類型 304
11.2.2列表標記位置 306
11.2.3圖片列表標記 307
11.3項目實戰：CSS登錄頁面 309
第12章JavaScript概述 312
12.1了解JavaScript腳本語言 312
12.1.1什麼是JavaScript腳本語言 312
12.1.2JavaScript的發展歷史 312
12.1.3JavaScript組成與特點 313
12.2在網頁中使用JavaScript腳本語言 313
12.2.1在網頁中嵌入JavaScript腳本 313
12.2.2引入外部JavaScript檔案 315
12.3創建並編輯JavaScript的工具 316
12.4JavaScript腳本語言開發與調試 316
12.4.1使用WebStorm開發平台創建項目並編輯代碼 317
12.4.2使用Firefox瀏覽器調試js腳本 318
第13章JavaScript語法 321
13.1JavaScript語法基礎 321
13.1.1JavaScript語句 321
13.1.2JavaScript代碼及執行 321
13.1.3JavaScript語法補充 322
13.1.4JavaScript代碼注釋 322
13.2JavaScript變數與數據類型 323
13.2.1JavaScript變數 323
13.2.2JavaScript數據類型 324
13.2.3JavaScript對象 327
13.2.4null與undefined數據類型 329
13.2.5JavaScript保留關鍵字 334
13.3JavaScript運算符與表達式 335
13.3.1JavaScript算術運算符及表達式 335
13.3.2JavaScript賦值運算符及表達式 335
13.3.3JavaScript比較運算符及表達式 336
13.3.4JavaScript邏輯運算符及表達式 336
13.3.5JavaScript條件運算符及表達式 336
13.3.6JavaScript位運算符及表達式 336
13.3.7JavaScript字元串連線運算符 337
13.3.8JavaScript運算符優先權 337
13.4JavaScript流程控制語句 338
13.4.1if語句 338
13.4.2if…else…語句 338
13.4.3if…elseif…else…語句 339
13.4.4switch語句 341
13.4.5for語句 343
13.4.6while語句 345
15.4.7break語句 346
15.4.8continue語句 347
13.5JavaScript函式 348
13.5.1JavaScript函式介紹 349
13.5.2JavaScript函式聲明、定義與調用 349
13.5.3JavaScript系統函式 356
13.6項目實戰：簡易線上JavaScript計算器 368
第14章JavaScript對象模型編程 372
14.1對象模型編程基礎 372
14.2JavaScript瀏覽器對象模型 372
14.3JavaScript文檔對象模型 374
14.3.1文檔對象模型基礎 374
14.3.2通過id獲取DOM元素對象 375
14.3.3通過name獲取DOM元素對象 376
14.3.4通過tag標籤獲取DOM元素對象 377
14.3.5通過class獲取DOM元素對象 379
14.4JavaScript表單對象模型 381
14.4.1表單（Form）對象模型 381
14.4.2獲取表單（Form）元素對象屬性 381
14.4.3獲取表單（Form）內元素的方法 382
14.5項目實戰：動態操作DOM元素 384
第15章JavaScript事件 389
15.1JavaScript事件基礎 389
15.1.1HTML事件 389
15.1.2DOM事件類型 390
15.2JavaScript視窗事件 391
15.2.1視窗（Window）載入事件 391
15.2.2視窗（Window）載入多個事件 392
15.2.3視窗（Window）載入事件（JS方式） 393
15.3JavaScript表單事件 394
15.3.1表單（Form）元素變化事件 394
15.3.2表單（Form）元素被選中事件 395
15.3.3表單（Form）元素焦點事件 396
15.3.4表單（Form）重置與提交事件 398
15.4JavaScript鍵盤事件 399
15.5JavaScript滑鼠事件 401
15.5.1滑鼠單擊事件 401
15.5.2滑鼠雙擊事件 402
15.5.3滑鼠懸停與移出事件 405
15.6項目實戰：滑鼠坐標位置套用 407
第16章項目實戰——自適應Web主頁 409
16.1自適應Web主頁介紹 409
16.2自適應Web主頁模組 410
16.2.1頁面框架 410
16.2.2頁面頭部導航工具條 411
16.2.3頁面主體部分 415
16.2.4頁面頁腳部分 419
16.3自適應Web主頁互動功能 420
16.4自適應Web主頁媒體查詢 422
第17章項目實戰——用戶管理系統 426
17.1用戶管理系統介紹 426
17.2數據存儲結構 426
17.3瀏覽器本地存儲 428
17.4用戶管理系統功能模組 429
17.4.1用戶管理系統主頁 429
17.4.2登錄頁面 431
17.4.3用戶管理頁面（用戶許可權） 436
17.4.4新建用戶信息 440
17.4.5編輯用戶信息 447
17.4.6刪除用戶信息 455
17.4.7新用戶註冊 456
