本書圍繞著Web前端設計, 先介紹了HTML5、CC3以及Dreamweaver的基礎知識, 再圍繞了著基礎應用開發, 講解了頁面排版與美化、浮動、定位、列表、表單、主流CSS3技術、HTML5繪圖等技術, 再用3個章節, 分別講解PC端頁面、移動端頁面和Web App的開發, 最后配以綜合實訓指導章節。
本書摒棄了落伍的Dreamweaver和DIV的內容，把重點放在HTML5和CSS3上，采用章節式的傳統寫法，前7章注重講知識點，后3章，針對PC端頁面、移動端頁面和Web App分別講解如何開發。每章配有實踐環節，幫助學生掌握知識點。全書定位在基礎入門、簡單易學、篇幅較薄。
吳豐，黃河水利職業技術學院優秀青年教師，曾編寫過多部教材書籍。1）網頁設計與制作（Dreamweaver CS6+HTML5+CSS3版），獨著，ISBN編號: 9787302403845，清華大學出版社，2015年12月出版。 2）Dreamweaver CS5網頁設計與制作(DIV+CSS版)，主編，ISBN: 9787302286172，清華大學出版社，2012年7月出版。
第1章 Web前端職業前景與重要
理念 1
1．1 了解Web前端工程師 2
1．1．1 HTML5前端開發的前景與必要
認知 2
1．1．2 認識網頁的構成元素 4
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章 HTML 5頁面的構建與簡單
控制 15
2．1 Dreamweaver的工作環境
概述 16
2．1．1 界面介紹 16
2．1．2 常用工具欄和面板 17
2．2 創建和管理站點 20
2．2．1 創建站點 20
2．2．2 “文件”面板的使用方法 21
2．2．3 管理站點 23
2．3 HTML5入門 23
2．3．1 使用Dreamweaver構建“H5標準
頁面” 23
2．3．2 DOCTYPE文檔類型與基本結構
元素 25
2．3．3 HTML5常見元素 27
2．3．4 HTML5新增結構元素 35
2．4 課堂動手實踐 36
第3章 CSS3基礎入門 38
3．1 CSS3的基礎知識 39
3．1．1 CSS介紹 39
3．1．2 CSS的語法與注釋 40
3．1．3 CSS的引入方式 41
3．2 盒模型 45
3．2．1 盒模型的基本概念 45
3．2．2 計算盒模型中的寬與高 48
3．3 CSS3初級選擇器 49
3．3．1 通配符選擇器 49
3．3．2 類型選擇器 51
3．3．3 類選擇器 51
3．3．4 ID選擇器 53
3．3．5 后代選擇器 54
3．3．6 群組選擇器 55
3．4 CSS3高級選擇器 56
3．4．1 子元素選擇器和相鄰兄弟
選擇器 56
3．4．2 屬性選擇器 57
3．4．3 關于優先級 59
3．5 使用CSS3基礎知識完成頁面簡
易美化——404頁面的制作 60
3．6 課堂動手實踐 63
第4章 實現Web前端排版的基本
美化 64
4．1 控制文本 65
4．1．1 CSS中字體屬性與文本屬性介紹 66
4．1．2 Web Font與@font-face 70
4．1．3 文本的首行縮進、行高和陰影 73
4．1．4 文本溢出處理 75
4．2 控制超鏈接 76
4．2．1 文本鏈接、郵件鏈接與錨鏈接 76
4．2．2 CSS偽類與超鏈接 78
4．3 控制圖像和顏色 80
4．3．1 CSS中控制圖像和顏色的基本
屬性 80
4．3．2 仿“鳳凰網”的圖文混排 84
4．4 課堂動手實踐 89
第5章 浮動、定位與列表 91
5．1 浮動與清除浮動 92
5．1．1 浮動 92
5．1．2 清除浮動的3種方法 94
5．2 CSS定位 96
5．2．1 靜態定位和固定定位 97
5．2．2 相對定位和絕對定位 99
5．2．3 相對于某一容器的絕對定位 102
5．3 列表 103
5．3．1 有關列表的CSS樣式 103
5．3．2 仿“天貓”首頁的縱向導航 104
5．3．3 仿“鳳凰網”首頁的橫向導航 108
5．4 仿“天貓電器城（手機館）”
的圖文信息列表 110
5．5 課堂動手實踐 115
第6章 HTML 5增強型表單與簡易
表格 116
6．1 表單的創建與編輯 117
6．1．1 表單的基本知識 117
6．1．2 常見的表單對象 119
6．2 CSS控制表單 125
6．2．1 搜索欄 125
6．2．2 用戶登錄頁面 127
6．2．3 傳統按鈕、CSS3按鈕與開源樣式庫
按鈕 131
6．3 表格 134
6．3．1 表格的基本概念及其簡易操作 134
6．3．2 細線表格 137
6．3．3 隔行換色表格 139
6．4 課堂動手實踐 141
第7章 CSS3與HTML5的高級
應用 142
7．1 CSS Sprite技術 143
7．1．1 CSS Sprite技術分解 143
7．1．2 CSS Sprite技術的應用 144
7．2 CSS3漸變 147
7．3 CSS3動畫 149
7．3．1 變形——transform屬性 149
7．3．2 過渡——transition屬性 151
7．3．3 CSS3動畫的應用——
“幽靈按鈕” 152
7．4 CSS3選項卡 156
7．5 HTML5 Canvas 160
7．5．1 創建畫布并繪制簡單圖形 160
7．5．2 Canvas坐標、線條與圓 161
7．6 課堂動手實踐 163
第8章 PC端典型頁面的設計與
實現 164
8．1 Photoshop在Web前端的
常見操作 165
8．1．1 基礎操作 165
8．1．2 切片并輸出 167
8．2 頁面布局規劃與實現 168
8．2．1 首頁的實現 168
8．2．2 列表頁的實現 176
8．2．3 內容頁的實現 180
8．3 課堂動手實踐 182
第9章 多設備響應式頁面的
實現 183
9．1 響應式頁面開發 184
9．1．1 了解“響應式Web設計” 184
9．1．2 viewport網頁可視區域 185
9．1．3 媒體查詢詳解 187
9．2 “響應式”頁面的設計與實現 191
9．2．1 頁面分析 191
9．2．2 詳細實施過程 193
9．3 “響應式”框架介紹 199
9．4 課堂動手實踐 199
第10章 Web App類頁面的設計
與實現 201
10．1 Web App開發基礎知識 202
10．1．1 開發模式概述 202
10．1．2 手機屏幕基本知識 203
10．2 Bootstrap框架和Swiper
插件 204
10．2．1 Bootstrap框架 204
10．2．2 Swiper插件 206
10．3 “宇澤鮮風商城”Web App
頁面分析與環境準備 208
10．3．1 頁面分析 208
10．3．2 環境準備 209
10．4 頁面實現的詳細過程 210
10．4．1 首頁的實現 210
10．4．2 列表頁的實現 217
10．4．3 詳細內容頁的實現 221
10．5 課堂動手實踐 224
新書資訊