HTML5+CSS3+jQuery Mobile輕鬆構造App與移動網站(第2版),作者是陳婉凌,由清華大學出版社出版。
內容簡介,目錄,
內容簡介
本書以HTML5為主體,搭配jQuery製作網頁,再搭配jQuery Mobile製作Mobile APP,由基礎到高級循序漸進,並通過範例,讓讀者進行實戰練習。第4篇“打包與測試”教用戶如何將寫好的網頁打包成Android APP。本書最後3章包含了完整的範例實戰——“百度地圖API和谷歌地圖API”“甜點坊訂購系統實戰”以及“記事本Note APP實戰”,後面兩個範例分別搭配Web Storage和Web SQL資料庫。製作完成之後,用戶立即就能將成果打包並且放到移動設備上安裝運行。只要按部就班地跟著本書學習,就能輕鬆製作網頁及Android APP。
目錄
第1篇 HTML5網頁開發
第1章 HTML5基礎入門 2
1.1 認識HTML5 2
1.1.1 HTML5與HTML4的差異 2
1.1.2 HTML5廢除的標記 3
1.2 學習HTML前的準備工作 4
1.2.1 創建HTML檔案 4
1.2.2 預覽HTML網頁 6
1.3 HTML語法的概念與架構 7
1.3.1 HTML的標記類型 7
1.3.2 HTML的組成 7
1.3.3 標記屬性的套用 8
1.4 HTML5檔案結構與語義標記 8
1.4.1 結構化的語義標記 8
1.4.2 HTML5聲明與編碼設定 12
第2章 文字變化與排版技巧 14
2.1 段落效果——使用排版標記 14
2.1.1 設定段落樣式的標記 14
2.1.2 設定對齊與縮進的標記 16
2.1.3 添加分隔線 18
2.1.4 設定段落標題 19
2.2 文字效果——使用文字標記 20
2.2.1 設定字形樣式的標記 20
2.2.2 設定上標、下標 22
2.3 項目符號與編號——使用列表標記 22
2.3.1 符號列表 22
2.3.2 編號列表 24
2.3.3 定義列表 26
2.4 注釋與特殊符號 27
2.4.1 添加注釋 27
2.4.2 使用特殊符號 29
2.5 創建超連結 30
2.5.1什麼是超連結30
2.5.2超連結的用法30
2.5.3站外網頁連結32
2.5.4站區域網路頁連結33
2.5.5連結到E-Mail信箱35
2.5.6連結到檔案38
第3章HTML5表格與表單40
3.1製作基本表格40
3.1.1表格的基本架構40
3.1.2設定表格標題42
3.2表格的編輯技巧44
3.2.1合併單元格44
3.2.2利用表格組合圖片46
3.3什麼是表單48
表單能做什麼49
3.4創建表單50
3.4.1表單的基本架構51
3.4.2輸入組件53
3.4.3列表組件58
3.4.4選擇組件60
3.4.5按鈕組件61
3.4.6表單分組63
3.5操作範例——教學意見調查表63
第4章HTML5多媒體素材的套用66
4.1網頁圖片使用須知66
4.1.1圖片的尺寸與解析度66
4.1.2圖片的來源67
4.2圖片的使用67
4.2.1嵌入圖片67
4.2.2路徑表示法68
4.3添加影音特效70
4.3.1在網頁中加入音樂70
4.3.2添加影音動畫72
4.3.3添加Flash動畫73
4.3.4傳統影音播放器74
4.3.5使用iframe嵌入優酷視頻74
第5章網頁存儲WebStorage78
5.1認識WebStorage78
5.1.1WebStorage的概念78
5.1.2檢測瀏覽器是否支持WebStorage78
5.2localStorage和sessionStorage79
5.2.1訪問localStorage79
5.2.2刪除localStorage82
5.2.3訪問sessionStorage84
5.3WebStorage實例練習85
5.3.1登錄/註銷和計數器85
5.3.2購物車90
第2篇CSS網頁美化
第6章認識CSS樣式表102
6.1什麼是CSS樣式表102
6.1.1CSS的由來102
6.1.2CSS的優勢103
6.1.3CSS的套用104
6.2創建CSS樣式表105
6.2.1CSS基本格式105
6.2.2套用CSS樣式表107
6.2.3認識CSS選擇器112
第7章CSS基本語法118
7.1控制文字樣式118
7.1.1字型屬性118
7.1.2段落屬性121
7.1.3文字效果屬性125
7.2控制背景128
7.2.1設定背景顏色128
7.2.2設定背景圖片130
7.2.3設定背景漸變138
第8章CSS樣式與排版142
8.1控制邊界與框線142
8.1.1邊界142
8.1.2框線144
8.1.3邊界間距151
8.2網頁組件的定位153
8.2.1一般定位154
8.2.2圖層定位160
8.3超連結與滑鼠游標特效162
8.3.1超連結特效162
8.3.2滑鼠游標特效165
第9章HTML5+CSS3綜合套用168
9.1操作網頁內容168
9.2使用語義標記排版170
9.3疊字標題175
9.4網頁背景和滑鼠游標176
9.5選單超連結特效177
9.6主內容區樣式178
第3篇jQuery與jQueryMobile
第10章認識jQuery與jQueryMobile184
10.1認識JavaScript184
10.1.1JavaScript架構184
10.1.2JavaScript對象與函式187
10.1.3JavaScript事件189
10.2認識jQuery191
10.2.1引用jQuery函式館191
10.2.2jQuery基本架構193
10.2.3jQuery選擇器193
10.3跨平台移動設備網頁jQueryMobile196
10.3.1認識jQueryMobile196
10.3.2第一個jQueryMobile網頁200
第11章jQueryMobileUI組件206
11.1套用UI組件206
11.1.1認識UI組件206
11.1.2按鈕208
11.1.3組按鈕212
11.1.4列表213
11.2網頁導航與布景主題216
11.2.1jQueryMobile網頁導航216
11.2.2ThemeRoller快速套用布景主題219
第12章jQueryMobile事件226
12.1頁面事件226
12.1.1初始化事件226
12.1.2外部頁面載入事件230
12.1.3頁面切換事件231
12.2觸摸事件234
12.2.1點擊事件234
12.2.2滑動事件236
12.2.3滾動事件238
12.2.4螢幕方向改變事件240
第13章數據的保存與讀取243
13.1認識IndexedDB243
13.1.1IndexedDB的概念243
13.1.2IndexedDB基本操作244
13.1.3讀取數據253
13.1.4刪除數據254
13.1.5使用指針對象255
13.2認識WebSQL260
13.2.1WebSQL基本操作260
13.2.2創建數據表262
13.2.3新增、修改和刪除數據265
13.3讀取文本檔案269
13.3.1選擇檔案269
13.3.2讀取檔案272
第14章外掛程式的使用275
14.1表格排序外掛程式——tablesorter275
14.1.1下載與套用275
14.1.2高級套用277
14.2日期選擇器——Datepicker280
14.2.1下載與套用280
14.2.2高級套用281
14.3日曆外掛程式——FullCalendar284
14.3.1下載與套用284
14.3.2高級套用285
第4篇打包與測試
第15章下載與安裝ApacheCordova294
15.1下載與安裝Cordova294
15.1.1安裝必要的工具294
15.1.2通過npm安裝Cordova300
15.1.3設定Android模擬器301
15.2將網頁轉換成AndroidAPP303
第16章百度地圖API和谷歌地圖API307
16.1百度地圖API和谷歌地圖API307
16.1.1簡易的百度地圖和谷歌地圖307
16.1.2地圖控制項314
16.2按地址顯示地圖317
16.2.1地址定位317
16.2.2圖示標記321
第17章甜點坊訂購系統實戰325
17.1網站架構325
17.2訂購流程328
17.3查訂單337
17.4找店家340
第18章記事本NoteAPP實戰341
18.1記事本的結構341
18.2新增記事343
18.3刪除記事345
18.4記事列表347