《21天學通HTML+CSS+JavaScript Web開發（第7版）》是2019年9月人民郵電出版社出版的圖書，作者是[美]勞拉·萊梅、雷夫·科爾本、珍妮弗·凱瑞恩。
基本介紹
- 中文名：21天學通HTML+CSS+JavaScript Web開發（第7版）
- 作者：[美]勞拉·萊梅、雷夫·科爾本、珍妮弗·凱瑞恩
- 出版社：人民郵電出版社
- 出版時間：2019年9月
- 頁數：465 頁
- 定價：69 元
- 開本：16 開
- 裝幀：平裝
- ISBN：9787115432858
內容簡介,圖書目錄,
內容簡介
《21天學通HTML+CSS+JavaScript Web開發（第7版）》是全球暢銷書《21天學通使用HTML與CSS發布Web站點》的全新升級版本，作者在本書囊括了新的HTML5與CSS3技術，並採用易於理解的步驟式教程講解了這些技術的實用技巧和注意事項。通過本書的學習，讀者可以開發出互動性的動態Web站點。
《21天學通HTML+CSS+JavaScript Web開發（第7版）》總共分為6部分，第 1部分是基礎知識，講解了Web發布的基本概念以及相關工具、HTML與CSS的簡介；第 2部分是創建網頁相關的內容，包括HTML的基本知識、使用列表組織信息、使用連結；第3部分是HTML和CSS的用法，包括使用HTML和CSS設定文本的格式、使用CSS設定網站的樣式、在網頁中使用圖像、創建表格、使用CSS定位元素、設計表單、使用HTML5定義頁面的結構、集成音視頻等多媒體、使用CSS設定頁面布局，以及回響式Web設計等；第4部分則介紹了JavaScript和jQuery的知識，內容包括JavaScript簡介、在頁面中使用JavaScript和jQuery、使用框架和連結視窗；第5部分則講解了移動Web設計與用戶體驗設計；第6部分介紹了將網站發布到Web上的內容，具體包括如何發布網站、使用伺服器、使用搜尋引擎和SEO技術提升網站的曝光率。
《21天學通HTML+CSS+JavaScript Web開發（第7版）》內容基礎紮實，示例豐富實用，適合國中級水平的網站設計、開發人員閱讀。
圖書目錄
第 1部分 起步
第 1章 何為Web發布 1
1.1 像Web發布者一樣思考 1
1.1.1 Web是一個超文本信息系統 1
1.1.2 Web是跨平台的 2
1.1.3 Web是分散式的 2
1.1.4 Web是動態的 3
1.1.5 Web是互動式的 4
1.2 Web瀏覽器 5
1.2.1 Web瀏覽器的作用 5
1.2.2 概述一些流行的Web瀏覽器 6
1.3 Web伺服器 8
1.4 統一資源定位符 8
1.5 廣義的Web發布 9
1.6 小結 9
1.7 作業 9
1.7.1 問與答 9
1.7.2 小測驗 10
1.7.3 小測驗答案 10
1.7.4 練習 10
第 2章 準備好工具 11
2.1 網站剖析 11
2.2 為發布到Web準備好計算機 13
2.2.1 文本編輯器 13
2.2.2 Web瀏覽器 14
2.3 使用Google Chrome ***工具 14
2.4 您要在Web上做什麼 17
2.5 繪製網站線框圖 18
2.5.1 線框圖是什麼，為何需要繪製線框圖 18
2.5.2 線框圖繪製小貼士 19
2.6 Web託管 19
2.6.1 使用內容管理應用程式 20
2.6.2 設定Web託管 20
2.7 小結 21
2.8 作業 21
2.8.1 問與答 21
2.8.2 小測驗 22
2.8.3 小測驗答案 22
2.8.4 練習 22
第3章 HTML和CSS簡介 23
3.1 HTML是什麼 23
3.1.1 HTML定義了網頁的結構 23
3.1.2 HTML並未定義網頁的布局 24
3.1.3 HTML為何以這樣的方式工作 25
3.1.4 標記的工作原理 25
3.2 HTML檔案什麼樣 25
3.3 HTML屬性 28
3.4 使用屬性style 29
3.5 HTML標準簡史 30
3.6 不斷發展的最新標準HTML5 31
3.7 小結 31
3.8 作業 31
3.8.1 問與答 31
3.8.2 小測驗 32
3.8.3 小測驗答案 32
3.8.4 練習 32
第 2部分 創建網頁
第4章 HTML基礎知識 33
4.1 定義頁面的總體結構 33
4.1.1 標籤 33
4.1.2 標籤 34
4.1.3 標籤 34
4.2 名稱 35
4.3 標題 36
4.4 段落 37
4.5 注釋 38
4.6 小結 39
4.7 作業 40
4.7.1 問與答 40
4.7.2 小測驗 40
4.7.3 小測驗答案 41
4.7.4 練習 41
第5章 使用列表組織信息 42
5.1 列表概述 42
5.2 帶編號的列表 43
5.3 無序列表 46
5.4 定義列表 48
5.5 嵌套列表 49
5.6 列表的其他用途 51
5.7 小結 51
5.8 作業 52
5.8.1 問與答 52
5.8.2 小測驗 53
5.8.3 小測驗答案 53
5.8.4 練習 53
第6章 使用連結 54
6.1 創建連結 54
6.2 使用相對和絕對路徑名連結到本地頁面 58
6.2.1 絕對路徑名 58
6.2.2 該使用相對路徑名還是絕對路徑名 59
6.3 連結到Web上的其他文檔 59
6.4 連結到文檔的特定位置 63
6.4.1 創建連結和錨 64
6.4.2 標籤的name屬性 64
6.4.3 連結到當前文檔的其他元素 67
6.5 剖析URL 67
6.5.1 URL的組成部分 68
6.5.2 URL中的特殊字元 69
6.5.3 屬性rel 69
6.6 URL分類 70
6.6.1 HTTP URL 70
6.6.2 匿名FTP URL 70
6.6.3 非匿名FTP URL 71
6.6.4 mailto URL 71
6.6.5 檔案URL 72
6.7 小結 72
6.8 作業 73
6.8.1 問與答 73
6.8.2 小測驗 74
6.8.3 小測驗答案 74
6.8.4 練習 74
第3部分 HTML和CSS的基本用法
第7章 使用HTML和CSS設定文本的格式 75
7.1 字元級元素 75
7.1.1 HTML語義標籤 75
7.1.2 HTML5物理樣式標籤的變化 77
7.2 使用CSS設定字元的格式 77
7.2.1 text-decoration屬性 78
7.2.2 字型屬性 78
7.3 預定格式的文本 79
7.4 水平分隔線（主題分隔） 81
7.5 換行 83
7.6 地址 84
7.7 引文 84
7.8 特殊字元 86
7.8.1 字元編碼 87
7.8.2 表示特殊字元的字元實體 88
7.8.3 表示保留字元的字元實體 88
7.9 字型和字號 89
7.10 小結 97
7.11 作業 98
7.11.1 問與答 98
7.11.2 小測驗 99
7.11.3 小測驗答案 99
7.11.4 練習 99
第8章 使用CSS設定網站的樣式 100
8.1 在頁面中包含樣式表 100
8.1.1 創建頁面級樣式 100
8.1.2 創建網站級樣式表 101
8.2 選擇器 102
8.2.1 上下文選擇器 102
8.2.2 類和ID 103
8.2.3 級聯的含義 104
8.3 度量單位 105
8.4 使用***工具編輯樣式 108
8.5 使用顏色 109
8.6 連結 109
8.7 盒子模型 110
8.7.1 框線 111
8.7.2 外邊距和內邊距 112
8.7.3 控制大小和元素顯示 116
8.7.4 浮動 118
8.8 其他選擇器 121
8.8.1 偽類 122
8.8.2 屬性選擇器 124
8.9 標籤 124
8.10 小結 125
8.11 作業 125
8.11.1 問與答 125
8.11.2 小測驗 126
8.11.3 小測驗答案 126
8.11.4 練習 126
第9章 在網頁中使用圖像 127
9.1 Web上的圖像 127
9.2 圖像格式 128
9.2.1 GIF 128
9.2.2 JPEG 128
9.2.3 PNG 128
9.2.4 SVG 129
9.3 HTML內嵌圖像：標籤 129
9.4 圖像和文本 132
9.4.1 文本和圖像對齊 134
9.4.2 沿圖像繞排文本 135
9.4.3 調整圖像周圍空白區域的大小 138
9.5 圖像和連結 139
9.6 其他圖像使用技巧 142
9.7 將圖像用作背景 143
9.8 將圖像用作項目符號 145
9.9 圖像映射是什麼 146
9.9.1 選擇圖像 147
9.9.2 確定坐標 147
9.9.3 標籤和 149
9.9.4 屬性usemap 150
9.10 圖像使用規範 153
9.11 小結 154
9.12 作業 154
9.12.1 問與答 154
9.12.2 小測驗 155
9.12.3 小測驗答案 155
9.12.4 練習 155
第 10章 創建表格 156
10.1 創建表格 156
10.2 表格的組成部分 156
10.2.1
元素 157
10.2.2 表格摘要 158
10.2.3 行和單元格 158
10.2.4 空單元格 159
10.2.5 表題 160
10.3 設定表格、框線和單元格的尺寸 163
10.3.1 設定表格的寬度 163
10.3.2 修改表格的框線 164
10.3.3 單元格內邊距 166
10.3.4 單元格間距 167
10.3.5 列寬 168
10.4 表格和單元格的顏色 169
10.5 對齊表格內容 171
10.5.1 表格對齊方式 171
10.5.2 表格和表題的對齊方式 172
10.6 橫跨多行或多列 174
10.7 更**的表格改進方式 180
10.7.1 將列編組並設定其樣式 180
10.7.2 將行編組並設定其樣式 183
10.8 表格的用途 185
10.9 小結 185
10.10 作業 186
10.10.1 問與答 186
10.10.2 小測驗 187
10.10.3 小測驗答案 187
10.10.4 練習 187
第 11章 使用CSS定位元素 188
11.1 定位方案 188
11.2 **定位 192
11.2.1 定位屬性 192
11.2.2 定位屬性及高度和寬度 192
11.2.3 嵌套**定位的元素 194
11.2.4 動態覆蓋層 195
11.3 固定定位 198
11.4 控制堆疊 199
11.5 創建下拉式選單 201
11.6 小結 204
11.7 作業 205
11.7.1 問與答 205
11.7.2 小測驗 205
11.7.3 小測驗答案 205
11.7.4 練習 205
第 12章 設計表單 206
12.1 理解表單 206
12.2 使用標籤
210
12.3 使用標籤 212
12.4 使用標籤創建表單控制項 213
12.4.1 創建文本控制項 214
12.4.2 使用datalist給文本欄位添加可供選擇的值 215
12.4.3 使用HTML5新增的控制項 216
12.4.4 創建密碼控制項 219
12.4.5 創建提交按鈕 220
12.4.6 創建重置按鈕 220
12.4.7 創建複選框 221
12.4.8 創建單選按鈕 222
12.4.9 將圖像用作提交按鈕 222
12.4.10 創建常規按鈕 223
12.4.11 隱藏的表單欄位 224
12.4.12 檔案上傳控制項 224
12.5 使用其他表單控制項 225
12.5.1 使用元素button 225
12.5.2 使用textarea創建大型文本輸入欄位 225
12.5.3 使用select和option創建選單 226
12.6 使用fieldset和legend將控制項編組 231
12.6.1 修改默認的表單導航順序 233
12.6.2 使用快捷鍵 233
12.6.3 創建被禁用的控制項和唯讀控制項 233
12.7 使用progress和meter顯示更新進度 234
12.8 使用CSS設定表單控制項的樣式 238
12.9 規劃表單 242
12.10 小結 243
12.11 作業 244
12.11.1 問與答 244
12.11.2 小測驗 245
12.11.3 小測驗答案 245
12.11.4 練習 245
第 13章 使用HTML5定義頁面的結構 246
13.1 HTML頁面布局簡史 246
13.2 使用HTML5設計頁面布局 247
13.3 HTML5結構性標籤 248
13.3.1 區段 248
13.3.2 頁眉 249
13.3.3 頁腳 249
13.3.4 導航 250
13.3.5 文章 251
13.3.6 側欄 251
13.4 頁面大綱 251
13.5 使用HTML5結構性元素 252
13.6 小結 253
13.7 作業 253
13.7.1 問與答 253
13.7.2 小測驗 254
13.7.3 小測驗答案 254
13.7.4 練習 254
第 14章 集成多媒體：視頻和聲音 255
14.1 以簡單的方式嵌入視頻 255
14.1.1 將視頻託管到外部網站的優缺點 256
14.1.2 將視頻上傳到YouTube 257
14.1.3 定製視頻播放器 257
14.1.4 其他服務 258
14.2 自己託管視頻 259
14.2.1 視頻和容器格式 259
14.2.2 將視頻轉換為H.264格式 260
14.3 使用嵌入視頻 262
14.3.1 標籤 263
14.3.2 使用元素 265
14.4 使用標籤嵌入Flash電影 266
14.5 標籤 268
14.6 使用SWFObject嵌入Flash電影 269
14.7 Flash視頻播放器 271
14.7.1 JW Player 271
14.7.2 使用Flowplayer 272
14.8 結合使用標籤和 273
14.9 在頁面中嵌入音頻 274
14.9.1 標籤
274
14.9.2 Flash音頻播放器 275
14.10 小結 276
14.11 作業 277
14.11.1 問與答 277
14.11.2 小測驗 277
14.11.3 小測驗答案 278
14.11.4 練習 278
第 15章 **CSS：使用CSS設定頁面布局 279
15.1 設定頁面布局 279
15.1.1 基於表格的布局存在的問題 280
15.1.2 編寫結構清晰的HTML 280
15.1.3 編寫布局樣式表 282
15.1.4 使用定位屬性調整各部分的排列順序 285
15.1.5 浮動欄布局技術 287
15.2 CSS在Web設計中扮演的角色 288
15.3 網站級樣式表 291
15.4 小結 292
15.5 作業 292
15.5.1 問與答 292
15.5.2 小測驗 293
15.5.3 小測驗答案 293
15.5.4 練習 293
第 16章 回響式Web設計 294
16.1 什麼是回響式Web設計 294
16.1.1 回響式Web設計簡史 294
16.1.2 RWD為何很重要 295
16.1.3 RWD並非只調整欄數 295
16.2 應優先考慮移動設備 295
16.2.1 移動優先 296
16.2.2 設定視口 296
16.3 規劃回響式網站 298
16.3.1 覆核所做的分析 298
16.3.2 使用手機訪問自己的網站 298
16.3.3 確定哪些內容*關重要 298
16.4 編寫媒體查詢 298
16.4.1 媒體類型 299
16.4.2 媒體特徵 299
16.4.3 斷點 300
16.4.4 使用媒體查詢創建樣式表 301
16.5 理解RWD的技術細節 302
16.5.1 調整布局 302
16.5.2 創建回響式圖像和視頻 306
16.5.3 創建回響式表格 308
16.6 回響式Web設計最佳實踐 311
16.6.1 讓每位用戶都獲得最佳的使用體驗 311
16.6.2 根據網站而不是設備選擇最佳的斷點 312
16.6.3 保持靈活的同時不忘小螢幕設備 312
16.7 小結 312
16.8 作業 312
16.8.1 問與答 312
16.8.2 小測驗 313
16.8.3 小測驗答案 313
16.8.4 練習 313
第4部分 使用JavaScript和jQuery
第 17章 JavaScript簡介 314
17.1 為何要使用JavaScript 314
17.1.1 易於使用 315
17.1.2 可改善性能 315
17.1.3 與瀏覽器集成 315
