第1篇 HTML5網(wǎng)頁(yè)開(kāi)發(fā)
第1章 HTML5基礎(chǔ)入門(mén) 2
1.1 認(rèn)識(shí)HTML5 2
1.1.1 HTML5與HTML4的差異 2
1.1.2 HTML5廢除的標(biāo)記 3
1.2 學(xué)習(xí)HTML前的準(zhǔn)備工作 4
1.2.1 創(chuàng)建HTML文件 4
1.2.2 預(yù)覽HTML網(wǎng)頁(yè) 6
1.3 HTML語(yǔ)法的概念與架構(gòu) 7
1.3.1 HTML的標(biāo)記類(lèi)型 7
1.3.2 HTML的組成 7
1.3.3 標(biāo)記屬性的應(yīng)用 8
1.4 HTML5文件結(jié)構(gòu)與語(yǔ)義標(biāo)記 8
1.4.1 結(jié)構(gòu)化的語(yǔ)義標(biāo)記 8
1.4.2 HTML5聲明與編碼設(shè)置 12
第2章 文字變化與排版技巧 14
2.1 段落效果——使用排版標(biāo)記 14
2.1.1 設(shè)置段落樣式的標(biāo)記 14
2.1.2 設(shè)置對(duì)齊與縮進(jìn)的標(biāo)記 16
2.1.3 添加分隔線 18
2.1.4 設(shè)置段落標(biāo)題 19
2.2 文字效果——使用文字標(biāo)記 20
2.2.1 設(shè)置字形樣式的標(biāo)記 20
2.2.2 設(shè)置上標(biāo)、下標(biāo) 22
2.3 項(xiàng)目符號(hào)與編號(hào)——使用列表標(biāo)記 22
2.3.1 符號(hào)列表 22
2.3.2 編號(hào)列表 24
2.3.3 定義列表 26
2.4 注釋與特殊符號(hào) 27
2.4.1 添加注釋 27
2.4.2 使用特殊符號(hào) 29
2.5 創(chuàng)建超鏈接 30
2.5.1 什么是超鏈接 30
2.5.2 超鏈接的用法 30
2.5.3 站外網(wǎng)頁(yè)鏈接 32
2.5.4 站內(nèi)網(wǎng)頁(yè)鏈接 33
2.5.5 鏈接到E-Mail郵箱 35
2.5.6 鏈接到文件 38
第3章 HTML5表格與表單 40
3.1 制作基本表格 40
3.1.1 表格的基本架構(gòu) 40
3.1.2 設(shè)置表格標(biāo)題 42
3.2 表格的編輯技巧 44
3.2.1 合并單元格 44
3.2.2 利用表格組合圖片 46
3.3 什么是表單 48
表單能做什么 49
3.4 創(chuàng)建表單 50
3.4.1 表單的基本架構(gòu) 51
3.4.2 輸入組件 53
3.4.3 列表組件 58
3.4.4 選擇組件 60
3.4.5 按鈕組件 61
3.4.6 表單分組 63
3.5 操作范例——教學(xué)意見(jiàn)調(diào)查表 63
第4章 HTML5多媒體素材的應(yīng)用 66
4.1 網(wǎng)頁(yè)圖片使用須知 66
4.1.1 圖片的尺寸與分辨率 66
4.1.2 圖片的來(lái)源 67
4.2 圖片的使用 67
4.2.1 嵌入圖片 67
4.2.2 路徑表示法 68
4.3 添加影音特效 70
4.3.1 在網(wǎng)頁(yè)中加入音樂(lè) 70
4.3.2 添加影音動(dòng)畫(huà) 72
4.3.3 添加Flash動(dòng)畫(huà) 73
4.3.4 傳統(tǒng)影音播放器 74
4.3.5 使用iframe嵌入優(yōu)酷視頻 74
第5章 網(wǎng)頁(yè)存儲(chǔ)Web Storage 78
5.1 認(rèn)識(shí)Web Storage 78
5.1.1 Web Storage的概念 78
5.1.2 檢測(cè)瀏覽器是否支持Web Storage 78
5.2 localStorage和sessionStorage 79
5.2.1 訪問(wèn)localStorage 79
5.2.2 刪除localStorage 82
5.2.3 訪問(wèn)sessionStorage 84
5.3 Web Storage實(shí)例練習(xí) 85
5.3.1 登錄/注銷(xiāo)和計(jì)數(shù)器 85
5.3.2 購(gòu)物車(chē) 90
第2篇 CSS網(wǎng)頁(yè)美化
第6章 認(rèn)識(shí)CSS樣式表 102
6.1 什么是CSS樣式表 102
6.1.1 CSS的由來(lái) 102
6.1.2 CSS的優(yōu)勢(shì) 103
6.1.3 CSS的應(yīng)用 104
6.2 創(chuàng)建CSS樣式表 105
6.2.1 CSS基本格式 105
6.2.2 應(yīng)用CSS樣式表 107
6.2.3 認(rèn)識(shí)CSS選擇器 112
第7章 CSS基本語(yǔ)法 118
7.1 控制文字樣式 118
7.1.1 字體屬性 118
7.1.2 段落屬性 121
7.1.3 文字效果屬性 125
7.2 控制背景 128
7.2.1 設(shè)置背景顏色 128
7.2.2 設(shè)置背景圖片 130
7.2.3 設(shè)置背景漸變 138
第8章 CSS樣式與排版 142
8.1 控制邊界與邊框 142
8.1.1 邊界 142
8.1.2 邊框 144
8.1.3 邊界間距 151
8.2 網(wǎng)頁(yè)組件的定位 153
8.2.1 一般定位 154
8.2.2 圖層定位 160
8.3 超鏈接與鼠標(biāo)光標(biāo)特效 162
8.3.1 超鏈接特效 162
8.3.2 鼠標(biāo)光標(biāo)特效 165
第9章 HTML5+CSS3綜合應(yīng)用 168
9.1 操作網(wǎng)頁(yè)內(nèi)容 168
9.2 使用語(yǔ)義標(biāo)記排版 170
9.3 疊字標(biāo)題 175
9.4 網(wǎng)頁(yè)背景和鼠標(biāo)光標(biāo) 176
9.5 菜單超鏈接特效 177
9.6 主內(nèi)容區(qū)樣式 178
第3篇 jQuery與jQuery Mobile
第10章 認(rèn)識(shí)jQuery與jQuery Mobile 184
10.1 認(rèn)識(shí)JavaScript 184
10.1.1 JavaScript架構(gòu) 184
10.1.2 JavaScript對(duì)象與函數(shù) 187
10.1.3 JavaScript事件 189
10.2 認(rèn)識(shí)jQuery 191
10.2.1 引用jQuery函數(shù)庫(kù) 191
10.2.2 jQuery基本架構(gòu) 193
10.2.3 jQuery選擇器 193
10.3 跨平臺(tái)移動(dòng)設(shè)備網(wǎng)頁(yè)jQuery Mobile 196
10.3.1 認(rèn)識(shí)jQuery Mobile 196
10.3.2 第一個(gè)jQuery Mobile網(wǎng)頁(yè) 200
第11章 jQuery Mobile UI組件 206
11.1 套用UI組件 206
11.1.1 認(rèn)識(shí)UI組件 206
11.1.2 按鈕 208
11.1.3 組按鈕 212
11.1.4 列表 213
11.2 網(wǎng)頁(yè)導(dǎo)航與布景主題 216
11.2.1 jQuery Mobile網(wǎng)頁(yè)導(dǎo)航 216
11.2.2 ThemeRoller快速應(yīng)用布景主題 219
第12章 jQuery Mobile 事件 226
12.1 頁(yè)面事件 226
12.1.1 初始化事件 226
12.1.2 外部頁(yè)面加載事件 230
12.1.3 頁(yè)面切換事件 231
12.2 觸摸事件 234
12.2.1 點(diǎn)擊事件 234
12.2.2 滑動(dòng)事件 236
12.2.3 滾動(dòng)事件 238
12.2.4 屏幕方向改變事件 240
第13章 數(shù)據(jù)的保存與讀取 243
13.1 認(rèn)識(shí)IndexedDB 243
13.1.1 IndexedDB的概念 243
13.1.2 IndexedDB基本操作 244
13.1.3 讀取數(shù)據(jù) 253
13.1.4 刪除數(shù)據(jù) 254
13.1.5 使用指針對(duì)象 255
13.2 認(rèn)識(shí)Web SQL 260
13.2.1 Web SQL基本操作 260
13.2.2 創(chuàng)建數(shù)據(jù)表 262
13.2.3 新增、修改和刪除數(shù)據(jù) 265
13.3 讀取文本文件 269
13.3.1 選擇文件 269
13.3.2 讀取文件 272
第14章 插件的使用 275
14.1 表格排序插件——tablesorter 275
14.1.1 下載與套用 275
14.1.2 高級(jí)應(yīng)用 277
14.2 日期選擇器——Datepicker 280
14.2.1 下載與套用 280
14.2.2 高級(jí)應(yīng)用 281
14.3 日歷插件——FullCalendar 284
14.3.1 下載與套用 284
14.3.2 高級(jí)應(yīng)用 285
第4篇 打包與測(cè)試
第15章 下載與安裝Apache Cordova 294
15.1 下載與安裝Cordova 294
15.1.1 安裝必要的工具 294
15.1.2 通過(guò)npm安裝Cordova 300
15.1.3 設(shè)置Android模擬器 301
15.2 將網(wǎng)頁(yè)轉(zhuǎn)換成Android APP 303
第16章 百度地圖API和谷歌地圖API 307
16.1 百度地圖API和谷歌地圖API 307
16.1.1 簡(jiǎn)易的百度地圖和谷歌地圖 307
16.1.2 地圖控件 314
16.2 按地址顯示地圖 317
16.2.1 地址定位 317
16.2.2 圖標(biāo)標(biāo)記 321
第17章 甜點(diǎn)坊訂購(gòu)系統(tǒng)實(shí)戰(zhàn) 325
17.1 網(wǎng)站架構(gòu) 325
17.2 訂購(gòu)流程 328
17.3 查訂單 337
17.4 找店家 340
第18章 記事本Note APP實(shí)戰(zhàn) 341
18.1 記事本的結(jié)構(gòu) 341
18.2 新增記事 343
18.3 刪除記事 345
18.4 記事列表 347
書(shū)單推薦
