《HTML5+CSS3+JavaScript網頁設計實用教程》是2019年7月清華大學出版社出版的圖書，作者是凌寶慧。
基本介紹
- 書名：HTML5+CSS3+JavaScript網頁設計實用教程
- 作者：凌寶慧
- ISBN：9787302531296
- 定價：58元
- 出版社：清華大學出版社
- 出版時間：2019年7月
內容簡介,圖書目錄,
內容簡介
《HTML5+CSS3+JavaScript網頁設計實用教程》是一本以“套用實例和綜合實戰案例”的形式編寫網頁設計技術的教材。《HTML5+CSS3+JavaScript網頁設計實用教程》的內容分為四個部分，包括HTML5、CSS3、JavaScript和Bootstrap。《HTML5+CSS3+JavaScript網頁設計實用教程》內容的組織是以介紹Web前端網頁設計技術展開的，具體內容包括網頁設計的文檔結構、文本、圖像，用HTML5創建超連結、表格，使用表單，用CSS3設定表格和表單的樣式、美化圖片、背景和框線；講述JavaScript基本語法、對象編程、套用HTML5+CSS3和JavaScript的搭配套用等網頁設計的方法和技巧，最後使用Bootstrap框架組件、外掛程式來快速設計頁面。本書貼切實際，結構合理，內容豐富，操作方便。
《HTML5+CSS3+JavaScript網頁設計實用教程》作為Web前端網頁設計技術的入門類教材，既可以作為高等職業教育計算機及相關專業的教材，也可作為Web前端技術的各種培訓班的培訓教材，還可用於讀者自學。
圖書目錄
第1章 HTML5介紹 1
1.1 工作場景導入 2
1.2 HTML5的相關概念 2
1.2.1 Web概述 2
1.2.2 什麼是HTML 4
1.2.3 HTML5的發展現狀 5
1.3 開發工具 5
1.3.1 HTML5檔案的基本結構 5
1.3.2 使用HBuilder創建HTML
網頁 7
1.4 回到工作場景 10
1.5 工作實訓營 11
1.5.1 訓練實例——自行設計一個
簡單的網頁 11
1.5.2 工作實踐常見問題解析 11
1.6 本章小結 12
1.7 習題 12
第2章 HTML5檔案的基本標記 15
2.1 工作場景導入 16
2.2 HTML5檔案的基本結構標記 16
2.2.1 head標記 16
2.2.2 title標記 17
2.2.3 body標記 17
2.2.4 HTML注釋標記 18
2.2.5 meta標記 18
2.2.6 style標記 20
2.2.7 script標記 21
2.2.8 link標記 21
2.2.9 base標記 22
2.3 HTML5文本排版 23
2.3.1 標題 23
2.3.2 段落 24
2.3.3 換行與水平線 24
2.3.4 文本格式化標記 26
2.3.5 div與span標記 28
2.4 HTML5圖像 29
2.4.1 <img>標記 29
2.4.2 <map>標記、usemap屬性 30
2.5 HTML5列表 31
2.5.1 有序列表 31
2.5.2 無序列表 33
2.5.3 嵌套列表 34
2.5.4 定義列表 35
2.6 回到工作場景 36
2.7 工作實訓營 37
2.7.1 訓練實例——製作一個顯示
文字、圖片和列表排版效果的
頁面 37
2.7.2 工作實踐常見問題解析 38
2.8 本章小結 38
2.9 習題 38
第3章 表格 41
3.1 工作場景導入 42
3.2 表格創建 42
3.3 表格設定 45
3.3.1 表格寬度和高度 45
3.3.2 表格框線設定 47
3.3.3 表格對齊方式 48
3.3.4 單元格間距和邊距 49
3.4 表格背景 50
3.4.1 背景顏色 50
3.4.2 背景圖片 51
3.5 單元格設定 52
3.5.1 單元格高度和寬度 52
3.5.2 單元格跨行跨列 53
3.6 表格行設定 55
3.6.1 行高度 55
3.6.2 行背景顏色及背景圖 56
3.6.3 行文字對齊方式 57
3.7 回到工作場景 58
3.8 工作實訓營 59
3.8.1 訓練實例 59
3.8.2 工作實踐常見問題解析 60
3.9 本章小結 61
3.10 習題 61
第4章 超連結 63
4.1 工作場景導入 64
4.2 超連結 64
4.2.1 外部連結 65
4.2.2 電子郵件連結 69
4.2.3 錨點連結 70
4.3 浮動框架iframe 72
4.4 回到工作場景 74
4.5 工作實訓營 78
4.5.1 訓練實例 78
4.5.2 工作實踐常見問題解析 78
4.6 本章小結 79
4.7 習題 79
第5章 表單 83
5.1 工作場景導入 84
5.2 表單標記 84
5.2.1 設定表單名稱的name屬性 84
5.2.2 表單的action屬性 85
5.2.3 設定表單提交方式的method
屬性 85
5.3 設定表單輸入的input標記 85
5.3.1 文本框 86
5.3.2 密碼框 87
5.3.3 單選按鈕 88
5.3.4 複選框 89
5.3.5 檔案域 90
5.3.6 按鈕 91
5.3.7 隱藏域 92
5.4 下拉列表框 93
5.5 文本域 94
5.6 表單分組 95
5.7 快捷鍵及提示 96
5.8 HTML5新增元素 97
5.8.1 input元素 97
5.8.2 input屬性 101
5.9 回到工作場景 103
5.10 工作實訓營 106
5.10.1 訓練實例 106
5.10.2 工作實踐常見問題解析 106
5.11 本章小結 107
5.12 習題 107
第6章 HTML5中的多媒體 109
6.1 工作場景導入 110
6.2 設定文字滾動 110
6.3 設定多媒體 115
6.3.1 插入音頻 115
6.3.2 插入視頻 117
6.4 回到工作場景 119
6.5 工作實訓營 121
6.5.1 訓練實例 121
6.5.2 工作實踐常見問題解析 122
6.6 本章小結 122
6.7 習題 123
第7章 CSS介紹 125
7.1 工作場景導入 126
7.2 CSS簡介 126
7.2.1 什麼是CSS 126
7.2.2 CSS的語法 127
7.2.3 CSS的作用 127
7.2.4 CSS的常用單位 127
7.3 引入樣式表的方法 129
7.3.1 內聯樣式 129
7.3.2 內部樣式表 130
7.3.3 外部樣式表 131
7.4 選擇器 133
7.4.1 id選擇器 133
7.4.2 類選擇器 134
7.4.3 標記選擇器 135
7.4.4 全局選擇器 137
7.4.5 群組選擇器 138
7.4.6 後代選擇器 139
7.4.7 偽類選擇器 140
7.4.8 選擇器優先權 142
7.5 設定字型 143
7.5.1 字型類型 143
7.5.2 字型大小 144
7.5.3 字型風格 146
7.5.4 字型顏色 147
7.6 設定文本段落 149
7.6.1 首行縮進 149
7.6.2 水平對齊 150
7.6.3 垂直對齊 151
7.6.4 文本修飾 154
7.6.5 行高 155
7.6.6 字間距 156
7.6.7 詞間距 157
7.7 設定表格 159
7.8 設定列表 161
7.8.1 列表符號 161
7.8.2 圖像符號 163
7.8.3 列表縮進 165
7.9 設定圖片 166
7.10 設定背景 168
7.10.1 背景顏色 168
7.10.2 背景圖片 170
7.10.3 背景重複 171
7.10.4 背景位置 172
7.11 設定超連結屬性 174
7.12 設定表單 176
7.13 回到工作場景 178
7.14 工作實訓營 190
7.14.1 訓練實例 190
7.14.2 工作實踐常見問題解析 190
7.15 本章小結 192
7.16 習題 193
第8章 CSS的盒子模型 195
8.1 工作場景導入 196
8.2 盒子內容 196
8.3 盒子框線 200
8.4 盒子內邊距 203
8.5 盒子外邊距 204
8.6 設定元素浮動 206
8.6.1 文檔流 206
8.6.2 浮動布局 209
8.6.3 清除浮動 211
8.7 設定層疊順序 212
8.8 設定元素定位 214
8.8.1 相對定位 215
8.8.2 絕對定位 216
8.8.3 無定位 219
8.9 回到工作場景 221
8.10 工作實訓營 237
8.10.1 訓練實例 237
8.10.2 工作實踐常見問題解析 238
8.11 本章小結 239
8.12 習題 239
第9章 JavaScript基礎知識 241
9.1 工作場景導入 242
9.2 了解JavaScript 242
9.2.1 標識符和關鍵字 244
9.2.2 常量和變數 244
9.3 數據類型 245
9.3.1 數值類型 245
9.3.2 布爾類型 246
9.3.3 字元串類型 246
9.3.4 null和undefined 246
9.4 運算符 247
9.5 流程控制 249
9.5.1 條件控制 249
9.5.2 循環控制 254
9.6 函式 255
9.6.1 函式定義 255
9.6.2 函式調用 256
9.7 回到工作場景 257
9.8 工作實訓營 258
9.8.1 訓練實例 258
9.8.2 工作實踐常見問題解析 259
9.9 本章小結 259
9.10 習題 259
第10章 JavaScript中的對象 261
10.1 工作場景導入 262
10.2 JavaScript的對象概述 262
10.3 Date對象 262
10.4 String對象 267
10.5 Math對象 271
10.6 Array對象 274
10.7 回到工作場景 279
10.8 工作實訓營 287
10.8.1 訓練實例 287
10.8.2 工作實踐常見問題解析 287
10.9 本章小結 289
10.10 習題 290
第11章 事件處理 293
11.1 工作場景導入 294
11.2 事件與事件處理 294
11.2.1 事件 294
11.2.2 調用事件處理程式 294
11.3 JavaScript常用事件 296
11.3.1 滑鼠事件 296
11.3.2 鍵盤事件 297
11.3.3 視窗事件 298
11.4 表單事件 299
11.4.1 onsubmit與onreset事件 299
11.4.2 onfocus與onblur事件 301
11.4.3 onselect事件 302
11.4.4 onchange事件 302
11.5 回到工作場景 304
11.6 工作實訓營 307
11.6.1 訓練實例 307
11.6.2 工作實踐常見問題解析 308
11.7 本章小結 309
11.8 習題 309
第12章 Bootstrap概述 311
12.1 工作場景導入 312
12.2 了解Bootstrap 312
12.2.1 Bootstrap環境安裝 312
12.2.2 Bootstrap包含的內容 314
12.2.3 使用Bootstrap框架 314
12.3 使用Bootstrap CSS樣式 316
12.3.1 排版 316
12.3.2 圖片 322
12.3.3 表格 323
12.3.4 表單 325
12.3.5 按鈕 329
12.4 使用Bootstrap布局組件 330
12.4.1 Bootstrap字型圖示 330
12.4.2 Bootstrap按鈕下拉選單 331
12.4.3 Bootstrap 按鈕組 333
12.4.4 Bootstrap輸入框組 336
12.4.5 Bootstrap導航欄 337
12.4.6 Bootstrap分頁 339
12.4.7 Bootstrap進度條 340
12.4.8 Bootstrap警告 342
12.4.9 Bootstrap多媒體對象 343
12.5 Bootstrap外掛程式 344
12.5.1 下拉選單 344
12.5.2 彈出框 346
12.5.3 輪播 347
12.5.4 摺疊 349
12.6 回到工作場景 350
12.7 工作實訓營 354
12.7.1 訓練實例 354
12.7.2 工作實踐常見問題解析 355
12.8 本章小結 355
12.9 習題 356
參考文獻 357
