編輯推薦
《HTML5+CSS3+jQuery Mobile輕鬆構造APP與移動網站》HTML5為主軸搭配jQuery製作網頁,再加上jQueryMobile製作APP,由基礎到高級循序漸進地講解。通過套用範例可讓你馬上實際練習。全書分為4篇,共17章,除了說明如何以HTML5、CSS3與jQuery設計網頁,也教你如何將寫好的網頁設計封裝成AndroidAPP,最後以專題“甜點坊訂購系統實踐”和“記事本NoteApp實踐”分別構建WebStorage和WebSQL資料庫,讓你完成之後可以將成果封裝,並放到移動設備上執行。
內容簡介
本書以HTML與CSS為主,配合jQuery製作網頁,並搭配jQueryMobile製作移動網頁,通過具體的範例從基礎到高級循序漸進地講解。全書首先介紹了HTML5網頁開發和CSS網頁美化,只要按本書的順序學習,就能夠輕鬆掌握網頁製作的方法;還介紹了目前熱門的移動設備網頁技術,讀者無須學習複雜的程式,就能夠輕鬆創建移動設備的網頁;最後通過兩個移動設備網頁製作實例讓讀者進行實戰練習,以加深理解。
目錄
第1篇HTML5網頁開發
第1章HTML5基礎入門 3
1.1認識HTML5 3
1.1.1HTML5與HTML4的差異 3
1.1.2HTML5廢除的標記 4
1.2學習HTML前的準備工作 5
1.2.1創建HTML檔案 5
1.2.2預覽HTML網頁 7
1.3HTML語法的概念與架構 8
1.3.1HTML的標記類型 8
1.3.2HTML的組成 8
1.3.3標記屬性的套用 9
1.4HTML5檔案結構與語義標記 9
1.4.1結構化的語義標記 9
1.4.2HTML5聲明與編碼設定 13
第2章文字變化與排版技巧 15
2.1段落效果——使用排版標記 15
2.1.1設定段落樣式的標記 15
2.1.2設定對齊與縮進的標記 17
2.1.3添加分隔線 19
2.1.4設定段落標題 20
2.2文字效果——使用文字標記 21
2.2.1設定字形樣式的標記 21
2.2.2設定上標、下標 23
2.3項目符號與編號——使用列表標記 23
2.3.1符號列表 23
2.3.2編號列表 25
2.3.3定義列表 27
2.4注釋與特殊符號 28
2.4.1添加注釋 28
2.4.2使用特殊符號 30
2.5創建超連結 31
2.5.1什麼是超連結 31
2.5.2超連結的用法 31
2.5.3站外網頁連結 33
2.5.4站區域網路頁連結 34
2.5.5連結到E-Mail信箱 36
2.5.6連結到檔案 39
第3章HTML5表格與表單 41
3.1製作基本表格 41
3.1.1表格的基本架構 41
3.1.2設定表格標題 43
3.2表格的編輯技巧 45
3.2.1合併單元格 45
3.2.2利用表格組合圖片 47
3.3什麼是表單 49
3.4創建表單 51
3.4.1表單的基本架構 52
3.4.2輸入組件 54
3.4.3列表組件 59
3.4.4選擇組件 61
3.4.5按鈕組件 62
3.4.6表單分組(fieldset) 64
3.5操作範例——教學意見調查表 64
第4章HTML5多媒體素材的套用 67
4.1網頁圖片使用須知 67
4.1.1圖片的尺寸與解析度 67
4.1.2圖片的來源 68
4.2圖片的使用 68
4.2.1嵌入圖片 68
4.2.2路徑表示法 69
4.3添加影音特效 71
4.3.1在網頁中加入音樂 71
4.3.2添加影音動畫 73
4.3.3添加Flash動畫 74
4.3.4傳統影音播放器 75
4.3.5使用iframe嵌入優酷視頻 75
第5章網頁存儲WebStorage 79
5.1認識WebStorage 79
5.1.1WebStorage的概念 79
5.1.2檢測瀏覽器是否支持WebStorage 79
5.2localStorage和sessionStorage 80
5.2.1訪問localStorage 80
5.2.2刪除localStorage 83
5.2.3訪問sessionStorage 85
5.3WebStorage實例練習 86
5.3.1登錄/註銷和計數器 86
5.3.2購物車 91
第2篇CSS網頁美化
第6章認識CSS樣式表 105
6.1什麼是CSS樣式表 105
6.1.1CSS的由來 105
6.1.2CSS的優勢 106
6.1.3CSS的套用 107
6.2創建CSS樣式表 108
6.2.1CSS基本格式 108
6.2.2套用CSS樣式表 110
6.2.3認識CSS選擇器 115
第7章CSS基本語法 121
7.1控制文字樣式 121
7.1.1字型屬性 121
7.1.2段落屬性 124
7.1.3文字效果屬性 128
7.2控制背景 131
7.2.1設定背景顏色 131
7.2.2設定背景圖片 133
7.2.3設定背景漸變 141
第8章CSS樣式與排版 145
8.1控制邊界與框線 145
8.1.1邊界 145
8.1.2框線 147
8.1.3邊界間距 154
8.2網頁組件的定位 156
8.2.1一般定位 157
8.2.2圖層定位 163
8.3超連結與滑鼠游標特效 165
8.3.1超連結特效 165
8.3.2滑鼠游標特效 168
第9章HTML5+CSS3綜合套用 171
9.1操作網頁內容 171
9.2使用語義標記排版 173
9.3疊字標題 178
9.4網頁背景和滑鼠游標 179
9.5選單超連結特效 180
9.6主內容區樣式 181
第3篇jQuery與jQueryMobile
第10章認識jQuery與jQueryMobile 187
10.1認識JavaScript 187
10.1.1JavaScript架構 187
10.1.2JavaScript對象與函式 190
10.1.3JavaScript事件 192
10.2認識jQuery 194
10.2.1引用jQuery函式館 194
10.2.2jQuery基本架構 196
10.2.3jQuery選擇器 196
10.3跨平台移動設備網頁jQueryMobile 199
10.3.1認識jQueryMobile 199
10.3.2第一個jQueryMobile網頁 202
第11章jQueryMobileUI組件 208
11.1套用UI組件 208
11.1.1認識UI組件 208
11.1.2按鈕(Button) 210
11.1.3組按鈕(GroupedButtons) 214
11.1.4列表(ListView) 215
11.2網頁導航與布景主題 218
11.2.1jQueryMobile網頁導航 218
11.2.2ThemeRoller快速套用布景主題 221
第12章jQueryMobile事件 228
12.1頁面事件 228
12.1.1初始化事件 228
12.1.2外部頁面載入事件 232
12.1.3頁面切換事件 233
12.2觸摸事件 236
12.2.1點擊事件(tap) 236
12.2.2滑動事件 238
12.2.3滾動事件 240
12.2.4螢幕方向改變事件 242
第13章數據的保存與讀取 245
13.1認識IndexedDB 245
13.1.1IndexedDB的概念 245
13.1.2IndexedDB基本操作 246
13.1.3讀取數據 255
13.1.4刪除數據 256
13.1.5使用指針對象 257
13.2認識WebSQL 262
13.2.1WebSQL基本操作 262
13.2.2創建數據表 264
13.2.3新增、修改和刪除數據 267
13.3讀取文本檔案 271
13.3.1選擇檔案 271
13.3.2讀取檔案 274
第14章外掛程式的使用 277
14.1表格排序外掛程式——tablesorter 277
14.1.1下載與套用 277
14.1.2高級套用 279
14.2日期選擇器——Datepicker 282
14.2.1下載與套用 282
14.2.2高級套用 283
14.3日曆外掛程式——FullCalendar 286
14.3.1下載與套用 286
14.3.2高級套用 287
第4篇打包與測試
第15章下載與安裝ApacheCordova 299
15.1下載與安裝Cordova 299
15.1.1安裝的必要工具 299
15.1.2通過npm安裝Cordova 305
15.1.3設定Android模擬器 306
15.2將網頁轉換成AndroidAPP 308
第16章甜點坊訂購系統實戰 312
16.1網站架構 312
16.2訂購流程 315
16.3查訂單 324
16.4找店家 327
第17章記事本NoteAPP實戰 328
17.1記事本的結構 328
17.2新增記事 330
17.3刪除記事 332
17.4記事列表 334