基本介紹
- 中文名：HTML5+CSS3網頁設計基礎
- 作者：王雲曉、李永前、郝璇、劉麗麗
- 出版社：清華大學出版社
- 出版時間：2019年6月
- 定價：59 元
- ISBN：9787302521990
內容簡介,圖書目錄,
內容簡介
《HTML5+CSS3網頁設計基礎》全面介紹HTML5和CSS3的基本知識以及套用HTML5+CSS3製作網頁的技術。全書共分為12章，詳細介紹網頁的基本結構、網頁基本元素、CSS基本知識、如何定義頁面元素的樣式、屬性選擇器、盒子模型、元素背景、CSS布局技術、連結和導航的設計、網頁互動元素表單、CSS3動畫製作、多媒體嵌入技術、網站開發流程、網站前台頁面製作技術等內容。
《HTML5+CSS3網頁設計基礎》內容豐富、結構合理、語言簡潔流暢、示例翔實，主要面向網頁製作初學者，既可作為高等職業院校計算機、網路、軟體等專業及相關專業的網站開發和網頁製作教材，也可作為網頁製作愛好者、網站開發人員及維護人員的學習參考書。
圖書目錄
第1章 HTML5網頁基礎 1
1.1 網頁的基本元素 1
1.2 網頁的布局結構 3
1.3 創建HTML5頁面 4
1.3.1 案例分析 4
1.3.2 用記事本創建網頁 4
1.3.3 用Hbuilder創建網頁 5
1.4 HTML5基礎 7
1.4.1 HTML5概述 7
1.4.2 HTML5文檔結構 8
1.4.3 HTML5語句結構 9
1.4.4 HTML5語法規範 10
1.5 實訓 10
1.6 本章小結 11
1.7 練習題 11
第2章 網頁基本元素 13
2.1 文本控制標籤 13
2.1.1 案例分析 13
2.1.2 <hn>(標題標籤) 14
2.1.3 <p>(段落標籤) 15
2.1.4 <br/>(換行標籤) 15
2.1.5 <hr/>(水平線標籤) 15
2.1.6 文本格式化標籤 16
2.1.7 <span>(範圍標籤) 17
2.1.8 <!--…-->(注釋標籤) 17
2.1.9 特殊符號 17
2.1.10 案例製作 18
2.2 圖像標籤 19
2.2.1 案例分析 19
2.2.2 常用圖像格式 19
2.2.3 圖像標籤及其屬性 20
2.2.4 絕對路徑與相對路徑 23
2.2.5 案例製作 23
2.3 超連結標籤 24
2.3.1 案例分析 24
2.3.2 超連結簡介 25
2.3.3 超連結的套用 25
2.3.4 案例製作 29
2.4 列表 30
2.4.1 案例分析 30
2.4.2 無序列表 30
2.4.3 有序列表 31
2.4.4 定義列表 32
2.4.5 嵌套列表 33
2.4.6 案例製作 34
2.5 表格 35
2.5.1 案例分析 35
2.5.2 表格的結構 35
2.5.3 表格的基本語法 36
2.5.4 表格的修飾 37
2.5.5 不規範表格 39
2.5.6 案例製作 40
2.6 頁面互動標籤 41
2.6.1 details和summary元素 41
2.6.2 progress元素 42
2.6.3 meter元素 42
2.7 實訓 43
2.7.1 任務分析 44
2.7.2 任務實現 44
2.8 本章小結 45
2.9 練習題 46
第3章 CSS入門 47
3.1 CSS的定義與使用 47
3.1.1 CSS概述 47
3.1.2 CSS的定義和引用 48
3.2 CSS選擇器 51
3.2.1 案例分析 51
3.2.2 CSS樣式規則 51
3.2.3 CSS基礎選擇器 53
3.2.4 案例——製作企業簡介頁面 58
3.3 CSS屬性單位 59
3.3.1 長度與百分比單位 59
3.3.2 色彩單位 60
3.4 CSS高級特性 61
3.4.1 案例分析 61
3.4.2 CSS的層疊性和繼承性 61
3.4.3 CSS的優先權 64
3.4.4 案例——製作工程案例局部頁面 64
3.5 實訓 66
3.6 本章小結 68
3.7 練習題 68
第4章 元素外觀修飾 71
4.1 文本樣式 71
4.1.1 案例分析 71
4.1.2 字型樣式 72
4.1.3 文本外觀屬性 75
4.1.4 案例製作 81
4.2 圖像樣式 82
4.2.1 案例分析 83
4.2.2 設定圖像樣式 83
4.2.3 案例製作 85
4.3 列表樣式 86
4.3.1 案例分析 86
4.3.2 設定列表項的標記類型 86
4.3.3 設定列表項的標記位置 88
4.3.4 案例製作 89
4.4 表格樣式 92
4.4.1 案例分析 92
4.4.2 border-collapse(設定表格框線合併) 92
4.4.3 border-spacing(設定單元格間距) 93
4.4.4 empty-cells(設定是否顯示單元格框線) 94
4.4.5 caption-side(設定表格標題的位置) 95
4.4.6 案例製作 95
4.5 實訓 97
4.5.1 任務分析 97
4.5.2 任務實現 97
4.6 本章小結 100
4.7 練習題 100
第5章 CSS3選擇器 103
5.1 屬性選擇器 103
5.1.1 案例分析 103
5.1.2 E[attribute^=value]選擇器 104
5.1.3 E[attribute$=value]選擇器 104
5.1.4 E[attribute*=value]選擇器 104
5.1.5 案例製作 105
5.2 偽類選擇器 106
5.2.1 案例分析 106
5.2.2 :first-child和:last-child選擇器 107
5.2.3 :nth-child(n)和:nth-last-child(n)選擇器 109
5.2.4 :nth-of-type(n)和:nth-last-of-type(n)選擇器 109
5.2.5 :empty選擇器 111
5.2.6 :target選擇器 112
5.2.7 案例製作 113
5.3 偽元素選擇器 116
5.3.1 案例分析 116
5.3.2 :before選擇器 116
5.3.3 :after選擇器 117
5.3.4 案例製作 118
5.4 連結偽類 119
5.4.1 案例分析 119
5.4.2 案例製作 119
5.5 實訓 120
5.5.1 任務分析 121
5.5.2 任務完成 121
5.6 本章小結 125
5.7 練習題 125
第6章 CSS盒子模型 127
6.1 盒子模型簡介 127
6.2 盒子的外觀屬性 128
6.2.1 案例分析 128
6.2.2 盒子模型的寬和高 129
6.2.3 盒子框線屬性 132
6.2.4 盒子模型的邊距屬性 137
6.2.5 案例製作 139
6.3 背景屬性 142
6.3.1 案例分析 142
6.3.2 background屬性 142
6.3.3 CSS漸變背景 150
6.3.4 背景和圖像不透明度設定 153
6.3.5 案例製作 154
6.4 實訓 155
6.4.1 任務分析 155
6.4.2 任務實現 156
6.5 本章小結 158
6.6 練習題 158
第7章 網頁布局設計 161
7.1 網頁布局標籤 161
7.1.1 布局標籤+CSS布局的優點 161
7.1.2 頁面分塊 162
7.1.3 頁面結構標籤 163
7.2 浮動與定位 167
7.2.1 案例分析 167
7.2.2 元素的浮動 167
7.2.3 清除浮動 171
7.2.4 定位屬性 172
7.2.5 定位方式 173
7.2.6 overflow屬性 177
7.2.7 案例製作 178
7.3 典型的CSS布局 181
7.3.1 兩列布局 181
7.3.2 三列布局 185
7.3.3 三列自適應布局 189
7.4 實訓 190
7.4.1 任務分析 191
7.4.2 任務實現 191
7.5 本章小結 195
7.6 練習題 196
第8章 連結與導航 199
8.1 連結樣式 199
8.1.1 案例分析 199
8.1.2 設定文字連結樣式 200
8.1.3 設定圖像連結樣式 202
8.1.4 案例——製作產品中心-景觀路燈局部 203
8.2 縱嚮導航選單的設計 205
8.2.1 案例分析 205
8.2.2 縱嚮導航選單 206
8.2.3 案例——製作產品中心頁面的左側導航 207
8.3 橫嚮導航選單的設計 209
8.3.1 案例分析 209
8.3.2 網站主導航選單的設計 210
8.3.3 案例——製作產品中心頁面的頁碼導航 212
8.4 實訓 213
8.4.1 任務分析 213
8.4.2 任務實現 214
8.5 本章小結 223
8.6 練習題 223
第9章 表單 225
9.1 表單標籤 225
9.2 表單元素 226
9.2.1 案例分析 226
9.2.2 input元素及其屬性 227
9.2.3 其他表單元素 232
9.2.4 案例製作 234
9.3 用CSS控制表單樣式 235
9.4 實訓 238
9.4.1 任務分析 238
9.4.2 任務實現 239
9.5 本章小結 242
9.6 練習題 242
第10章 CSS3簡單動畫 245
10.1 CSS3過渡 245
10.1.1 transition-property屬性 245
10.1.2 transition-duration屬性 247
10.1.3 transition-timing-function屬性 247
10.1.4 transition-delay屬性 248
10.1.5 transition屬性 248
10.2 變形 249
10.2.1 案例展示 249
10.2.2 認識變形 249
10.2.3 2D轉換 250
10.2.4 3D轉換 256
10.2.5 案例實現 260
10.3 動畫設計 262
10.3.1 @keyframes規則 262
10.3.2 animation屬性 263
10.4 實訓 266
10.5 本章小結 270
10.6 練習題 270
第11章 多媒體技術 273
11.1 HTML5多媒體特性 273
11.1.1 多媒體格式 273
11.1.2 支持多媒體的瀏覽器 274
11.2 嵌入視頻和音頻 275
11.2.1 在HTML5中嵌入視頻 275
11.2.2 在HTML5中嵌入音頻 277
11.2.3 音視頻中的source元素 278
11.3 用CSS控制視頻的寬高 279
11.4 視頻和音頻的方法和事件 281
11.4.1 video和audio元素的方法 281
11.4.2 video和audio元素的事件 281
11.5 實訓 282
11.5.1 任務分析 283
11.5.2 任務實現 284
11.6 本章小結 285
11.7 練習題 285
第12章 網頁設計基礎 287
12.1 網站的開發流程 287
12.1.1 需求分析 288
12.1.2 站點規劃 288
12.1.3 網站製作 289
12.1.4 測試發布 289
12.2 用HBulider創建Web項目 290
12.3 案例：製作愛德照明網站首頁 290
12.4 案例：製作公司新聞頁面 302
12.5 案例：製作聯繫方式頁面 308
12.6 本章小結 310
12.7 練習題 310
參考文獻 312
