HTML5 應用開發案例教程 (微課版)

古凌嵐 袁宜英

  • 出版商: 人民郵電
  • 出版日期: 2021-04-01
  • 定價: $299
  • 售價: 8.5$254
  • 語言: 簡體中文
  • 頁數: 251
  • 裝訂: 平裝
  • ISBN: 7115528969
  • ISBN-13: 9787115528964
  • 相關分類: HTML
  • 立即出貨 (庫存=1)

  • HTML5 應用開發案例教程 (微課版)-preview-1
  • HTML5 應用開發案例教程 (微課版)-preview-2
HTML5 應用開發案例教程 (微課版)-preview-1

買這商品的人也買了...

商品描述

HTML5技術是目前流行的Web前端技術之一。本書以HBuilder為開發平臺,以實際應用為主線,介紹了HTML5應用開發的相關技術內容(HTML5、CSS3和JavaScript)及其應用方法。

本書以旅游網站和游戲開發為教學案例,共8章,內容包括HTML5應用開發概述、靜態網頁製作、結合JavaScript的交互式網頁製作、CSS3界面美化、音頻/視頻特效網頁製作、Canvas動畫製作、HTML5游戲開發和響應式網頁製作。

本書配套在線開放課程,提供視頻、PPT、案例源代碼等教學資源,輔助教師教學和學生學習。

本書可作為高職高專院校電腦相關專業的教材,也可以作為從事相關開發工作的工程技術人員的參考書。

作者簡介

古凌嵐,廣東輕工職業技術學院信息學院,曾出版過多部教材《XML技術及應用》(9787508454443水利水電出版社)《計算機網絡系統集成》(9787040381740高等教育出版社,十二五規劃)

目錄大綱

第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