HTML5 應用開發案例教程 (微課版)
古凌嵐 袁宜英
買這商品的人也買了...
-
演算法圖鑑：26種演算法 + 7種資料結構，人工智慧、數據分析、邏輯思考的原理和應用 step by step 全圖解$450$356 -
RESTful API 開發實戰 : 使用 REST JSON XML 和 JAX-RS 構建微服務 大數據和 Web 服務應用 (Pro RESTful APIs: Design, Build and Integrate with REST, JSON, XML and JAX-RS)$288$274 -
$301PHP Web 安全開發實戰 -
$403PHP 安全之道 項目安全的架構、技術與實踐 -
網頁應用程式設計｜使用 Node 和 Express, 2/e (Web Development with Node and Express, 2/e)$580$458 -
PHP 動態網站系統開發與 Laravel 框架運用$580$452 -
和艦長一起 30 天玩轉 GitLab（iT邦幫忙鐵人賽系列書）$500$390 -
LINE Bot by Python 全攻略：從 Heroku 到 AWS 跨平台實踐（iT邦幫忙鐵人賽系列書）$620$484 -
$305HTML + CSS + JavaScript 網頁製作案例教程, 2/e -
頂級網站技術長高度：前端工程進階大師指南$880$695 -
JavaScript 概念三明治：基礎觀念、語法原理一次帶走！（iT邦幫忙鐵人賽系列書）$600$468 -
墨守之道 Web 服務安全架構與實踐$539$512 -
刷題實戰筆記：演算法工程師求職加分的祕笈$720$562 -
你所不知道的必學前端 Debug 技巧：即學即用！讓你 Debug 不求人 (iT邦幫忙鐵人賽系列書)$620$484 -
前端架構師：基礎建設與架構設計思想$648$616
相關主題
商品描述
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
