HTML5+CSS3 Web前端設計基礎教程(第2版‧微課版)（簡體書）

本書依據Web前端開發工程師所需的崗位技能，結合“1+X”Web前端開發職業技能標準（初級、中級），對知識點重新萃取凝練，同時考慮讀者的認知規律，由淺入深地講解HTML5與CSS3的相關知識。 本書共分11章，內容包括Web前端職業前景與重要理念、HTML5頁面的構建與簡單控制，CSS 3基礎入門，實現Web前端排版的基本美化，浮動、定位與列表，HTML 5增強型表單與簡易表格，CSS3與HTML5的高級應用，PC端典型頁面的設計與實現，多設備響應式頁面的實現，使用Bootstrap框架創建頁面，Web App類頁面的設計與實現。 本書配套教學視頻、源代碼、PPT課件、課時授課計劃和學期授課計劃，為教師高效備課提供幫助。 本書可作為高等教育本、專科院校計算機相關專業的教材，也可作為自學參考書。

吳豐，黃河水利職業技術學院優秀青年教師，副教授，曾出版多部相關教材，長期奮戰在前端技術教學一線，有豐富的教學經驗。

1.好書再版；
2.配套豐富的教學資源，教學視頻、PPT、源代碼、教學大綱、教學設計、課後習題及答案、拓展學習案例等。
3.新版增加Bootstrap內容，為下一步學習奠定基礎。

第1章 Web前端職業前景與重要理念 1
1．1 瞭解Web前端工程師 2
1．1．1 HTML5前端開發的前景與必要認知 2
1．1．2 認識網頁的構成元素 5
1．1．3 瞭解專業術語 6
1．2 重要理念――表現和結構相分離 7
1．2．1 體驗“表現和結構相分離” 7
1．2．2 認識Web標準 8
1．3 Web前端開發基本流程 10
1．3．1 開發流程 10
1．3．2 常用開發軟件介紹 12
1．4 使用記事本創建HTML5頁面 13
1．5 課堂動手實踐 14
第2章 HTML5頁面的構建與簡單控制 16
2．1 Dreamweaver的工作環境概述 17
2．1．1 界面介紹 17
2．1．2 常用工具欄和麵板 18
2．2 創建和管理站點 20
2．2．1 創建站點 21
2．2．2 “文件”面板的使用方法 21
2．2．3 管理站點 23
2．3 HTML5入門 24
2．3．1 使用Dreamweaver構建“H5標準頁面” 24
2．3．2 DOCTYPE文檔類型與基本結構元素 25
2．3．3 HTML5常見元素 28
2．3．4 HTML5新增結構元素 37
2．4 課堂動手實踐 38
第3章 CSS3基礎入門 39
3．1 CSS3的基礎知識 40
3．1．1 CSS介紹 40
3．1．2 CSS的語法與注釋 41
3．1．3 CSS的引入方式 42
3．2 盒模型 46
3．2．1 盒模型的基本概念 47
3．2．2 計算盒模型中的寬與高 49
3．3 CSS3初級選擇器 50
3．3．1 通配符選擇器 50
3．3．2 類型選擇器 52
3．3．3 類選擇器 53
3．3．4 ID選擇器 54
3．3．5 後代選擇器 55
3．3．6 群組選擇器 56
3．4 CSS3高級選擇器 57
3．4．1 子元素選擇器和相鄰兄弟選擇器 57
3．4．2 屬性選擇器 59
3．4．3 關於優先級 60
3．5 使用CSS3基礎知識完成頁面簡易美化――404頁面的製作 61
3．6 課堂動手實踐 64
第4章 實現Web前端排版的基本美化 66
4．1 控制文本 67
4．1．1 CSS中字體屬性與文本屬性介紹 68
4．1．2 Web Font與@font-face 72
4．1．3 文本的首行縮進、行高和陰影 75
4．1．4 文本溢出處理 77
4．2 控制超鏈接 78
4．2．1 文本鏈接、郵件鏈接與錨鏈接 78
4．2．2 CSS偽類與超鏈接 80
4．3 控制圖像和顏色 82
4．3．1 CSS中控制圖像和顏色的基本屬性 82
4．3．2 圖文混排 86
4．4 課堂動手實踐 91
第5章 浮動、定位與列表 93
5．1 浮動與清除浮動 94
5．1．1 浮動 94
5．1．2 清除浮動的3種方法 96
5．2 CSS定位 98
5．2．1 靜態定位和固定定位 99
5．2．2 相對定位和絕對定位 101
5．2．3 相對於某一容器的絕對定位 104
5．3 列表 105
5．3．1 有關列表的CSS樣式 105
5．3．2 縱向導航 106
5．3．3 橫向導航 111
5．4 圖文信息列表 113
5．5 課堂動手實踐 118
第6章 HTML5增強型表單與簡易表格 119
6．1 表單的創建與編輯 120
6．1．1 表單的基本知識 120
6．1．2 常見的表單對象 121
6．2 CSS控制表單 128
6．2．1 搜索欄 128
6．2．2 用戶登錄頁面 130
6．2．3 傳統按鈕、CSS3按鈕與開源樣式庫按鈕 134
6．3 表格 137
6．3．1 表格的基本概念及其簡易操作 137
6．3．2 細線表格 140
6．3．3 隔行換色表格 142
6．4 課堂動手實踐 144
第7章 CSS3與HTML5的高級應用 146
7．1 CSS Sprite技術 147
7．1．1 CSS Sprite技術分解 147
7．1．2 CSS Sprite技術的應用 148
7．2 CSS3漸變 151
7．3 CSS3動畫 153
7．3．1 變形――transform屬性 153
7．3．2 過渡――transition屬性 155
7．3．3 CSS3動畫的應用――“幽靈按鈕” 156
7．4 CSS3選項卡 160
7．5 HTML5 Canvas 164
7．5．1 創建畫布並繪製簡單圖形 164
7．5．2 Canvas坐標、線條與圓 165
7．6 課堂動手實踐 167
第8章 PC端典型頁面的設計與實現 168
8．1 Photoshop在Web前端的常見操作 169
8．1．1 基礎操作 169
8．1．2 切片並輸出 171
8．2 頁面布局規劃與實現 172
8．2．1 首頁的實現 173
8．2．2 列表頁的實現 180
8．2．3 內容頁的實現 184
8．3 課堂動手實踐 186
第9章 多設備響應式頁面的實現 187
9．1 響應式頁面開發 188
9．1．1 瞭解“響應式Web設計” 188
9．1．2 viewport網頁可視區域 189
9．1．3 媒體查詢詳解 191
9．2 “響應式”頁面的設計與實現 195
9．2．1 頁面分析 195
9．2．2 詳細實施過程 197
9．3 “響應式”框架介紹 203
9．4 課堂動手實踐 203
第10章 使用Bootstrap框架創建頁面 205
10．1 Bootstrap框架 206
10．1．1 Bootstrap的環境配置 206
10．1．2 Bootstrap柵格系統 207
10．1．3 Bootstrap表格 211
10．1．4 Bootstrap表單 212
10．1．5 Bootstrap圖片 213
10．1．6 Bootstrap導航欄 214
10．2 使用Bootstrap框架搭建簡單頁面 216
10．2．1 頁面結構分析 217
10．2．2 頁面搭建過程 218
10．3 課堂動手實踐 220
第11章 Web App類頁面的設計與實現 221
11．1 Web App開發基礎知識 222
11．1．1 開發模式概述 222
11．1．2 手機屏幕基本知識 223
11．2 Swiper插件 224
11．3 Web App頁面分析與環境準備 226
11．3．1 頁面分析 226
11．3．2 環境準備 227
11．4 頁面實現的詳細過程 228
11．4．1 首頁的實現 228
11．4．2 列表頁的實現 236
11．4．3 詳細內容頁的實現 240
11．5 課堂動手實踐 242