HTML5移動Web開發(fā)技術

前言
第1章移動互聯(lián)網時代HTML5概述
1.1移動互聯(lián)網Web技術發(fā)展
1.2HTML5概述
1.2.1HTML5的誕生和發(fā)展
1.2.2HTML5新特性
1.2.3跨越瀏覽器的HTML5
1.3HTML5在移動開發(fā)中的應用
1.3.1Web前端開發(fā)技術簡介
1.3.2移動Web應用發(fā)展
1.3.3HTML5移動端開發(fā)前景和優(yōu)勢
本章小結
實踐與練習
實驗指導
實驗1使用瀏覽器下載和查看網頁
源代碼
實驗2快速制作簡單網頁
第2章移動開發(fā)工具和開發(fā)框架
2.1使用HTML5開發(fā)移動端應用
程序
2.2PC瀏覽器中模擬移動開發(fā)與
測試
2.3主流移動開發(fā)工具
2.3.1HBuilder
2.3.2Sublime Text
2.3.3Atom
2.3.4WebStorm
2.3.5Visual Studio Code
2.4HTML5移動Web開發(fā)框架
2.4.1jQuery Mobile
2.4.2Sencha Touch
2.4.3Junior
2.4.4其他HTML5移動Web開發(fā)
框架
2.5案例：使用HBuilder框架設計
精美窗體
本章小結
實踐與練習
實驗指導
實驗1使用HBuilder創(chuàng)建MUI框架
頁面
實驗2用jQuery Mobile框架實現(xiàn)框架
抽屜布局效果
第3章移動開發(fā)常用的HTML5
標簽
3.1HTML5文件基本標記
3.1.1頭部元素
3.1.2標題元素
3.1.3元信息標記
3.1.4頁面主體
3.1.5頁面注釋標記
3.2頁面主體標簽
3.2.1文字格式
3.2.2跨越瀏覽器的HTML5
3.3列表
3.3.1有序列表
3.3.2無序列表
3.3.3定義列表
3.3.4菜單列表
3.3.5目錄列表
3.4層標記
3.4.1div標簽
3.4.2iframe標簽
3.4.3layer和ilayer標簽
3.5表格
3.5.1標題和表頭
3.5.2表格的基本屬性
3.5.3表格樣式的設定
3.6多媒體
3.6.1audio標簽
3.6.2video標簽
3.7圖像效果
3.7.1圖像的基本格式
3.7.2圖像屬性
3.7.3圖像文字和鏈接
3.8文件與拖放
3.8.1file對象選擇文件
3.8.2圖像屬性blob接口獲取文件的
類型與大小
3.8.3FileReader接口
3.8.4拖放API
3.8.5實現(xiàn)拖放的步驟
3.9案例：實現(xiàn)購物車功能
本章小結
實踐與練習
實驗指導
實驗1列表——簡單的ul標簽小
應用
實驗2iframe——使用iframe實現(xiàn)簡單
導航欄切換效果
實驗3將自己的課表顯示在頁面上
第4章HTML5高級開發(fā)標簽
4.1HTML5 canvas概述
4.2canvas標簽
4.2.1繪制矩形
4.2.2使用路徑繪制圖形
4.2.3使用arc繪制弧形
4.2.4填充及填充樣式
4.2.5繪制曲線
4.2.6canvas變換及文本
4.2.7漸變
4.3Geolocation（地理定位）
4.4HTML5主要新增標簽
4.4.1語義化標記
4.4.2input新增屬性
4.4.3button標簽
4.4.4HTML5其他新增標簽
4.4.5HTML5廢除的元素
4.5案例：創(chuàng)建魔方玩具效果
本章小結
實踐與練習
實驗指導
實驗1用canvas繪制一個笑臉圖案
實驗2用canvas實現(xiàn)簡單濾鏡效果
第5章HTML5表單設計
5.1表單屬性標簽
5.2添加類控件
5.2.1文本控件
5.2.2密碼域
5.2.3單選按鈕
5.2.4復選框
5.2.5普通按鈕
5.2.6提交按鈕
5.2.7重置按鈕
5.3表單輸出元素和驗證
5.3.1表單的輸出元素
5.3.2表單驗證
5.4案例：E-M在線注冊應用
本章小結
實踐與練習
實驗指導
實驗1CRM系統(tǒng)注冊頁面實現(xiàn)
實驗2QQ登錄系統(tǒng)實現(xiàn)
第6章CSS3樣式
6.1CSS概述
6.2CSS的屬性和背景
6.2.1CSS屬性
6.2.2CSS3 背景
6.3選擇器
6.4CSS的定位
6.5頁面設計案例
6.6案例：DIV+CSS精美窗口
設計
本章小結
實踐與練習
實驗指導
實驗1創(chuàng)建手風琴效果
實驗2仿九宮格排列的按鈕組
第7章JavaScript基礎
7.1JavaScript概述
7.2JS基礎元素和功能
7.2.1JS注釋
7.2.2JS輸出
7.2.3JS運算符
7.2.4流程控制語句
7.2.5JS循環(huán)語句
7.2.6JS錯誤和驗證
7.3JS函數(shù)與內置對象
7.3.1JS函數(shù)
7.3.2JS對象
7.4JS窗口對象
7.4.1window對象
7.4.2document對象
7.4.3timing對象
7.4.4navigator對象
7.4.5history對象
7.4.6location對象
7.5表單交互
7.6Cookie存儲信息
7.7案例：在線書店購物車
本章小結
實踐與練習
實驗指導
實驗1JS編程環(huán)境及代碼調試方法
實驗2用JS實現(xiàn)在線電子商務購物
第8章移動框架jQuery Mobile
8.1實現(xiàn)一個Hello World
8.2UI頁面設計
8.2.1頁面與視圖
8.2.2基本控件
8.2.3列表
8.2.4工具欄
8.3動態(tài)事件
8.3.1表單實現(xiàn)
8.3.2實現(xiàn)的工具和方法
8.3.3Event事件
8.4案例：唱片購買
本章小結
實踐與練習
實驗指導
實驗1基于jQuery Mobile的簡單的
記事本
實驗2基于jQuery Mobile的全鍵盤
界面
第9章HBuilder開發(fā)工具
9.1移動開發(fā)工具概述
9.2實現(xiàn)一個Hello World程序
9.3MUI框架實現(xiàn)
9.3.1主要的UI組件
9.3.2窗口管理
9.3.3事件管理
9.3.4刷新加載
9.4設計自己的HBuild程序
9.4.1需求分析
9.4.2App設計
9.5案例：使用AJAX實現(xiàn)App與
服務器之間的交互
本章小結
實踐與練習
實驗指導
實驗1掌握MUI框架的實現(xiàn)及其相應
組件的功能
實驗2設計App，完善用戶體驗
第10章綜合實例——C2C交易平臺
前端設計
10.1需求分析
10.2系統(tǒng)功能模塊設計
10.3開發(fā)環(huán)境
10.4前端UI設計
10.4.1材料準備
10.4.2項目準備
10.4.3移動端設計
10.4.4流程設計
10.4.5商品展示模塊
10.4.6購物車設計
10.4.7登錄模塊
10.4.8訂單功能模塊
10.4.9聯(lián)系功能模塊
本章小結