《HTML 5套用開發案例教程》是2021年4月1日人民郵電出版社出版的圖書,作者是古凌嵐、袁宜英。
基本介紹
- 中文名:HTML 5套用開發案例教程
- 作者:古凌嵐、袁宜英
- 出版社:人民郵電出版社
- ISBN:9787115528964
內容簡介,圖書目錄,
內容簡介
本書以HBuilder為開發平台,以實際套用為主線,介紹了HTML5套用開發的相關技術內容(HTML5、CSS3和JavaScript)及其套用方法。本書以旅遊網站和遊戲開發為教學案例,共8章,內容包括HTML5套用開發概述、靜態網頁製作、結合JavaScript的互動式網頁製作、CSS3界面美化、音頻/視頻特效網頁製作、Canvas動畫製作、HTML5遊戲開發和回響式網頁製作。本書配套線上開放課程,提供視頻、PPT、案例原始碼等教學資源,輔助教師教學和學生學習。本書可作為高職高專院校計算機相關專業的教材,也可以作為從事相關開發工作的工程技術人員的參考書。
圖書目錄
第 1章HTML5套用開發概述 001
1.1網頁工作原理 001
1.1.1瀏覽器軟體 001
1.1.2網頁工作過程 002
1.2HTML5概述 003
1.3回響式設計 006
1.4運行環境和開發工具 011
1.4.1運行環境 011
1.4.2開發工具 012
課後練習 017
第 2章靜態網頁製作 018
2.1HTML5頁面的構建 018
2.1.1HTML5基本結構 018
2.1.2HTML5新增的結構標籤 020
2.1.3CSS3技術 021
2.1.4實例2-1:編寫一個簡單的
HTML5頁面 023
2.2文本標籤的套用 026
2.2.1文本標籤 026
2.2.2實例2-2:旅遊網站介紹文字的
製作 028
2.3表格標籤的套用 029
2.3.1表格標籤 029
2.3.2實例2-3:旅遊網站機票預訂
頁面製作 030
2.4表單標籤的套用 032
2.4.1表單標籤 032
2.4.2實例2-4:旅遊網站登錄和
註冊頁面製作 035
2.5分組標籤的套用 036
2.5.1分組標籤 036
2.5.2實例2-5:旅遊網站首頁
製作(一) 039
2.6嵌入標籤的套用 045
2.6.1嵌入標籤 045
2.6.2實例2-6:旅遊網站首頁
製作(二) 047
課後練習 048
第3章結合JavaScript的互動式
網頁製作 049
3.1初識JavaScript 049
3.1.1什麼是JavaScript 049
3.1.2JavaScript的特點 049
3.2JavaScript基本語法 050
3.2.1JavaScript的套用方法 050
3.2.2標識符、數據類型和運算符 051
3.2.3實例3-1:貨幣匯率兌換器 053
3.3JavaScript程式構成 055
3.3.1流程控制語句 055
3.3.2函式 055
3.3.3對象 056
3.3.4實例3-2:旅遊網站用戶註冊的
合法性驗證 058
3.4JavaScript訪問DOM節點 061
3.4.1文檔對象模型 062
3.4.2DOM節點的基本操作 063
3.4.3DOM事件機制 065
3.4.4實例3-3:旅遊網站的景點查詢
動態生成頁面製作 067
3.4.5JavaScript事件處理模型 072
課後練習 072
第4章CSS3界面美化 073
4.1CSS3選擇器 073
4.1.1CSS3選擇器的用法 073
4.1.2實例4-1:旅遊網站的後台訂單
管理頁面製作 081
4.2CSS3框線和背景 087
4.2.1CSS3框線 088
4.2.2CSS3背景 093
4.2.3實例4-2:旅遊網站的旅遊線路
推廣頁製作 095
4.3CSS3文本和字型 098
4.3.1文本和伺服器字型 098
4.3.2實例4-3:旅遊網站的機票預訂
頁面製作 101
4.4CSS3盒式與多欄布局 110
4.4.1彈性盒布局 110
4.4.2實例4-4:使用Flex布局構建
網站首頁 114
4.4.3多欄布局 121
4.4.4實例4-5:旅遊網站的遊記頁面
製作 122
4.5CSS3 2D變換與動畫 127
4.5.1CSS3 2D變換 127
4.5.2實例4-6:升級改版旅遊網站的
首頁(一) 129
4.5.3CSS3過渡動畫 132
4.5.4實例4-7:升級改版旅遊網站的
首頁(二) 133
4.5.5CSS3 動畫 135
4.5.6實例4-8:升級改版旅遊網站的
首頁(三) 137
課後練習 140
第5章音頻/視頻特效網頁製作 141
5.1HTML5音頻 142
5.1.1音頻格式 142
5.1.2音頻播放的簡單套用 142
5.1.3音頻播放的高級套用 143
5.1.4實例5-1:帶iPod播放器的旅遊
網站首頁製作 148
5.2HTML5視頻 155
5.2.1視頻格式 156
5.2.2視頻播放的簡單套用 156
5.2.3視頻播放的高級套用 157
5.2.4實例5-2:隨頁面滾動自動切換
視頻的旅遊廣告頁製作 161
5.2.5實例5-3:全視頻背景下的時尚
主頁設計 164
課後練習 174
第6章Canvas動畫製作 175
6.1Canvas的相關概念 175
6.1.1標籤 175
6.1.2渲染上下文 176
6.1.3實例6-1:在HTML頁面上
繪製矩形 176
6.2Canvas繪製簡單圖形 177
6.2.1繪製線條 178
6.2.2繪製/填充矩形 179
6.2.3繪製/填充圓弧和曲線 180
6.2.4Canvas狀態保存和恢復 182
6.2.5實例6-2:簡易畫板製作 183
6.3Canvas繪製圖像和文本 187
6.3.1繪製圖像 188
6.3.2繪製文本 191
6.3.3實例6-3:線上廣告圖外掛程式
製作 193
6.4Canvas變形和動畫 198
6.4.1繪製變形 199
6.4.2繪製漸變 201
6.4.3繪製陰影 202
6.4.4實例6-4:滑動驗證碼製作 204
課後練習 207
第7章HTML5遊戲開發 208
7.1遊戲開發前的技術準備 208
7.1.1Canvas動畫的實現 208
7.1.2元素碰撞檢測和自由落體 209
7.1.3滑鼠鍵盤事件 214
7.2實例7-1:小黃人吃泡泡遊戲 217
7.2.1遊戲需求 217
7.2.2關鍵技術的實現 217
7.2.3完整代碼 219
7.3實例7-2:經典俄羅斯方塊
遊戲 223
7.3.1遊戲需求與邏輯 224
7.3.2關鍵技術的實現 224
7.3.3完整代碼 227
課後練習 233
第8章回響式網頁製作 234
8.1回響式設計核心技巧 234
8.1.1媒體查詢 234
8.1.2回響式頁面的設計流程 239
8.2回響式設計套用 240
8.2.1實例8-1:回響式企業網站
首頁製作 240
8.2.2實例8-2:回響式旅遊網站頁面
製作 247
課後練習 251