基本介紹
- 中文名：Web前端設計基礎——HTML5、CSS3、JavaScript
- 作者：張樹明
- 出版時間：2017年3月
- 出版社：清華大學出版社
- ISBN：9787302453512
- 定價：49.5 元
內容簡介,圖書目錄,
內容簡介
本書基於Web標準，深入淺出地介紹了Web前端設計技術的基礎知識，對Web體系結構、HTML5、CSS3、JavaScript和網站製作流程進行了詳細的講解；內容翔實，結構合理，語言精練，表達簡明，實用性強，易於自學。
全書共分22章，第1章介紹Web技術的基本概念、Web體系結構、超文本與標記語言、Web標準的組成和常用瀏覽器，第2～7章重點介紹Web標準的結構推薦標準HTML5常用元素的標籤語句及套用，第8～13章介紹Web標準的表現推薦標準CSS3常用屬性及套用，第14章介紹網站製作流程與發布過程，第15～21章介紹Web標準的行為標準ECMA-262的ECMAScript基礎和JavaScript腳本語言，第22章介紹JavaScript框架jQuery的入門知識。
本書適合作為高等院校計算機及相關專業的教材，也可以作為相關培訓機構的培訓教材，以及對Web前端設計技術感興趣人員的自學用書。
圖書目錄
第1章 Web技術概述
1.1 Internet概述 1
1.1.1 TCP/IP 1
1.1.2 主機和IP位址 2
1.1.3 域名和DNS 2
1.2 Web概述 3
1.2.1 Web歷史 3
1.2.2 Web體系結構 4
1.2.3 基本Web技術 5
1.2.4 Web伺服器 8
1.3 超文本與標記語言 9
1.3.1 超文本與超媒體 9
1.3.2 標記語言 10
1.4 Web標準 12
1.4.1 Web標準體系 12
1.4.2 採用Web標準的優勢 13
1.5 瀏覽器 13
1.5.1 常用瀏覽器 13
1.5.2 標準瀏覽器 14
1.6 Web開發工具 15
1.6.1 JetBrains WebStorm 15
1.6.2 測試和調試環境 15
1.7 小結 16
1.8 習題 16
第2章 HTML5基礎
2.1 HTML5基礎概述 18
2.1.1 HTML5文檔結構 18
2.1.2 元素與標籤 19
2.1.3 屬性 22
2.1.4 語法規則 23
2.2 WebStorm基礎 24
2.2.1 WebStorm基本操作 24
2.2.2 WebStorm快捷鍵 27
2.3 文檔結構元素 27
2.3.1 <html>標籤 28
2.3.2 <head>標籤 28
2.3.3 <body>標籤 28
2.4 頭部元素 28
2.4.1 <title>標籤 28
2.4.2 <meta>標籤 29
2.5 叮叮書店首頁添加元信息 31
2.6 小結 31
2.7 習題 31
第3章 HTML5內容結構與文本
3.1 HTML5結構標籤 33
3.1.1 <header>標籤 33
3.1.2 <nav>標籤 34
3.1.3 <article>標籤 34
3.1.4 <section>標籤 34
3.1.5 <aside>標籤 34
3.1.6 <footer>標籤 34
3.1.7 <details>和<summary>標籤 34
3.1.8 <div>標籤 35
3.1.9 <span>標籤 35
3.2 HTML5基礎標籤 35
3.2.1 標題 36
3.2.2 段落 36
3.2.3 換行符 36
3.2.4 注釋 36
3.3 HTML5格式化標籤 36
3.3.1 文本格式化標籤 37
3.3.2 引用和術語定義標籤 38
3.3.3 HTML5新增格式標籤 39
3.4 HTML5列表 42
3.4.1 無序列表 42
3.4.2 有序列表 43
3.4.3 定義列表 44
3.5 叮叮書店首頁內容結構的建立 44
3.5.1 分析設計頁面內容結構 45
3.5.2 用HTML5結構標籤確定頁面內容結構 45
3.5.3 添加文本內容 48
3.5.4 在瀏覽器中預覽 52
3.6 小結 52
3.7 習題 53
第4章 HTML5超連結
4.1 <a>標籤 54
4.1.1 href屬性 54
4.1.2 target屬性 55
4.1.3 id屬性 55
4.2 HTML5字元集與顏色 57
4.2.1 HTML5字元集 57
4.2.2 HTML5字元實體 57
4.2.3 HTML5顏色 58
4.2.4 HTML5顏色名 58
4.3 叮叮書店首頁超連結的使用 58
4.4 小結 61
4.5 習題 61
第5章 HTML5多媒體
5.1 HTML5圖像 62
5.1.1 <img>標籤 62
5.1.2 <map>和<area>標籤 63
5.1.3 <figure>和<figcaption>標籤 64
5.2 HTML5音視頻 65
5.2.1 HTML5視頻 65
5.2.2 HTML5音頻 68
5.3 <embed>標籤 69
5.4 叮叮書店首頁圖像的使用 70
5.5 小結 71
5.6 習題 72
第6章 HTML5表格
6.1 HTML5表格概述 73
6.1.1 表格結構 73
6.1.2 表格標籤 73
6.2 常用表格標籤 74
6.2.1 <table>標籤 74
6.2.2 <tr>標籤 75
6.2.3 <td>標籤 75
6.2.4 <col>標籤 76
6.2.5 <thead>、<tbody>和<tfoot>標籤 77
6.3 叮叮書店“購物車”頁面的建立 77
6.4 小結 78
6.5 習題 79
第7章 HTML5表單
7.1 HTML5表單概述 80
7.1.1 表單 80
7.1.2 <form> 標籤 80
7.2 表單域 82
7.2.1 <input>標籤 82
7.2.2 <textarea>標籤 90
7.2.3 <label>標籤 91
7.2.4 <fieldset>標籤 91
7.2.5 <select>標籤 92
7.2.6 <option>標籤 92
7.2.7 <optgroup>標籤 93
7.2.8 <button>標籤 93
7.2.9 <datalist>標籤 94
7.2.10 <keygen>標籤 94
7.2.11 <output>標籤 95
7.3 叮叮書店“聯繫我們”頁面的建立 95
7.4 叮叮書店首頁添加站內搜尋 98
7.5 小結 98
7.6 習題 98
第8章 CSS基礎
8.1 CSS概述 100
8.2 CSS語法 102
8.3 CSS常用選擇器 103
8.4 CSS3選擇器 106
8.5 CSS屬性 107
8.5.1 CSS屬性概述 107
8.5.2 CSS屬性值和單位 110
8.5.3 CSS3屬性值和單位 112
8.6 使用CSS 113
8.7 層疊（多重）樣式 116
8.8 小結 119
8.9 習題 119
第9章 頁面布局定位
9.1 CSS盒模型 121
9.1.1 CSS盒模型概述 121
9.1.2 CSS內邊距 123
9.1.3 CSS框線 124
9.1.4 CSS3框線 128
9.1.5 CSS外邊距 131
9.1.6 CSS輪廓 133
9.2 CSS布局 134
9.2.1 盒模型顯示類型 134
9.2.2 CSS3伸縮盒布局 137
9.2.3 CSS浮動 146
9.2.4 可見與溢出 149
9.3 CSS 定位 150
9.3.1 position屬性 151
9.3.2 z-index屬性 155
9.4 基本布局模板 156
9.4.1 固定（液態）布局 156
9.4.2 彈性伸縮布局 159
9.5 叮叮書店首頁布局樣式設計 160
9.6 小結 162
9.7 習題 162
第10章 元素外觀屬性
10.1 背景 165
10.1.1 CSS背景 165
10.1.2 CSS3背景 168
10.1.3 CSS3透明度 170
10.2 字型 170
10.2.1 指定字型 171
10.2.2 指定大小 171
10.2.3 字型風格 172
10.2.4 字型粗細 172
10.2.5 CSS3伺服器端字型 174
10.3 文本與修飾 175
10.3.1 文本 175
10.3.2 修飾 179
10.4 CSS3文本效果 181
10.4.1 陰影 181
10.4.2 換行 181
10.5 CSS3多列 182
10.6 列表 183
10.7 尺寸 185
10.8 表格 186
10.8.1 表格屬性 186
10.8.2 表格框線控制 187
10.8.3 改善表格顯示效果 188
10.8.4 叮叮書店“購物車”頁面表格樣式設計 189
10.9 叮叮書店首頁外觀樣式設計 190
10.9.1 文本 190
10.9.2 背景 191
10.9.3 其他細節 193
10.10 小結 194
10.11 習題 194
第11章 偽類和偽元素
11.1 CSS偽類 196
11.1.1 超連結偽類 196
11.1.2 結構性偽類 197
11.1.3 子元素偽類 199
11.1.4 UI元素狀態偽類 201
11.2 CSS偽元素 204
11.3 CSS內容 205
11.4 小結 208
11.5 習題 208
第12章 CSS3變換過渡和動畫
12.1 變換 210
12.2 過渡 219
12.3 動畫 223
12.4 叮叮書店首頁超連結、偽類和動畫樣式設計 225
12.5 小結 229
12.6 習題 229
第13章 頁面內容樣式設計
13.1 默認樣式 230
13.1.1 HTML默認樣式 230
13.1.2 瀏覽器默認樣式 232
13.2 頁面內容樣式設計 233
13.2.1 導航選單 233
13.2.2 圖文混排 235
13.3 小結 237
13.4 習題 237
第14章 網站製作流程與發布
14.1 網站製作流程 238
14.2 模板 239
14.3 基於模板建立叮叮書店其他頁面 241
14.3.1 書籍分類（category.html） 241
14.3.2 特刊降價（specials.html） 243
14.3.3 聯繫我們（contact.html） 244
14.3.4 關於我們（about.html） 245
14.3.5 詳細內容（details.html） 246
14.3.6 購物車（cart.html） 248
14.4 網站發布 249
14.4.1 Web伺服器安裝使用 249
14.4.2 申請免費域名 250
14.5 小結 251
14.6 習題 251
第15章 ECMAScript基礎
15.1 JavaScript簡介 253
15.1.1 JavaScript歷史 253
15.1.2 JavaScript組成 254
15.1.3 JavaScript使用 255
15.1.4 JavaScript訊息框 257
15.2 ECMAScript基礎概述 258
15.2.1 ECMAScript語法基礎 258
15.2.2 ECMAScript變數 259
15.2.3 ECMAScript關鍵字和保留字 260
15.2.4 ECMAScript基本數據類型 260
15.2.5 ECMAScript類型轉換 262
15.3 ECMAScript運算符 264
15.3.1 一元運算符 264
15.3.2 算術運算符 266
15.3.3 關係運算符 267
15.3.4 邏輯運算符 269
15.3.5 其他運算符 270
15.4 小結 271
15.5 習題 271
第16章 ECMAScript語句
16.1 算法 273
16.1.1 算法的概念 273
16.1.2 簡單算法舉例 273
16.1.3 算法特性 274
16.1.4 算法與程式 274
16.2 ECMAScript語句 274
16.2.1 條件語句 274
16.2.2 循環語句 277
16.2.3 break和continue語句 280
16.3 使用WebStorm和Google Chrome調試JavaScript腳本程式 280
16.4 小結 282
16.5 習題 283
第17章 行為與對象
17.1 行為 284
17.1.1 ECMAScript函式 284
17.1.2 HTML事件 285
17.2 ECMAScript對象 289
17.2.1 對象 289
17.2.2 使用對象 290
17.2.3 ECMAScript引用類型 291
17.2.4 ECMAScript對象類型 296
17.3 錯誤處理 296
17.4 內置對象和本地對象 299
17.4.1 Math對象 299
17.4.2 Global全局對象 300
17.4.3 Array對象 301
17.4.4 Date對象 302
17.5 叮叮書店首頁顯示日期和時間 303
17.6 小結 305
17.7 習題 306
第18章 DOM
18.1 DOM概述 307
18.1.1 DOM簡介 307
18.1.2 節點樹 307
18.2 DOM對象 309
18.2.1 Node對象 309
18.2.2 HTMLElement對象 310
18.2.3 HTMLDocument對象 311
18.2.4 訪問節點 311
18.3 DOM與CSS 314
18.3.1 Style對象 314
18.3.2 CurrentStyle對象 318
18.3.3 StyleSheet對象 319
18.4 叮叮書店首頁圖片切換廣告的實現 320
18.5 小結 322
18.6 習題 322
第19章 HTML DOM對象
19.1 HTML DOM對象概述 324
19.1.1 Document對象 325
19.1.2 Image對象 327
19.1.3 Anchor對象 328
19.1.4 Event對象 329
19.1.5 Checkbox和Radio對象 333
19.1.6 FileUpload對象 335
19.1.7 Text和Password 對象 337
19.1.8 Textarea對象 338
19.1.9 Select和Option對象 338
19.1.10 Submit、Reset和Button對象 340
19.1.11 Form對象 341
19.2 RegExp對象 343
19.3 叮叮書店“聯繫我們”頁面表單數據驗證 345
19.4 小結 347
19.5 習題 347
第20章 HTML5 DOM
20.1 canvas對象 350
20.1.1 canvas基礎 351
20.1.2 使用路徑 352
20.1.3 繪製文本 354
20.1.4 繪製圖像 356
20.2 HTML5拖放 357
20.3 HTML5數據存儲 360
20.3.1 sessionStorage對象 360
20.3.2 localStorage對象 360
20.4 叮叮書店“書籍分類”頁面拖放圖書到購物車 364
20.5 小結 366
20.6 習題 367
第21章 BOM
21.1 BOM對象 368
21.1.1 window對象 368
21.1.2 navigator對象 372
21.1.3 screen對象 373
21.1.4 location對象 373
21.1.5 history對象 374
21.2 元素大小與位置 374
21.3 叮叮書店首頁浮動廣告 377
21.4 小結 379
21.5 習題 379
第22章 jQuery入門
22.1 jQuery基礎 381
22.1.1 添加jQuery庫 381
22.1.2 jQuery語法 382
22.2 特效和動畫 383
22.3 HTML操作 385
22.4 AJAX函式 387
22.5 叮叮書店“試讀”頁面的建立 387
22.6 小結 390
22.7 習題 390
參考文獻 391
