本書以HTML5與CSS3知識點為主線，響應式布局項目為任務載體，采用迭代遞增的網頁設計方法，根據項目需求來逐步完成任務，實現學習相關知識與動手實操并重目的。全書按照網頁設計的步驟，圍繞HTML5與CSS3重要特性進行編寫，通過詳細講解各個任務的實施來對知識點進行總結，使讀者深入掌握網頁設計制作技術。為適應應用型人才培養的需求，本書既強調理論知識的夯實、基本技能的訓練，還注重拓展能力的培養，最終使學習者具備解決問題、分析問題的能力。內容編排以項目為載體，以任務實施為學習路徑，結構清晰、內容翔實、難度漸進，達到學以致用的目標。本書編者由具有多年教學經驗和實際項目開發經驗的教師組成，書中大量教學實例，既有較強的理論性，又具有鮮明的實用性。本書即可作為高職院校和應用型本科院校網頁設計課程的教材，也可作為信息技術培訓機構的培訓用書，還可以作為網頁設計與制作人員的參考用書。
王慶樺，天津中德應用技術大學 教務處副處長，中國職業技術教育學會(CSTVE) 教學工作委員會 自動化技術類專業教學研究會 副秘書長，天津市"五一”勞動獎章獲得者，從事相關專業和課程教學14年。先后在加拿大BC省理工學院參加計算機技術、教育教學技能培訓、清華大學Web應用開發技術高級研修班、訪問過澳大利亞和新西蘭等國家，學校職業教育體系。主編或參與編寫教材9冊；參加國家級教改課題3項，市級教改課題3項；作為主要承擔者參與國家級、市級精品課或資源共享課3門；指導學生參加天津市高職計算機技能大賽獲一等獎1項，二等獎2項、三等獎2項。
項目1 認識HTML5 001
項目概述 001
項目導航 001
任務1.1 HTML5+CSS3網頁設計概述 001
任務目標 001
任務準備 002
1.1.1 認識網頁 002
1.1.2 HTML5簡介 003
1.1.3 CSS層疊樣式表 005
1.1.4 JavaScript簡介 005
1.1.5 瀏覽器及瀏覽器內核 006
任務1.2 網頁設計工具 008
任務目標 008
任務準備 008
1.2.1 前端開發的工具 008
1.2.2 WebStrom使用 009
任務實施 011
任務1.3 自適應網頁設計 017
任務目標 017
任務準備 017
1.3.1 響應式布局設計 017
1.3.2 響應式網頁部署 018
任務實施 019
項目總結 021
項目2 使用HTML5基本標簽 022
項目概述 022
項目導航 022
任務2.1 “古詩詞鑒賞”導航欄
頁面制作 023
任務目標 023
任務準備 023
2.1.1 HTML文件的基本結構 023
2.1.2 HTML5基本結構 023
2.1.3 HTML5新增標簽 024
2.1.4 HTML5廢棄標簽 024
2.1.5 HTML5廢棄屬性 025
2.1.6 基礎標簽 025
2.1.7 文本格式化標簽 027
任務實施 032
任務2.2 “詩人與古詩大全”頁面制作 034
任務目標 034
任務準備 034
2.2.1 有序列表 034
2.2.2 無序列表 035
2.2.3 定義列表 035
任務實施 036
任務2.3 “詩詞詳情”頁面制作 039
任務目標 039
任務準備 039
2.3.1 圖像標簽 039
2.3.2 范圍標簽span 042
2.3.3 超鏈接標簽a 042
2.3.4 div標簽 044
任務實施 044
項目總結 048
項目3 表格與表單應用 049
項目概述 049
項目導航 049
任務3.1 制作校園學生論壇網站 050
任務目標 050
任務準備 050
3.1.1 表格的基本語法 050
3.1.2 跨行跨列 061
任務實施 063
任務3.2 制作論壇登錄頁面 069
任務目標 069
任務準備 070
3.2.1 表單的基本語法 070
3.2.2 基本元素介紹 071
任務實施 076
任務3.3 制作論壇注冊頁面 079
任務目標 079
任務準備 079
3.3.1 ＜datalist＞元素 079
3.3.2 HTML5新增input類型與屬性 080
任務實施 085
項目總結 089
項目4 HTML5音視頻標簽 090
項目概述 090
項目導航 090
任務4.1 制作論壇音樂分區 090
任務目標 090
任務準備 091
4.1.1 ＜audio＞標簽 091
4.1.2 ＜source＞標簽 091
任務實施 092
任務4.2 制作論壇視頻欣賞分區 095
任務目標 095
任務準備 095
4.2.1 ＜video＞標簽 095
4.2.2 ＜track＞標簽 097
任務實施 098
項目總結 102
項目5 CSS3基礎應用 103
項目概述 103
項目導航 103
任務5.1 CSS基本知識 103
任務目標 103
任務準備 104
5.1.1 CSS樣式表創建 104
5.1.2 基本語法 106
任務實施 107
任務5.2 選擇器 109
任務目標 109
任務準備 109
5.2.1 常用選擇器 109
5.2.2 CSS3新增選擇器 114
任務實施 120
項目總結 129
項目6 CSS3美化網頁 130
項目概述 130
項目導航 130
任務6.1 CSS核心屬性 131
任務目標 131
任務準備 131
6.1.1 字體屬性 131
6.1.2 文本屬性 135
6.1.3 列表屬性 139
6.1.4 文本溢出 141
6.1.5 背景圖像 145
6.1.6 類型轉換 149
6.1.7 指針屬性 151
任務實施 152
任務6.2 浮動與定位 159
任務目標 159
任務準備 159
6.2.1 浮動屬性 159
6.2.2 定位屬性 162
任務實施 165
任務6.3 邊框屬性 168
任務目標 168
任務準備 168
6.3.1 盒子模型 168
6.3.2 邊框屬性 172
任務實施 179
任務6.4 自適應屬性 186
任務目標 186
任務準備 186
6.4.1 寬高自適應 186
6.4.2 屏幕自適應 188
任務實施 189
項目總結 195
項目7 CSS3過渡變形與動畫 196
項目概述 196
項目導航 196
任務7.1 CSS3過渡 197
任務目標 197
任務準備 197
7.1.1 transition-property屬性 197
7.1.2 transition-duration屬性 197
7.1.3 transition-timing-function 屬性 198
7.1.4 transition-delay屬性 199
7.1.5 transition屬性 200
任務實施 202
任務7.2 CSS3變形 206
任務目標 206
任務準備 207
7.2.1 transform屬性 207
7.2.2 transform-origin屬性 212
7.2.3 3D變形其他屬性 214
任務實施 215
任務7.3 動畫 224
任務目標 224
任務準備 224
7.3.1 @keyframes 225
7.3.2 animation 225
任務實施 227
項目總結 231
項目8 繪圖與數據存儲 232
項目概述 232
項目導航 232
任務8.1 JavaScript概述 232
任務目標 232
任務準備 233
8.1.1 JavaScript引入 233
8.1.2 JavaScript基礎知識 233
8.1.3 函數 234
8.1.4 Document對象 235
8.1.5 DOM事件機制 238
任務實施 239
任務8.2 Canvas 246
任務目標 246
任務準備 246
8.2.1 Canvas概述 246
8.2.2 Canvas繪制基本圖形 247
8.2.3 繪制漸變圖形 250
8.2.4 繪制變形圖形 252
8.2.5 SVG 253
任務實施 254
任務8.3 數據存儲 258
任務目標 258
任務準備 259
8.3.1 Cookie 259
8.3.2 Web Storage 259
任務實施 260
項目總結 262
參考文獻 263
新書資訊