《HTML5+CSS3 Web前端設計基礎教程》是2019年12月人民郵電出版社出版的圖書，作者是吳豐。
基本介紹
- 書名：HTML5+CSS3 Web前端設計基礎教程
- 作者：吳豐
- 出版社：人民郵電出版社
- 出版時間：2019年12月
- 頁數：224 頁
- 定價：39.8 元
- 開本：16 開
- 裝幀：平裝
- ISBN：9787115455772
內容簡介,圖書目錄,
內容簡介
本書圍繞著Web前端設計，先介紹了HTML5、CC3以及Dreamweaver的基礎知識，再圍繞了著基礎套用開發，講解了頁面排版與美化、浮動、定位、列表、表單、主流CSS3技術、HTML5繪圖等技術，再用3個章節，分別講解PC端頁面、移動端頁面和Web App的開發，最後配以綜合實訓指導章節。
圖書目錄
第 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
