HTML5 移動Web開發:國家信息技術緊缺人才培養工程指定教材: 国家信息技术紧缺人才培养工程指定教材:HTML5移动Web开发

第1章
移動互聯中的Web應用................. 1 
1.1移動互聯網的發展............... 1 
1.2移動Web開發概述............... 3 
1.2.1移動開發的幾種方式...................... ...... 3 
1.2.2移動Web開發與PC端Web開發的區別......... 4 
1.3移動端的Web瀏覽器........... 4 
1.4基於HTML5的移動Web 開發....................................... 5 
小結.... ............................................ 7 
思考題... ......................................... 7
 
第2章
基於HTML5的移動網絡應用（上）... 8 
2.1 HTML5的網絡存儲..................... 8 
2.1.1網頁存儲簡介.................................................. 9 
2.1.2 localStorage .... .......... 10 
2.1.3 sessionStorage ........... 12 
2.1.4存儲事件監聽..... 14
2.2移動Web離線應用..................... 15 
2.2.1離線應用簡介.......... 15 
2.2.2 Application Cache 的基本應用...... ........ 16 
2.2.3 applicationCache 對象.......................... 20 
2.2.4離線緩存更新... ....... 21 
2.3 HTML5畫布....................... 22 
2.3.1初識畫布......... ...... 22 
2.3.2利用畫布繪製矩形和清除矩形...... 25 
2.3.3利用畫布繪製圓形.................. ........ 27 
2.3.4利用畫布繪製圖片.......................... 28 
2.3.5利用畫布其他方法.......................... 30 
小結...................... ........................ 31 
思考題....................... ................... 31 

第3章
基於HTML5的移動Web應用（下）... 32
3.1視頻與音頻......................... 32 
3.1.1 <video>標籤的使用........... ............... 33 
3.1.2 HTML DOM視頻對象.......................... 35 
3.1.3 <audio>標籤的使用.......................... 38 
3.1.4 HTML DOM 對象....... ................... 39 
3.2定位地理位置.................................... 42 
3.2.1地理位置簡介................................................ 42 
3.2.2獲取當前位置.......... 42 
3.2.3調用百度地圖.......... 45 
3.3拖曳................. .................... 49 
3.4文件操作.......................... ... 52 
3.4.1選擇文件.................. 53 
3.4.2操作文件................. .55 
小結............................................. 59 
思考題.......................................... 59 

第4章
移動端頁面佈局和常用事件............ 60 
4.1流式佈局.......................... ... 60 
4.2視口..................................... 62 
4.2.1理解視口.................. 62 
4.2.2移動端的3種視口.... 63 
4.3移動端口常用事件........... ...... 65 
4.3.1觸摸事件簡介................................. 65 
4.3.2觸摸事件的應用............... 67 
4.3.3過渡和動畫結束事件........ .................. 70 
小結.............................. ................ 75 
思考題............................... ........... 75 

第5章
綜合項目 - 黑馬掌上商城.......... 76 
5.1項目簡介.............. ............... 76 
5.1.1項目功能展示............ 77 
5.1.2項目目錄和文件結構......... ................. 77 
5.1.3項目開發流程.......... 78
5.2商城首頁............................. 80 
5.2.1【任務1】項目搭建........ .................. 80 
5.2.2【任務2】頁面主體和頭部搜索.............. 83 
5.2.3 【任務3】輪播圖... 87 
5.2.4【任務4】導航欄... 92 
5.2.5【任務5】商品...... 95 
5.3商品分類頁....... ................ 102 
5.3.1【任務6】頂部通欄........................ 102 
5.3.2【任務7】左側欄... 104 
5.3.3【任務8】右側欄... 109 
5.4購物車頁面................. ...... 114 
5.4.1【任務9】購物車頁面.................... 114 
5.4.2【任務10】彈出框動畫.. .................. 122 
5.5 Zepto.js ........................... ... 127 
5.5.1 Zepto模塊.............. 127 
5.5.2 Zepto的使用........... 128
小結............................................ 129 
思考題.. ....................................... 130 

第6章
跨平台移動Web 技術... ........... 131 
6.1響應式網頁設計............... 131 
6.1.1響應式網頁設計簡介......... ............... 132 
6.1.2響應式網頁設計相關技術................ 133 
6.2媒體查詢..... ......................... 133 
6.3柵格系統....................... .... 136 
6.4彈性盒佈局....................... 139 
小結................ ........................... 146 
思考題.................... .................... 146 

第7章
使用Bootstrap進行
移動Web開發... 147 
7.1初識Bootstrap ............ ....... 147 
7.1.1 Bootstrap簡介......... 147 
7.1.2 Bootstrap下載......... 148
7.1.3引導程序基本模板...................................................... 150 
7.2引導程序常用佈局................................................ 151 
7.2.1佈局容器................ 151 
7.2.2柵格系統................ 152 
7.2.3響應式工具.......... 154 
7.3自舉常用樣式........... 157 
7.3.1導航欄.................. .157 
7.3.2表單........................ 161 
7.3.3按鈕.............. .......... 166 
7.3.4標籤頁.................... 168 
7.3.5輪播插件....... ......... 170 
小結....................................... ..... 174 
思考題........................................ 174 

第8章
綜合項目 - 黑馬財富.............. 175 
8.1項目簡介........................ ... 176 
8.1.1項目功能展示........ 176 
8.1.2項目目錄和文件結構........................ 178 
8.1.3項目開發流程........ 179 
8.2【任務1】index.html頁面結構搭建........................... 180 
8.3【任務2】頂部通欄模塊............ ....................... 182 
8.4【任務3】導航欄模塊... 186 
8.5【任務4】輪播圖模塊... 191 
8.6 【任務5】信息和預約模塊................................... 197 
8.7【任務6】產品模塊....... 203 
8.8【任務7】新聞和合作夥伴模塊........................... 213 
小結.. .......................................... 222 
思考題..... ................................... 222