《網頁設計與製作——JavaScript+jQuery標準教程（本科）》是一本2023年人民郵電出版社出版的圖書，作者是葉麗萍、陳蔣。
基本介紹
- 中文名：網頁設計與製作——JavaScript+jQuery標準教程（本科）
- 作者：葉麗萍 、陳蔣
- 出版時間：2023年8月1日
- 出版社：人民郵電出版社
- ISBN：9787115617538
- 開本：16 開
- 裝幀：平裝
內容簡介,圖書目錄,作者簡介,
內容簡介
本書以HTML、CSS、JavaScript和jQuery框架為基礎，圍繞網頁設計與製作技術展開深入講解，主要內容包括網頁設計基礎、使用JavaScript實現動態網頁、使用jQuery框架實現動態網頁等幾個部分。本書在內容講解過程中穿插了大量的示例，幫助讀者理解和掌握各個知識點。同時，每章結尾都配有相關的習題，以幫助讀者自測和練習。
本書共12章，主要內容包括網頁設計基礎、JavaScript基礎、數組和函式、類和對象、文檔對象模型和事件、jQuery基礎、jQuery頁面操作、jQuery動畫、jQuery的工具函式、jQuery外掛程式，以及開發網路相冊、開發汽車銷售門戶網頁2個綜合實訓。
本書可作為高等院校網路與新媒體、數字媒體技術、計算機科學與技術、電子商務等專業相關課程的教材，也可作為從事網頁設計與製作相關工作的人員的參考書。
圖書目錄
第 1章 網頁設計基礎
【學習目標】 01
【導引示例】 01
1.1 網頁設計概述 01
1.1.1 網頁設計常用技術 02
1.1.2 網頁設計工具 02
1.1.3 網頁展示工具 02
1.2 HTML和CSS 02
1.2.1 HTML基礎 03
1.2.2 HTML常用標籤 03
1.2.3 CSS基礎語法 04
1.2.4 CSS選擇器 04
1.2.5 CSS常用樣式屬性 04
1.3 初識JavaScript 05
1.3.1 JavaScript發展史 05
1.3.2 引入方式 05
1.3.3 輸出語句 06
1.3.4 注釋 06
【案例分析1-1】Hello，JavaScript！程式 07
1.4 初識jQuery 07
1.4.1 jQuery發展史 07
1.4.2 引入jQuery 08
1.4.3 jQuery基礎語法 08
【案例分析1-2】Hello，jQuery！程式 08
1.5 思考與練習 09
1.5.1 疑難解讀 09
1.5.2 課後習題 10
第 2章 JavaScript基礎
【學習目標】 11
【導引示例】 11
2.1 變數 11
2.1.1 定義變數 11
2.1.2 關鍵字 12
【案例分析2-1】數據交換編程思想 13
2.2 數據類型 13
2.2.1 數據類型分類 13
2.2.2 數值類型 14
2.2.3 字元串類型 14
2.2.4 布爾類型 15
2.2.5 其他基本數據類型 15
2.2.6 數據類型轉換 16
【案例分析2-2】輸出多種類型變數的值 18
2.3 運算符 18
2.3.1 運算符概述 18
2.3.2 運算規則 18
2.3.3 運算符優先權 20
【案例分析2-3】連線並輸出多個變數的內容 21
2.4 分支結構 21
2.4.1 if語句 21
2.4.2 if...else語句 22
2.4.3 if...else if語句 23
2.4.4 switch語句 24
【案例分析2-4】根據分數輸出等級評價 24
2.5 循環結構 25
2.5.1 for循環 25
2.5.2 while循環 26
2.5.3 do...while循環 26
【案例分析2-5】控制台輸出九九乘法表 27
2.6 跳轉結構 27
2.6.1 continue語句 28
2.6.2 break語句 28
【案例分析2-6】當累加和大於100時跳出循環 28
【案例分析2-7】根據用戶輸入的層數繪製金字塔 28
2.7 思考與練習 29
2.7.1 疑難解讀 29
2.7.2 課後習題 30
第3章 數組和函式
【學習目標】 31
【導引示例】 31
3.1 初識數組 32
3.1.1 創建數組 32
3.1.2 訪問數組元素 33
3.1.3 數組遍歷 33
【案例分析3-1】獲取數組元素中的最大值 34
3.2 數組元素操作 34
3.2.1 修改數組元素 34
3.2.2 數組元素排序 36
【案例分析3-2】對數組元素進行排序後輸出 36
3.3 初識函式 37
3.3.1 函式定義 37
3.3.2 函式的參數 38
3.3.3 函式的返回值 38
3.3.4 自調用函式 39
【案例分析3-3】利用函式判斷閏年 39
3.4 作用域 40
3.4.1 作用域的分類 40
3.4.2 訪問父級作用域變數 40
3.4.3 閉包函式 41
【案例分析3-4】求任意兩個數的和 42
【案例分析3-5】輸出楊輝三角 42
3.5 思考與練習 44
3.5.1 疑難解讀 44
3.5.2 課後習題 44
第4章 類和對象
【學習目標】 46
【導引示例】 46
4.1 面向對象 47
4.1.1 自定義對象 47
4.1.2 訪問對象的屬性和方法 47
4.1.3 對象構造器 48
4.1.4 定義類 48
4.1.5 實例化對象 49
4.1.6 內置對象 49
【案例分析4-1】根據輸入內容輸出員工工資信息 50
4.2 初識瀏覽器對象模型 51
4.2.1 初識BOM 51
4.2.2 BOM結構 51
4.3 window對象 52
4.3.1 window對象的屬性和方法 52
4.3.2 視窗載入事件 53
【案例分析4-2】根據需求修改視窗尺寸 54
4.4 BOM中的其他對象 54
4.4.1 location對象 54
4.4.2 navigator對象 55
4.4.3 history對象 56
4.4.4 screen對象 57
【案例分析4-3】定時切換詩句 58
4.5 思考與練習 59
4.5.1 疑難解讀 59
4.5.2 課後習題 59
第5章 文檔對象模型和事件
【學習目標】 61
【導引示例】 61
5.1 初識DOM 62
5.1.1 DOM樹 62
5.1.2 document對象 62
5.2 對元素的操作 63
5.2.1 查找元素 63
5.2.2 設定元素的文本內容和屬性值 65
5.2.3 設定元素樣式 66
【案例分析5-1】側邊欄摺疊效果 67
5.3 事件 68
5.3.1 事件概述 68
5.3.2 滑鼠事件 68
5.3.3 鍵盤事件 69
5.3.4 表單事件 70
【案例分析5-2】圖片互動效果 71
5.4 DOM節點 72
5.4.1 節點基礎 72
5.4.2 創建節點 73
5.4.3 添加和刪除節點 73
5.4.4 替換節點 75
【案例分析5-3】添加捷徑 76
【案例分析5-4】圖片移動到滑鼠指針所在位置 77
5.5 思考與練習 78
5.5.1 疑難解讀 78
5.5.2 課後習題 79
第6章 jQuery基礎
【學習目標】 80
【導引示例】 80
6.1 jQuery選擇器 81
6.1.1 元素選擇器 81
6.1.2 屬性選擇器 82
6.1.3 關係選擇器 82
6.1.4 過濾器 83
6.1.5 表單過濾器 85
【案例分析6-1】選項卡 85
6.2 jQuery事件 86
6.2.1 事件方法的基礎語法 86
6.2.2 綁定事件 87
6.2.3 註銷事件 89
【案例分析6-2】使用on()方法實現文本互動效果 91
6.3 jQuery中的互動事件方法 91
6.3.1 滑鼠事件 91
6.3.2 鍵盤事件 92
6.3.3 頁面事件 93
6.3.4 表單事件 94
6.3.5 event對象的方法和屬性 95
【案例分析6-3】調用自定義事件方法切換文本樣式 96
【案例分析6-4】商品展示欄的互動效果 97
6.4 思考與練習 98
6.4.1 疑難解讀 98
6.4.2 課後習題 98
第7章 jQuery頁面操作
【學習目標】 100
【導引示例】 100
7.1 HTML元素操作 101
7.1.1 獲取和設定元素內容 101
7.1.2 操作元素屬性 102
7.1.3 創建元素 103
7.1.4 添加元素 104
7.1.5 替換和克隆元素 106
7.1.6 刪除元素 107
7.1.7 包裹元素 109
7.1.8 DOM樹操作 110
【案例分析7-1】購物車 111
7.2 CSS類操作 112
7.2.1 添加CSS類 112
7.2.2 刪除CSS類 113
7.2.3 動態切換CSS類 113
7.2.4 獲取和設定CSS樣式 114
7.2.5 元素尺寸操作 115
【案例分析7-2】下拉選單效果 115
【案例分析7-3】多圖片商品展示框 117
7.3 思考與練習 118
7.3.1 疑難解讀 118
7.3.2 課後習題 118
第8章 jQuery動畫
【學習目標】 120
【導引示例】 120
8.1 基礎動畫效果 121
8.1.1 隱藏元素 121
8.1.2 顯示元素 121
8.1.3 狀態切換 122
【案例分析8-1】側邊欄 123
8.2 淡入/淡出動畫效果 124
8.2.1 淡入顯示元素 124
8.2.2 淡出隱藏元素 125
8.2.3 淡入/淡出切換元素 125
8.2.4 精準控制淡入/淡出動畫效果 126
【案例分析8-2】補全古詩並顯示和隱藏譯文 127
8.3 滑動動畫效果和自定義動畫效果 127
8.3.1 滑動顯示和隱藏匹配的元素 127
8.3.2 滑動切換元素的可見性 129
8.3.3 自定義動畫效果 129
8.3.4 停止動畫 131
【案例分析8-3】實現下拉選單左右抖動後的隱藏和顯示 132
【案例分析8-4】圖片順序切換效果 132
8.4 思考與練習 134
8.4.1 疑難解讀 134
8.4.2 課後習題 134
第9章 jQuery的工具函式
【學習目標】 136
【導引示例】 136
9.1 工具函式概述與數組操作 137
9.1.1 工具函式概述 137
9.1.2 獲取數組元素 137
9.1.3 數組操作 139
【案例分析9-1】將數組數據添加到表格中 140
9.2 字元串操作函式 141
9.2.1 字元串空格處理 141
9.2.2 JSON字元串格式處理 141
【案例分析9-2】登錄數據處理 142
9.3 測試操作函式 142
9.3.1 判斷對象是否為空 142
9.3.2 判斷參數類型 143
【案例分析9-3】判斷參數的類型 143
9.4 函式擴展 144
9.4.1 合併對象函式 144
9.4.2 擴展屬性和方法函式 145
【案例分析9-4】擴展一個求和方法 146
9.5 其他工具函式 146
9.5.1 元素操作函式 146
9.5.2 獲取時間函式 148
9.5.3 判斷對象類型函式 148
【案例分析9-5】將用戶輸入的內容存儲到元素 149
【案例分析9-6】模擬用戶註冊和登錄 150
9.6 思考與練習 151
9.6.1 疑難解讀 151
9.6.2 課後習題 152
第 10章 jQuery外掛程式
【學習目標】 153
【導引示例】 153
10.1 jQuery外掛程式基礎 154
10.1.1 jQuery外掛程式概述 154
10.1.2 jQuery外掛程式的使用方式 154
10.2 常用的jQuery外掛程式 154
10.2.1 Validate外掛程式 154
10.2.2 Cookie外掛程式 157
10.2.3 Growl外掛程式 158
10.2.4 EasyZoom外掛程式 159
【案例分析10-1】帶狀縮略圖放大 160
10.3 jQuery UI外掛程式 162
10.3.1 jQuery UI外掛程式基礎 162
10.3.2 互動 162
10.3.3 小部件 166
10.3.4 效果 170
【案例分析10-2】選項卡 172
【案例分析10-3】選單 173
10.4 思考與練習 174
10.4.1 疑難解讀 174
10.4.2 課後習題 175
第 11章 綜合實訓：開發網路相冊
【學習目標】 176
11.1 分析頁面 176
11.1.1 設計分析 176
11.1.2 功能分析 176
11.2 模組拆分 177
11.2.1 相冊列表 177
11.2.2 標準相片展示框 178
11.2.3 相片縮略圖列表 178
11.3 互動效果設計 179
11.3.1 相冊排序效果 179
11.3.2 相片輪播效果 180
11.3.3 切換縮略圖效果 181
11.3.4 相片切換和局部放大效果 182
11.4 網路相冊效果展示 183
11.5 思考與練習 186
11.5.1 疑難解讀 186
11.5.2 課後習題 187
第 12章
綜合實訓：開發汽車銷售門戶網頁
【學習目標】 188
12.1 網頁分析 188
12.1.1 首頁布局分析 188
12.1.2 詳情頁面布局分析 188
12.2 網頁結構設計 189
12.2.1 首頁元素布局 189
12.2.2 首頁樣式添加 191
12.2.3 詳情頁面元素布局 193
12.2.4 詳情頁面樣式添加 194
12.3 首頁互動效果設計 195
12.3.1 下拉選單自動顯示效果 195
12.3.2 汽車信息列表切換效果 196
12.3.3 點擊按鈕關閉下拉選單效果 196
12.3.4 廣告圖片自動輪播效果 196
12.3.5 點擊列表切換廣告圖片效果 197
12.3.6 圖片放大和文字顯示效果 197
12.3.7 按鈕互動效果 198
12.4 詳情頁面互動效果設計 199
12.4.1 滾動頁面切換導航欄效果 199
12.4.2 點擊元素滾動頁面效果 199
12.4.3 滾動頁面顯示相應元素效果 200
12.4.4 表格互動效果 200
12.5 汽車銷售網頁效果展示 201
12.6 思考與練習 203
12.6.1 疑難解讀 203
12.6.2 課後習題 204
作者簡介
葉麗萍，武漢晴川學院計算機學院副院長，主持、參與校級教研項目，湖北省教育科學規劃項目等項目5項。以第一作者發表論文十餘篇，申請通過計算機軟體著作權3項，主編《資料庫套用技術》教材1本，參編計算機公共基礎教材3本；主講《資料庫套用技術》（校級優質課堂），《大學計算機概論》、《網頁設計》等多門課程，教學效果良好。 主要榮譽：學校青年骨幹教師。連續兩年校年度考核優秀。榮獲武漢晴川學院第二屆說課比賽三等獎。繼教院全國計算機等級考試（二級Access方向）培訓講師，藍橋杯優秀指導教師，全國高校計算機能力挑戰賽教練，優秀指導教師，指導10餘名學生獲得全國高校計算機能力挑戰賽區域級及以上獎項指導2人次獲得國家級獎項。
