基本介紹
- 書名:jQuery+jQuery Mobile跨設備網頁設計
- 作者:陳婉凌
- 出版社:清華大學出版社
- 出版時間:2017年7月
- 定價:59 元
- ISBN:9787302470380
內容簡介,圖書目錄,
內容簡介
jQuery是一套輕量簡潔的JavaScript Library。通過 jQuery 可以幫助我們用最精簡的程式代碼輕鬆實現跨瀏覽器的DOM操作、事件處理、網頁特效以及AJAX傳送數據等。
本書從基本的HTML、CSS、JavaScript開始介紹,進而詳細說明jQuery。只要有了JavaScript基礎,學習jQuery就一點都不費力。本書搭配目前動態網頁最流行實用的範例,其中每個步驟都淺顯易懂,只要跟著書中的範例操作,讀者可以輕輕鬆鬆學會製作令人驚艷的網頁作品。
本書不僅適合網頁或網站開發人員學習和參考,而且適合網頁設計老師與學生用於教學、閱讀和學習。
圖書目錄
第一篇 基礎知識
第1章 必學HTML語言 3
1-1 什麼是HTML 4
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
1-4-3 meta標籤與SEO最佳化的關係 13
1-5 HTML常用段落標籤 14
1-5-1 設定段落樣式的標籤 14
1-5-2 設定段落標題 16
1-5-3 項目符號與編號——使用列表標籤 16
1-5-4 HTML注釋 19
1-5-5 使用特殊符號 20
1-5-6 div標籤與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-1 CSS基本格式 34
2-1-2 套用CSS樣式表單 35
2-2 CSS選擇器 39
2-2-1 認識HTML DOM 39
2-2-2 認識CSS選擇器 40
第3章 必學JavaScript基礎 45
3-1 認識JavaScript 46
3-1-1 JavaScript結構 46
3-1-2 連結外部JS檔案 49
3-2 變數與基本數據類型 51
3-2-1 JavaScript變數、常數與數據類型 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-8 null和undefined的差異 64
3-3 JavaScript 與 DOM 64
3-3-1 文檔對象模型 64
3-3-2 JavaScript事件處理 66
3-4 JavaScript流程控制 68
3-4-1 運算符 68
3-4-2 if…else條件判斷語句 70
3-4-3 for循環 71
第4章 必學jQuery基礎 72
4-1 認識jQuery 73
4-1-1 jQuery的優點 73
4-1-2 引用jQuery函式館 74
4-2 jQuery的基礎知識 75
4-2-1 jQuery的基本語句 75
4-2-2 jQuery選擇器 76
4-2-3 jQuery調試 78
4-2-4 使用jQuery存取組件內容 80
第二篇 jQuery實用技術
第5章 jQuery基本功——網頁益智遊戲 85
5-1 組件的設計與製作 86
5-1-1 界面和程式功能概述 86
5-1-2 遊戲界面的HTML 87
5-2 善用CSS表現視覺效果 88
5-2-1 遊戲界面的CSS 88
5-2-2 控制文字樣式 89
5-2-3 網頁組件定位的CSS語句 91
5-2-4 調整邊界、留白的CSS語句 94
5-2-5 加入陰影及圓角的CSS語句 98
5-2-6 為組件設定背景和漸層 100
5-3 jQuery程式解析 104
5-3-1 動態產生數字組件 104
5-3-2 隨機排列數字 105
5-3-3 數字按鈕的事件處理程式 108
5-3-4 計時開始與結束 110
5-3-5 函式的多重用法與限制 112
第6章 自製專屬的jQuery Plugin 118
6-1 jQuery Plugin初探 119
6-1-1 jQuery Plugin的命名 119
6-1-2 JavaScript的prototype對象 119
6-1-3 第一個jQuery Plugin 122
6-1-4 避免外掛程式衝突 125
6-2 實現jQuery Plugin——圖像展示器 127
6-2-1 前置準備工作 127
6-2-2 HTML組件設定和外掛程式套用 128
6-2-3 套用CSS語句 129
6-2-4 編寫jQuery Plugin程式 130
第7章 使用jQuery 打造完美圖表 137
7-1 表格排序套件——tablesorter 138
7-1-1 下載與套用 138
7-1-2 高級套用 141
7-2 日曆外掛程式——FullCalendar 143
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-1 Bootstrap下載 161
8-2-2 Bootstrap基本結構 162
8-2-3 認識Grid System 163
8-2-4 創建表格 165
8-2-5 創建回響式圖像 168
第9章 Web Storage網頁存儲 170
9-1 認識Web Storage 171
9-1-1 Web Storage的概念 171
9-1-2 檢測瀏覽器是否支持Web Storage 171
9-2 localStorage和sessionStorage 172
9-2-1 存取localStorage 172
9-2-2 清除localStorage 175
9-2-3 存取sessionStorage 177
9-3 Web Storage實例練習 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-1 Masonry外掛程式的下載 198
10-3-2 Masonry外掛程式的使用 199
10-3-3 檢測圖像是否載入完成 200
10-4 單擊照片縮略圖放大顯示照片 201
10-4-1 下載Colorbox外掛程式 202
10-4-2 Colorbox外掛程式的使用 202
第三篇 使用jQuery Mobile 快速打造移動設備網頁
第11章 認識jQuery Mobile 209
11-1 認識jQuery Mobile 210
11-1-1 jQuery Mobile的優點 210
11-1-2 jQuery Mobile的工作流程 210
11-1-3 移動設備仿真器 211
11-1-4 第一個jQuery Mobile網頁 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-1 jQuery Mobile網頁導向 227
11-3-2 ThemeRoller快速套用主題 230
第12章 jQuery Mobile事件 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和谷歌地圖API 253
13-1-1 簡易的百度地圖和谷歌地圖 253
13-1-2 地圖控制項 261
13-2 按地址顯示地圖 263
13-2-1 地址定位 263
13-2-2 圖示標記 266
第14章 綜合實踐——記事本Web App的實現(含HTML5 Web DataBase) 271
14-1 認識Web SQL 272
14-1-1 Web SQL基本操作 272
14-1-2 創建數據表 274
14-1-3 添加、修改及刪除數據 276
14-2 記事本應用程式的結構 281
14-3 添加記事 282
14-4 刪除記事 284
14-5 記事列表 286