《HTML5+CSS3網頁設計與製作案例教程（第2版）》是2020年1月清華大學出版社出版的圖書，作者是姬莉霞、李學相、韓穎、劉成明。
基本介紹
- 書名：HTML5+CSS3網頁設計與製作案例教程（第2版）
- 作者：姬莉霞、李學相、韓穎、劉成明
- ISBN：9787302543664
- 定價：79.80元
- 出版社：清華大學出版社
- 出版時間：2020年1月
內容簡介,圖書目錄,
內容簡介
Web標準是所有網頁前端技術的規範和發展方向，HTML5和CSS3是Web標準的主要組成部分，闡述了內容和樣式分離的網頁設計精髓。
《HTML5+CSS3網頁設計與製作案例教程（第2版）》共15章，從初學者的角度出發，以知識點示例、章節綜合案例、全書綜合案例和實驗手冊等形式，全面涵蓋網頁設計的基礎知識、HTML5和CSS3技術、DIV+CSS網頁布局技術等內容。講解過程由淺入深、循序漸進，力求通過實例操作讓讀者快速掌握網頁設計的方法和技巧。
《HTML5+CSS3網頁設計與製作案例教程（第2版）》提供所有實例的源檔案、習題參考答案以及教學課件，以方便讀者學習和參考。
《HTML5+CSS3網頁設計與製作案例教程（第2版）》既適合作為大中專院校和培訓學校計算機相關專業學生的教材，也適合作為網頁設計製作人員及愛好者的參考用書。
圖書目錄
第1章 網頁設計基礎知識 1
1.1 網頁相關知識簡介 2
1.1.1 網際網路、網際網路和全球資訊網 2
1.1.2 網站和網頁 2
1.1.3 網頁與HTML 3
1.1.4 靜態網頁和動態網頁 4
1.1.5 IP位址、域名和URL 5
1.1.6 HTTP和FTP 6
1.1.7 瀏覽器 6
1.2 網頁的基本元素 6
1.2.1 網頁的基本媒體元素 6
1.2.2 網頁的基本布局元素 8
1.3 網頁設計常用技術 10
1.3.1 網頁標記語言HTML 10
1.3.2 網頁表現技術CSS 10
1.3.3 網頁腳本語言JavaScript 10
1.3.4 動態網頁編程技術ASP.NET、JSP、PHP等 11
1.4 網頁設計常用工具 11
1.4.1 基於文本的編輯器 11
1.4.2 所見即所得編輯器 12
1.4.3 如何選擇工具 13
1.5 習題 13
1.5.1 單選題 13
1.5.2 填空題 14
1.5.3 判斷題 14
1.5.4 簡答題 14
第2章 HTML5基礎 15
2.1 認識HTML5 16
2.1.1 HTML及其發展 16
2.1.2 HTML5的特點 16
2.1.3 編寫第一個HTML5檔案 17
2.2 HTML基本語法 18
2.2.1 標記與元素 18
2.2.2 HTML屬性 19
2.2.3 全局屬性 20
2.3 HTML5文檔的結構 22
2.3.1 HTML5文檔的基本結構 22
2.3.2 網頁標題<title> 23
2.3.3 定義元數據<meta> 23
2.3.4 HTML5新增的結構標記 25
2.4 綜合案例——基本的HTML5網頁 26
2.5 習題 27
2.5.1 單選題 27
2.5.2 填空題 28
2.5.3 判斷題 28
2.5.4 簡答題 28
第3章 文字與段落 29
3.1 基本的文字排版 30
3.1.1 段落<p> 30
3.1.2 控制換行<br> 31
3.1.3 預先格式化<pre> 32
3.1.4 標題文字<h1>～<h6> 34
3.1.5 水平線<hr> 34
3.2 HTML基本語法 36
3.2.1 強調文本<b>/<i>/<em>/<strong> 36
3.2.2 作品標題<cite> 37
3.2.3 小型文本<small> 38
3.2.4 標記文本改變<ins>/<del> 39
3.2.5 文字上下標<sup>/<sub> 40
3.2.6 旁註<ruby>/<rt>/<rp> 40
3.2.7 日期時間<time> 41
3.2.8 其他語義化、結構化元素 42
3.3 使用字元實體表示特殊符號 42
3.4 添加注釋 44
3.5 列表 45
3.5.1 無序列表<ul> 45
3.5.2 有序列表<ol> 46
3.5.3 描述列表<dl>/<dt>/<dd> 47
3.5.4 列表的嵌套 48
3.6 塊級元素與行內元素 49
3.7 無語義的容器元素 50
3.7.1 div元素 50
3.7.2 span元素 51
3.8 綜合案例——簡單文字網頁 52
3.9 習題 54
3.9.1 單選題 54
3.9.2 填空題 55
3.9.3 判斷題 55
3.9.4 簡答題 55
第4章 圖像、音頻和視頻等 56
4.1 檔案路徑 57
4.1.1 絕對路徑 57
4.1.2 相對路徑 57
4.2 在網頁中插入圖像<img> 58
4.2.1 網頁圖像的格式 58
4.2.2 插入圖像 59
4.3 在網頁中插入視頻<video> 61
4.3.1 視頻格式 61
4.3.2 插入視頻 61
4.4 在網頁中插入音頻<audio> 62
4.4.1 音頻格式 63
4.4.2 插入音頻 63
4.5 使用多種來源的多媒體和備用文本<source> 64
4.6 插入多媒體檔案<embed> 65
4.7 定義媒介分組和標題<figure>/<figcaption> 66
4.8 綜合案例——多媒體頁面的設計 67
4.9 習題 68
4.9.1 單選題 68
4.9.2 填空題 69
4.9.3 判斷題 69
4.9.4 簡答題 69
第5章 超連結 70
5.1 超連結概述 71
5.2 基本連結 71
5.2.1 外部連結 71
5.2.2 內部連結 73
5.2.3 <a>標記的屬性 73
5.2.4 超連結的目標類型 76
5.3 錨記(書籤)連結 78
5.4 設定圖像映射 80
5.5 內聯框架<iframe>及其連結 83
5.5.1 內聯框架 83
5.5.2 內聯框架相關的連結 84
5.6 定義基準地址<base> 86
5.7 綜合案例——設定超連結 87
5.8 習題 89
5.8.1 單選題 89
5.8.2 填空題 90
5.8.3 判斷題 90
5.8.4 簡答題 90
第6章 表格 91
6.1 表格簡介 92
6.2 創建表格 92
6.2.1 表格基本結構 93
6.2.2 表格框線顯示 94
6.2.3 帶圖像的單元格 96
6.3 合併單元格 96
6.3.1 設定跨列colspan 97
6.3.2 設定跨行rowspan 98
6.4 表格嵌套 99
6.5 表格的按行分組顯示<thead>/<tbody>/<tfoot> 100
6.6 綜合案例——表格套用 102
6.7 習題 103
6.7.1 單選題 103
6.7.2 填空題 104
6.7.3 判斷題 104
6.7.4 簡答題 104
6.7.5 套用題 104
第7章 表單 105
7.1 表單概述 106
7.2 建立表單<form> 107
7.3 基本的表單控制項 107
7.3.1 <input>標記 108
7.3.2 多行文本框<textarea> 113
7.3.3 選擇列表<select>/<option>/<datalist> 114
7.4 新增<input>表單控制項 116
7.4.1 url類型 116
7.4.2 email類型 117
7.4.3 日期和時間類型 117
7.4.4 數字類型 118
7.4.5 color類型 119
7.4.6 search類型 120
7.4.7 tel類型 120
7.5 fieldset控制項組 121
7.6 <input>常用公共屬性 121
7.6.1 autofocus屬性 122
7.6.2 placeholder屬性 122
7.6.3 required屬性 123
7.6.4 pattern屬性 124
7.7 綜合案例——表單設計 125
7.8 習題 127
7.8.1 單選題 127
7.8.2 填空題 127
7.8.3 判斷題 128
7.8.4 簡答題 128
第8章 CSS基礎 129
8.1 CSS介紹 130
8.1.1 CSS概述 130
8.1.2 CSS3 131
8.2 CSS的基本語法 131
8.3 CSS屬性 132
8.4 在HTML文檔中使用CSS的方法 134
8.4.1 行內樣式 134
8.4.2 內部樣式表 136
8.4.3 鏈入外部樣式表 138
8.4.4 導入外部樣式表 140
8.5 CSS基本選擇器 141
8.5.1 標記選擇器 142
8.5.2 類選擇器 142
8.5.3 id選擇器 144
8.5.4 通用選擇器 145
8.6 其他CSS選擇器 146
8.6.1 組合選擇器 146
8.6.2 偽類選擇器 151
8.6.3 偽對象選擇器 151
8.6.4 屬性選擇器 152
8.7 綜合案例——CSS的簡單套用 153
8.8 習題 157
8.8.1 單選題 157
8.8.2 填空題 157
8.8.3 判斷題 157
8.8.4 簡答題 158
第9章 CSS文本樣式 159
9.1 顏色color 160
9.2 CSS字型屬性 162
9.2.1 字型font-family 162
9.2.2 字型尺寸font-size 163
9.2.3 字型粗細font-weight 166
9.2.4 字型風格font-style 167
9.2.5 小型大寫字母font-variant 168
9.2.6 字型複合屬性font 169
9.3 文本格式化 170
9.3.1 行高line-height 171
9.3.2 水平對齊方式text-align 172
9.3.3 文本縮進text-indent 173
9.3.4 大小寫text-transform 175
9.3.5 字元間距letter-spacing 176
9.3.6 單詞間距word-spacing 177
9.3.7 垂直對齊方式vertical-align 178
9.3.8 文本修飾text-decoration 179
9.3.9 文本陰影text-shadow 181
9.3.10 書寫模式writing-mode 182
9.3.11 斷行處理word-wrap和overflow-wrap 184
9.3.12 文本相關偽對象 186
9.4 CSS列表屬性 187
9.4.1 列表項目符號list-style-type 187
9.4.2 圖像列表項目符號list-style-image 189
9.4.3 列表項目符號位置list-style-position 190
9.4.4 列表項目複合屬性list-style 191
9.5 綜合案例——基本圖文混排網頁 192
9.6 習題 196
9.6.1 單選題 196
9.6.2 填空題 197
9.6.3 判斷題 197
9.6.4 簡答題 197
第10章 CSS盒子模型 198
10.1 盒子BOX的基本概念 199
10.1.1 盒子的基本形式 199
10.1.2 盒子大小的計算width/height 201
10.1.3 改變盒子大小的計算方式box-sizing 203
10.2 框線的基本屬性 204
10.2.1 框線樣式border-style 204
10.2.2 框線厚度border-width 206
10.2.3 框線顏色border-color 208
10.2.4 框線複合屬性 209
10.3 邊距 210
10.3.1 內邊距padding 211
10.3.2 外邊距margin 213
10.4 框線的其他屬性 215
10.4.1 圓角框線border-radius 215
10.4.2 圖像框線border-image 217
10.4.3 盒子陰影box-shadow 222
10.5 表格和表單BOX的樣式 225
10.5.1 設計表格樣式 225
10.5.2 設計表單樣式 228
10.6 綜合案例——盒子布局排版 231
10.7 習題 236
10.7.1 單選題 236
10.7.2 填空題 237
10.7.3 判斷題 237
10.7.4 簡答題 237
10.7.5 套用題 238
第11章 CSS背景 239
11.1 CSS背景概述 240
11.2 背景顏色 240
11.2.1 背景顏色background-color 240
11.2.2 用背景色給頁面分塊 242
11.3 背景圖像 245
11.3.1 頁面背景圖像background-image 245
11.3.2 背景圖像重複background-repeat 247
11.3.3 背景圖像滾動background-attachment 249
11.3.4 背景圖像位置background-position 251
11.3.5 背景參考原點background-origin 253
11.3.6 背景圖像尺寸background-size 254
11.3.7 背景圖像裁剪區域background-clip 256
11.3.8 線性漸變背景圖像 258
11.4 背景複合屬性和多背景 260
11.4.1 背景複合屬性background 260
11.4.2 多背景 261
11.5 定義不透明度 262
11.6 綜合案例——設定背景 263
11.7 習題 270
11.7.1 單選題 270
11.7.2 填空題 270
11.7.3 判斷題 271
11.7.4 簡答題 271
第12章 CSS盒子布局和定位 272
12.1 CSS定位屬性 273
12.1.1 正常流向 273
12.1.2 定位偏移屬性top、bottom、right、left 274
12.1.3 定位方式position 274
12.1.4 分層呈現z-index 281
12.1.5 裁切clip 282
12.2 CSS布局屬性 283
12.2.1 可見性visibility 283
12.2.2 溢出overflow 285
12.2.3 顯示display 287
12.2.4 浮動float 289
12.2.5 清除clear 291
12.3 綜合案例——布局和定位套用 294
12.4 習題 303
12.4.1 單選題 303
12.4.2 填空題 304
12.4.3 判斷題 304
12.4.4 簡答題 304
第13章 網頁布局 305
13.1 網頁布局方法 306
13.1.1 網頁布局基本思想 306
13.1.2 DIV+CSS布局 306
13.1.3 DIV+CSS分塊方法 307
13.2 設計超連結樣式 311
13.2.1 超連結樣式變換 311
13.2.2 按鈕式超連結 315
13.2.3 使用列表製作選單 318
13.3 布局版式 321
13.3.1 版心和布局流程 321
13.3.2 單列布局 323
13.3.3 兩列布局 327
13.3.4 三列布局 333
13.3.5 通欄布局 343
13.4 習題 352
13.4.1 單選題 352
13.4.2 填空題 353
13.4.3 判斷題 353
13.4.4 簡答題 353
第14章 綜合案例——旅遊網頁 354
14.1 頁面總體設計與實現 355
14.1.1 頁面效果 355
14.1.2 頁面版式布局 356
14.1.3 頁面代碼實現 356
14.2 全局樣式設定 366
14.3 頁眉區(top) 366
14.3.1 連結選單(link) 367
14.3.2 導航選單(menu) 367
14.3.3 橫幅廣告(bannerwrap) 369
14.4 主內容區(main) 369
14.4.1 登錄區(login) 370
14.4.2 左邊內容區(left) 371
14.4.3 中間上部內容區(centertop) 373
14.4.4 中間底部內容區(centerbottom) 375
14.4.5 右邊內容區(rigth) 377
14.4.6 頁腳區(footer) 379
第15章 綜合案例——婚戒網站 380
15.1 網站總體設計 381
15.2 首頁設計 382
15.2.1 首頁頁面效果 382
15.2.2 首頁版式布局 384
15.2.3 首頁HTML代碼實現 385
15.2.4 公用的CSS代碼實現 387
15.2.5 首頁CSS代碼實現 389
15.3 “品牌文化”頁面設計 392
15.3.1 “品牌文化”頁面效果 392
15.3.2 “品牌文化”頁面版式布局 395
15.3.3 “品牌文化”頁面HTML代碼實現 396
15.3.4 “品牌文化”頁面CSS代碼實現 398
15.4 “排行榜”頁面設計 400
15.4.1 “排行榜”頁面效果 401
15.4.2 “排行榜”頁面版式布局 403
15.4.3 “排行榜”頁面HTML代碼實現 403
15.4.4 “排行榜”頁面CSS代碼實現 404
15.5 “愛的社區”頁面設計 406
15.5.1 “愛的社區”頁面效果 406
15.5.2 “愛的社區”頁面版式布局 408
15.5.3 “愛的社區”頁面HTML代碼實現 410
15.5.4 “愛的社區”頁面CSS代碼實現 411
參考文獻 413
附錄 414
附錄A 414
附錄B 414
附錄C 414
附錄D 414
附錄E 414
