第一篇基礎知識第1章必學HTML語言3
1-1什么是HTML4
1-2學習HTML前的準備工作4
1-2-1建立HTML文件4
1-2-2預覽HTML網頁6
1-3HTML語言結構7
1-3-1HTML的標簽類型7
1-3-2HTML的組成7
1-3-3標簽屬性的運用8
1-4HTML5文件結構與語義標簽8
1-4-1結構化的語義標簽8
1-4-2HTML5聲明與編碼設置12
1-4-3meta標簽與SEO優化的關系13
1-5HTML常用段落標簽14
1-5-1設置段落樣式的標簽14
1-5-2設置段落標題16
1-5-3項目符號與編號——使用列表標簽16
1-5-4HTML注釋19
1-5-5使用特殊符號20
1-5-6div標簽與span標簽21
1-6網頁圖像的應用23
1-6-1圖像的尺寸與分辨率23
1-6-2嵌入圖像23
1-6-3路徑的表示法24
1-7表格與窗體26
1-7-1制作基本表格26
1-7-2表格的基本結構26
1-7-3制作窗體28
1-8加入超鏈接31
第2章必學CSS基礎33
2-1建立CSS樣式表單34
2-1-1CSS基本格式34
2-1-2套用CSS樣式表單35
2-2CSS選擇器39
2-2-1認識HTMLDOM39
2-2-2認識CSS選擇器40
第3章必學JavaScript基礎45
3-1認識JavaScript46
3-1-1JavaScript結構46
3-1-2鏈接外部JS文件49
3-2變量與基本數據類型51
3-2-1JavaScript變量、常數與數據類型51
3-2-2基本數據類型53
3-2-3對象55
3-2-4函數57
3-2-5數組58
3-2-6日期60
3-2-7數學61
3-2-8null和undefined的差異64
3-3JavaScript與DOM64
3-3-1文檔對象模型64
3-3-2JavaScript事件處理66
3-4JavaScript流程控制68
3-4-1運算符68
3-4-2if…else條件判斷語句70
3-4-3for循環71
第4章必學jQuery基礎72
4-1認識jQuery73
4-1-1jQuery的優點73
4-1-2引用jQuery函數庫74
4-2jQuery的基礎知識75
4-2-1jQuery的基本語句75
4-2-2jQuery選擇器76
4-2-3jQuery調試78
4-2-4使用jQuery存取組件內容80
第二篇jQuery實用技術
第5章jQuery基本功——網頁益智游戲85
5-1組件的設計與制作86
5-1-1界面和程序功能概述86
5-1-2游戲界面的HTML87
5-2善用CSS表現視覺效果88
5-2-1游戲界面的CSS88
5-2-2控制文字樣式89
5-2-3網頁組件定位的CSS語句91
5-2-4調整邊界、留白的CSS語句94
5-2-5加入陰影及圓角的CSS語句98
5-2-6為組件設置背景和漸層100
5-3jQuery程序解析104
5-3-1動態產生數字組件104
5-3-2隨機排列數字105
5-3-3數字按鈕的事件處理程序108
5-3-4計時開始與結束110
5-3-5函數的多重用法與限制112
第6章自制專屬的jQueryPlugin118
6-1jQueryPlugin初探119
6-1-1jQueryPlugin的命名119
6-1-2JavaScript的prototype對象119
6-1-3第一個jQueryPlugin122
6-1-4避免插件沖突125
6-2實現jQueryPlugin——圖像展示器127
6-2-1前置準備工作127
6-2-2HTML組件設置和插件套用128
6-2-3套用CSS語句129
6-2-4編寫jQueryPlugin程序130
第7章使用jQuery打造完美圖表137
7-1表格排序套件——tablesorter138
7-1-1下載與套用138
7-1-2高級應用141
7-2日歷插件——FullCalendar143
7-2-1下載與套用143
7-2-2高級應用144
第8章RWD響應式網頁設計151
8-1何謂響應式網頁設計152
8-1-1響應式設計的基礎152
8-1-2創建響應式網頁153
8-2認識Bootstrap插件161
8-2-1Bootstrap下載161
8-2-2Bootstrap基本結構162
8-2-3認識GridSystem163
8-2-4創建表格165
8-2-5創建響應式圖像168
第9章WebStorage網頁存儲170
9-1認識WebStorage171
9-1-1WebStorage的概念171
9-1-2檢測瀏覽器是否支持WebStorage171
9-2localStorage和sessionStorage172
9-2-1存取localStorage172
9-2-2清除localStorage175
9-2-3存取sessionStorage177
9-3WebStorage實例練習177
9-3-1登錄/注銷和計數器177
9-3-2購物車181
第10章綜合實踐——瀑布流照片展示網頁191
10-1實現成品預覽192
10-2創建頁標題和頁尾193
10-2-1前置準備工作194
10-2-2使用Bootstrap打造導航條194
10-2-3為菜單加上符號圖標196
10-2-4打造右側折疊式菜單197
10-3添加照片瀑布流展示的效果198
10-3-1Masonry插件的下載198
10-3-2Masonry插件的使用199
10-3-3檢測圖像是否加載完成200
10-4單擊照片縮略圖放大顯示照片201
10-4-1下載Colorbox插件202
10-4-2Colorbox插件的使用202
第三篇使用jQueryMobile快速打造移動設備網頁
第11章認識jQueryMobile209
11-1認識jQueryMobile210
11-1-1jQueryMobile的優點210
11-1-2jQueryMobile的工作流程210
11-1-3移動設備仿真器211
11-1-4第一個jQueryMobile網頁212
11-2套用UI組件217
11-2-1認識UI組件217
11-2-2按鈕219
11-2-3分組的按鈕224
11-2-4列表視圖224
11-3網頁導向與主題227
11-3-1jQueryMobile網頁導向227
11-3-2ThemeRoller快速套用主題230
第12章jQueryMobile事件236
12-1頁面事件237
12-1-1初始化事件237
12-1-2外部頁面載入事件240
12-1-3頁面切換事件241
12-2觸摸事件244
12-2-1單擊事件244
12-2-2滑動事件246
12-2-3滾動事件248
12-2-4屏幕方向改變事件249
第13章嵌入百度地圖和谷歌地圖252
13-1百度地圖API和谷歌地圖API253
13-1-1簡易的百度地圖和谷歌地圖253
13-1-2地圖控件261
13-2按地址顯示地圖263
13-2-1地址定位263
13-2-2圖標標記266
第14章綜合實踐——記事本WebApp的實現(含HTML5WebDataBase)271
14-1認識WebSQL272
14-1-1WebSQL基本操作272
14-1-2創建數據表274
14-1-3添加、修改及刪除數據276
14-2記事本應用程序的結構281
14-3添加記事282
14-4刪除記事284
14-5記事列表286