《Html5+JavaScript+Css3開發手冊：基礎·案例·套用》是化學工業出版社於2022年出版的書籍，作者是明日科技編著
基本介紹
- 中文名：Html5+JavaScript+Css3開發手冊：基礎·案例·套用
- 作者：明日科技
- 語言：漢文
- 出版時間：2022年3月1日
- 出版社：化學工業出版社
- 頁數：443 頁
- ISBN：9787122405760
- 開本：16 開
- 裝幀：平裝
內容簡介,圖書目錄,
內容簡介
《Html5+JavaScript+Css3開發手冊：基礎·案例·套用》是“計算機科學與技術手冊系列”圖書之一，該系列圖書內容全面，以理論聯繫實際、能學到並做到為宗旨，以技術為核心，以案例為輔助，引領讀者全面學習基礎技術、代碼編寫方法和具體套用項目，旨在為想要進入相應領域的技術人員提供新而全的技術性內容及案例。 本書是一本側重編程基礎+實踐的Web前端開發圖書，從基礎、案例、套用三個層次循序漸進地介紹了Web前端開發從入門到實戰所需知識，使讀者在打好基礎的同時快速提升實踐能力。本書內容充實，給讀者提供了較為豐富全面的技術支持和案例強化，通過各種示例將學習與套用相結合，打造輕鬆學習、零壓力學習的環境，通過案例對所學知識進行綜合套用，通過開發實際項目將各個知識點套用到實際工作中，幫助讀者實現學以致用，快速掌握前端開發的各項技能。 本書提供豐富的資源，包含131個實例、10個案例、2個項目，力求為讀者打造一本基礎+案例+套用一體化的、精彩的前端開發圖書。 本書不僅適合初學者、編程愛好者、零基礎的編程自學者，也可供計算機相關專業師生、程式開發人員以及程式測試和維護人員等閱讀參考。
圖書目錄
基礎篇
第1章 HTML基礎
1.1 HTML基礎 2
1.1.1 什麼是HTML 2
1.1.2 HTML的發展歷程 3
1.2 HTML5相關概念與基本結構 3
1.2.1 HTML5的相關概念 3
1.2.2 HTML5的基本結構 4
【實例1.1】運用<body>屬性，渲染頁面效果 6
1.3 編寫第一個HTML5檔案 9
1.3.1 HTML5檔案的編寫方法 9
1.3.2 手工編寫頁面 9
1.3.3 使用可視化軟體製作頁面 10
第2章 標題和段落
2.1 添加標題 15
2.1.1 添加各級標題 16
【實例2.1】巧用標題標籤，編寫程式設計師笑話 16
2.1.2 設定標題的對齊方式 17
【實例2.2】活用文字居中，推薦商品信息 18
2.2 添加段落 18
2.2.1 段落標籤的使用 18
【實例2.3】巧用段落標籤，介紹創意文字 19
2.2.2 段落中的換行標籤 19
【實例2.4】巧用換行，書寫故事 19
2.3 添加文字裝飾效果 20
2.3.1 設定上標與下標 20
【實例2.5】使用上下標，展示數學方程式 21
2.3.2 文字的斜體、下劃線與刪除線 21
【實例2.6】活用文字裝飾，推薦商品信息 21
2.4 添加水平線 22
【實例2.7】巧用水平線繪製行表格 22
2.5 綜合案例——二十四節氣歌 23
2.5.1 分析數據 23
2.5.2 實現過程 24
2.6 實戰練習 24
第3章 圖像和超連結
3.1 添加圖像 25
3.1.1 圖像的基本格式 25
3.1.2 添加圖像 26
【實例3.1】使用<img>標籤實現五子棋的遊戲簡介 26
3.2 設定圖像屬性 27
3.2.1 圖像大小與框線 27
【實例3.2】改變手機商品詳情中的圖片大小和框線 27
3.2.2 替換文本與提示文字 28
【實例3.3】設定圖片的提示文字與替換文本 28
3.2.3 圖像間距與對齊方式 29
【實例3.4】使用align屬性改變頭像的位置 30
3.3 添加超連結 30
3.3.1 添加文本連結 30
【實例3.5】巧用文本連結實現商城導航 31
3.3.2 添加書籤連結 31
【實例3.6】巧用書籤連結實現商城網頁內部跳轉 32
3.4 圖像的超連結與熱區連結 33
3.4.1 圖像的超連結 33
【實例3.7】添加圖片連結實現手機風暴模組 33
3.4.2 圖像熱區連結 35
【實例3.8】使用熱區連結添加多個連結地址 35
3.5 綜合案例——實現明日學院明星講師頁面的跳轉 36
3.5.1 案例分析 37
3.5.2 實現過程 37
3.6 實戰練習 38
第4章 表格與<div>標籤、<span>標籤
4.1 簡單表格 39
4.1.1 簡單表格的製作 39
【實例4.1】使用表格標籤編寫考試成績單 40
4.1.2 表頭的設定 41
【實例4.2】使用表頭標籤製作簡單課程表 41
4.2 表格的高級套用 42
4.2.1 表格的樣式 42
【實例4.3】製作商品推薦表格 43
4.2.2 表格的合併 44
【實例4.4】使用表格製作複雜課程表 44
4.2.3 表格的分組 45
【實例4.5】使用表格分組製作學生聯繫表 45
4.3 <div>標籤 46
4.3.1 <div>標籤的介紹 46
【實例4.6】使用<div>標籤製作古詩一首 47
4.3.2 <div>標籤的套用 47
【實例4.7】使用<div>標籤製作個人簡歷 48
4.4 <span>標籤 48
4.4.1 <span>標籤的介紹 48
【實例4.8】使用不同的語言表述“我愛你” 49
4.4.2 <span>標籤的套用 49
【實例4.9】使用<span>標籤製作公司介紹短文 49
4.5 綜合案例——製作網頁中的女裝模組 50
4.5.1 案例分析 50
4.5.2 實現過程 51
4.6 實戰練習 52
第5章 列表
5.1 列表的標籤 53
5.2 無序列表 54
5.2.1 無序列表標籤 54
【實例5.1】運用無序列表顯示NBA東部聯盟球隊前四強 54
5.2.2 無序列表屬性 54
【實例5.2】運用無序列表顯示全球品牌價值100強的前三名 55
5.3 有序列表 57
5.3.1 有序列表標籤 57
【實例5.3】運用有序列表顯示2018年俄羅斯世界盃排名前四強 57
5.3.2 有序列表屬性 58
【實例5.4】運用有序列表製作商城頁面 58
5.4 定義列表 59
【實例5.5】運用定義列表顯示古詩二首 60
5.5 無序列表和有序列表的嵌套 60
【實例5.6】運用無序列表和有序列表製作導航欄 60
5.6 綜合案例——使用列表製作二級導航選單 62
5.6.1 案例分析 62
5.6.2 案例實現 62
5.7 實戰練習 64
第6章 表單
6.1 表單概述 65
6.1.1 什麼是表單 65
6.1.2 表單標籤<form> 65
6.2 輸入標籤 67
6.2.1 文本框和密碼框 67
【實例6.1】製作商城中賬號登錄頁面 68
6.2.2 單選按鈕和複選框 69
【實例6.2】實現購物車頁面選擇商品功能 69
6.2.3 按鈕 70
【實例6.3】製作收貨地址信息填寫頁面 71
6.2.4 圖像域和檔案域 72
【實例6.4】實現註冊頁面中的上傳圖像功能 73
6.3 文本域和列表 74
6.3.1 文本域 74
【實例6.5】製作商品評價頁面中的評價輸入框 74
6.3.2 列表/選單 74
【實例6.6】實現個人檔案填寫 75
6.4 綜合案例——製作線上租房信息填寫頁面 77
6.4.1 案例分析 77
6.4.2 案例實現 78
6.5 實戰練習 81
第7章 CSS3選擇器
7.1 CSS3選擇器概述 82
7.1.1 CSS3的發展史 82
7.1.2 一個簡單的CSS3示例 83
7.1.3 選擇器概述 85
7.2 基礎選擇器 86
7.2.1 元素選擇器 86
【實例7.1】使用元素選擇器實現生日賀卡的樣式 86
7.2.2 類選擇器 87
7.2.3 ID選擇器 88
【實例7.2】製作網購商城中的爆款特賣頁面 89
7.2.4 屬性選擇器 91
【實例7.3】製作51購商城首頁的手機風暴版塊 91
7.3 其他選擇器 93
7.3.1 後代選擇器 93
7.3.2 子代選擇器 94
7.3.3 相鄰兄弟元素選擇器 95
7.3.4 通用兄弟元素選擇器 96
7.4 偽類和偽元素選擇器 97
7.4.1 偽類選擇器 97
7.4.2 偽元素選擇器 98
【實例7.4】製作vivo X9s手機的宣傳頁面 98
7.5 綜合案例——仿製個人空間主頁 100
7.5.1 案例分析 100
7.5.2 案例實現 101
7.6 實戰練習 103
第8章 CSS3常用屬性
8.1 文本相關屬性 104
8.1.1 文字相關屬性 104
【實例8.1】製作網購商城的商品搶購頁面 106
8.1.2 文本相關屬性 107
【實例8.2】演示word-break屬性的功能 108
8.2 背景相關屬性 109
8.2.1 背景常規屬性 109
【實例8.3】實現為登錄頁面插入背景圖像 111
8.2.2 CSS3新增背景屬性 112
8.3 列表相關屬性 116
【實例8.4】更改滑鼠懸停在二級導航選單上時的列表項符號 116
8.4 框模型 118
8.4.1 框模型概述 118
8.4.2 設定元素的大小 118
8.4.3 設定外邊距 118
【實例8.5】實現對vivo系列手機兒童模式的介紹 120
8.4.4 設定內邊距 121
【實例8.6】製作手機商城中的新品專區頁面 121
8.4.5 設定框線 122
【實例8.7】製作購物商城中的商品列表頁面 124
8.5 定位相關屬性 125
8.5.1 設定元素的位置 125
【實例8.8】實現滑鼠滑過垂直選單時，展開對應的內容 126
8.5.2 設定元素的浮動 127
【實例8.9】在商品詳情頁面，<li>標籤設定向左浮動 128
8.6 綜合案例——製作換季換新機促銷頁面 129
8.6.1 案例分析 129
8.6.2 案例實現 129
8.7 實戰練習 131
第9章 回響式網頁設計
9.1 回響式網頁設計概述 132
9.1.1 回響式網頁設計的概念 132
9.1.2 回響式網頁設計的優缺點 132
9.1.3 回響式網頁設計的技術原理 133
9.2 像素和螢幕解析度 134
9.2.1 像素和螢幕解析度 134
9.2.2 設備像素和CSS像素 134
9.3 視口 135
9.3.1 視口簡介 135
9.3.2 視口常用屬性 136
9.3.3 媒體查詢 136
9.4 回響式網頁的布局設計 137
9.4.1 常用布局類型 137
9.4.2 布局的實現方式 138
9.4.3 回響式布局的設計與實現 139
【實例9.1】實現51購商城登錄頁面的回響式布局 140
9.5 綜合案例——製作回響式表格 142
9.5.1 案例分析 142
9.5.2 案例實現 142
9.6 實戰練習 144
第10章 Bootstrap基礎
10.1 Bootstrap概述 145
10.1.1 Bootstrap是什麼 145
10.1.2 Bootstrap的優點 145
10.1.3 Bootstrap包含的內容 146
10.2 Bootstrap的下載與安裝 146
10.2.1 Bootstrap的下載 146
10.2.2 Bootstrap的檔案結構 147
10.3 Bootstrap通用樣式 148
10.3.1 文字相關樣式 148
【實例10.1】實現《東北吃貨進行曲》的歌詞 149
【實例10.2】實現華為P30 Pro手機簡介 150
10.3.2 顏色相關樣式 150
【實例10.3】製作拼多多中多多果然獲取水滴頁面 152
10.3.3 設定內外邊距 153
【實例10.4】製作人見人愛獎狀頁面 154
10.3.4 設定框線與浮動 154
【實例10.5】仿製簡易密碼輸入器頁面 155
【實例10.6】仿製電商網站首頁中“用券爆款”頁面 156
10.4 Bootstrap中的格線布局 157
10.4.1 格線系統的基本使用 157
【實例10.7】使用格線系統來布局一則360每日趣玩訊息 159
10.4.2 自動布局列 159
【實例10.8】設計遊戲列表頁面的回響式布局 161
10.4.3 項目的對齊處理 161
【實例10.9】設計遊戲列表的回響式水平對齊方式 162
【實例10.10】設計遊戲列表的回響式垂直對齊方式 164
10.4.4 列的偏移、嵌套和重排序 164
【實例10.11】使用列偏移等間距對齊遊戲列表 165
【實例10.12】實現為商品列表按價格進行排序 166
10.5 綜合案例——製作音樂網站的熱門推薦列表 167
10.5.1 案例分析 168
10.5.2 案例實現 168
10.6 實戰練習 169
第11章 JavaScript基礎
11.1 JavaScript概述 170
11.1.1 JavaScript的發展 170
11.1.2 JavaScript的主要特點 171
11.1.3 JavaScript的套用 171
11.1.4 JavaScript在HTML中的使用 172
【實例11.1】編寫第一個JavaScript程式 173
【實例11.2】調用外部JavaScript檔案 173
11.1.5 基本語法 174
11.2 數據類型 176
11.2.1 數值型 176
11.2.2 字元串型 178
11.2.3 布爾型 179
11.2.4 特殊數據類型 179
11.3 變數 180
11.3.1 變數的命名 180
11.3.2 變數的聲明 180
11.3.3 變數的賦值 181
11.3.4 變數的類型 182
【實例11.3】輸出球員信息 182
11.4 運算符和表達式 182
11.4.1 算術運算符 182
【實例11.4】將華氏度轉換為攝氏度 183
11.4.2 字元串運算符 183
【實例11.5】字元串運算符的使用 184
11.4.3 比較運算符 184
【實例11.6】比較運算符的使用 185
11.4.4 賦值運算符 185
【實例11.7】賦值運算符的使用 185
11.4.5 邏輯運算符 186
【實例11.8】邏輯運算符的使用 186
11.4.6 條件運算符 186
【實例11.9】條件運算符的使用 187
11.4.7 其他運算符 187
11.4.8 運算符優先權 188
【實例11.10】運算符優先權的使用 189
11.4.9 表達式 190
11.5 數據類型的轉換規則 190
11.6 綜合案例——判斷員工收入 191
11.6.1 案例分析 191
11.6.2 實現過程 191
11.7 實戰練習 192
第12章 流程控制
12.1 條件判斷語句 193
12.1.1 if語句 193
【實例12.1】獲取3個數中的最大值 194
【實例12.2】判斷3是奇數還是偶數 196
【實例12.3】輸出考試成績對應的等級 197
【實例12.4】判斷女職工是否已經退休 198
12.1.2 switch語句 198
【實例12.5】輸出獎項級別及獎品 200
12.2 循環語句 200
12.2.1 while語句 201
【實例12.6】計算3000米障礙比賽的完整圈數 202
12.2.2 do...while語句 202
【實例12.7】計算1+2+…+100的和 203
12.2.3 for語句 203
【實例12.8】計算50以內所有奇數的和 204
12.2.4 循環語句的嵌套 205
【實例12.9】輸出乘法口訣表 205
12.3 跳轉語句 205
12.3.1 continue語句 206
【實例12.10】輸出影廳座點陣圖 206
12.3.2 break語句 207
12.4 綜合案例——輸出表格 208
12.4.1 案例分析 208
12.4.2 實現過程 208
12.5 實戰練習 209
第13章 函式
13.1 函式的定義和調用 210
13.1.1 函式的定義 210
13.1.2 函式的調用 211
13.2 函式的參數和返回值 213
13.2.1 函式的參數 213
【實例13.1】輸出圖書名稱和圖書作者 213
13.2.2 函式的返回值 214
【實例13.2】計算購物車中商品的總價 214
13.3 嵌套函式 215
13.3.1 函式的嵌套定義 215
13.3.2 函式的嵌套調用 215
【實例13.3】獲得選手的平均分 216
13.4 變數的作用域 216
13.4.1 全局變數和局部變數 216
13.4.2 變數的優先權 217
13.5 內置函式 217
13.5.1 數值處理函式 217
13.5.2 字元串處理函式 219
13.6 在表達式中定義函式 220
【實例13.4】輸出星號金字塔形圖案 221
13.7 綜合案例——輸出自定義的表格 221
13.7.1 案例分析 222
13.7.2 實現過程 222
13.8 實戰練習 223
第14章 對象
14.1 對象簡介 224
14.1.1 什麼是對象 224
14.1.2 對象的屬性和方法 224
14.1.3 JavaScript對象的種類 225
14.2 自定義對象的創建 225
14.2.1 直接創建自定義對象 226
14.2.2 通過自定義構造函式創建對象 226
【實例14.1】輸出演員個人簡介 227
14.2.3 通過Object對象創建自定義對象 228
14.3 Array對象 229
14.3.1 數組介紹 230
14.3.2 定義數組 230
14.3.3 運算元組元素 231
【實例14.2】輸出3個學霸姓名 232
14.3.4 獲取數組的長度 234
【實例14.3】輸出省份、省會以及旅遊景點 234
14.3.5 數組的方法 235
14.4 String對象 240
14.4.1 String對象的創建 240
14.4.2 獲取字元串的長度 241
14.4.3 String對象的方法 241
【實例14.4】獲取字元“兵”在繞口令中出現的次數 242
【實例14.5】截取網站公告標題 244
14.5 Math對象 247
14.5.1 Math對象的屬性 247
14.5.2 Math對象的方法 248
【實例14.6】生成指定位數的隨機數 248
14.6 Date對象 249
14.6.1 創建Date對象 249
14.6.2 Date對象的方法 250
【實例14.7】輸出當前的日期和時間 252
【實例14.8】獲取當前日期距離明年元旦的天數 252
14.7 綜合案例——2020年內地電影票房排行 253
14.7.1 案例分析 253
14.7.2 實現過程 254
14.8 實戰練習 255
第15章 事件處理
15.1 事件與事件處理概述 256
15.1.1 什麼是事件 256
15.1.2 事件的調用 257
15.1.3 Event對象 258
15.2 表單相關事件 258
15.2.1 獲得焦點與失去焦點事件 258
【實例15.1】改變文本框的背景顏色 258
15.2.2 失去焦點內容改變事件 259
【實例15.2】改變文本框的字型顏色 259
15.2.3 表單提交與重置事件 260
【實例15.3】驗證提交表單中是否有空值 260
15.3 滑鼠鍵盤事件 261
15.3.1 滑鼠單擊事件 261
【實例15.4】動態改變頁面的背景顏色 261
15.3.2 滑鼠按下和鬆開事件 262
【實例15.5】用事件模擬超連結標籤的功能 262
15.3.3 滑鼠移入移出事件 263
【實例15.6】動態改變圖片的透明度 263
15.3.4 滑鼠移動事件 263
15.3.5 鍵盤事件 264
15.4 頁面事件 265
15.4.1 頁面載入事件 265
【實例15.7】動態改變圖片大小 265
15.4.2 頁面大小事件 266
15.5 綜合案例——二級聯動選單 266
15.5.1 案例分析 266
15.5.2 實現過程 267
15.6 實戰練習 268
第16章 DOM編程
16.1 DOM概述 269
16.2 獲取HTML元素 270
16.2.1 通過元素的id屬性獲取元素 271
【實例16.1】在頁面的指定位置顯示當前日期 271
16.2.2 通過元素的標籤名獲取元素 271
16.2.3 通過元素的類名獲取元素 272
16.3 DOM對象節點屬性 272
16.4 節點的操作 273
16.4.1 創建節點 273
【實例16.2】補全古詩 273
16.4.2 插入節點 274
【實例16.3】向頁面中插入文本 274
16.4.3 複製節點 275
【實例16.4】複製下拉選單 275
16.4.4 刪除節點 275
【實例16.5】動態刪除選中的文本 276
16.4.5 替換節點 276
【實例16.6】選擇頭像 276
16.5 獲取或設定元素內容 277
【實例16.7】顯示時間和問候語 277
16.6 綜合案例——歌曲置頂和刪除 278
16.6.1 案例分析 278
16.6.2 實現過程 278
16.7 實戰練習 280
第17章 jQuery技術
17.1 jQuery下載與配置 281
17.1.1 下載jQuery 281
17.1.2 配置jQuery 282
17.2 jQuery選擇器 282
17.2.1 jQuery的工廠函式 282
17.2.2 基本選擇器 283
【實例17.1】篩選元素並添加新的樣式 283
17.2.3 層級選擇器 284
【實例17.2】為指定元素添加樣式 285
17.2.4 過濾選擇器 285
【實例17.3】實現帶表頭的雙色表格 286
17.2.5 屬性選擇器 288
17.2.6 表單選擇器 288
17.3 jQuery控制頁面 289
17.3.1 對元素內容和值進行操作 289
【實例17.4】為多行列表框設定並獲取值 291
17.3.2 對DOM節點進行操作 291
【實例17.5】開心小農場 293
17.3.3 對元素屬性進行操作 294
【實例17.6】改變圖片大小 295
17.3.4 對元素的CSS樣式進行操作 295
【實例17.7】為圖片添加和去除框線 296
17.4 jQuery的事件處理 297
17.4.1 頁面載入回響事件 297
17.4.2 jQuery中的事件 298
17.4.3 事件綁定 299
17.4.4 模擬用戶操作 300
【實例17.8】切換表情圖片 300
17.5 jQuery的動畫效果 301
17.5.1 基本的動畫效果 301
【實例17.9】實現自動隱藏式選單 302
17.5.2 滑動效果 303
17.5.3 自定義的動畫效果 304
【實例17.10】實現幕簾的效果 304
17.6 綜合案例——驗證用戶註冊信息 306
17.6.1 案例分析 306
17.6.2 實現過程 306
17.7 實戰練習 308
第18章 Vue.js框架
18.1 什麼是Vue.js 309
18.2 Vue.js的安裝 310
18.3 Vue實例及選項 311
18.3.1 掛載元素 311
18.3.2 數據 311
18.3.3 方法 312
18.4 數據綁定 313
18.4.1 插值 313
【實例18.1】插入文本 313
【實例18.2】插入HTML內容 313
18.4.2 過濾器 314
【實例18.3】截取新聞標題 314
18.5 指令 315
18.5.1 v-bind指令 315
【實例18.4】設定文字樣式 315
18.5.2 v-on指令 316
【實例18.5】動態改變圖片透明度 316
18.5.3 v-if指令 317
18.5.4 v-else指令 318
18.5.5 v-for指令 318
18.5.6 v-model指令 319
18.6 綜合案例——選擇職位 319
18.6.1 案例分析 319
18.6.2 實現過程 320
18.7 實戰練習 321
案例篇
第19章 遊戲公園（HTML+CSS+JavaScript+Bootstrap）
19.1 系統預覽 323
19.2 案例準備 323
19.3 功能結構 323
19.4 實現過程 324
19.4.1 “主頁”的設計與實現 324
19.4.2 “部落格列表”的設計與實現 327
19.4.3 “部落格詳情”的設計與實現 328
19.4.4 “關於我們”的設計與實現 329
第20章 鹹魚簡歷（HTML+CSS+jQuery+Bootstrap）
20.1 系統預覽 333
20.2 案例準備 335
20.3 功能結構 335
20.4 實現流程 336
20.4.1 導航選單 336
20.4.2 自我介紹 337
20.4.3 工作經驗 339
20.4.4 參與項目 340
20.4.5 聯繫方式 340
第21章 抖音秀（HTML+CSS+JavaScript+H5FullScreenPage外掛程式）
21.1 系統預覽 342
21.2 案例準備 342
21.3 功能結構 343
21.4 實現過程 343
21.4.1 頁頭頁尾區 343
21.4.2 視頻功能區 345
21.4.3 掛件功能區 347
第22章 旅遊信息網（HTML+CSS+jQuery+jquery.faded外掛程式）
22.1 案例效果預覽 349
22.2 案例準備 351
22.3 功能結構 351
22.4 實現過程 351
22.4.1 實現網站公共header和footer 351
22.4.2 網站主頁設計 354
22.4.3 “留下足跡”頁面設計 356
第23章 用戶註冊與登錄驗證（HTML+CSS+JavaScript+jQuery）
23.1 案例效果預覽 358
23.2 案例準備 358
23.3 業務流程 359
23.4 實現過程 359
23.4.1 註冊頁面設計 359
23.4.2 用戶註冊驗證 360
23.4.3 登錄頁面設計 361
23.4.4 驗證滑塊設計 362
23.4.5 用戶登錄驗證 363
第24章 計算器（HTML+CSS+JavaScript）
24.1 案例效果預覽 365
24.2 案例準備 365
24.3 業務流程 366
24.4 實現過程 366
24.4.1 計算器頁面設計 366
24.4.2 基本計算功能的實現 368
24.4.3 特殊功能的實現 370
第25章 幸運大抽獎（HTML+CSS+JavaScript）
25.1 案例效果預覽 371
25.2 案例準備 371
25.3 業務流程 372
25.4 實現過程 372
25.4.1 抽獎頁面設計 372
25.4.2 抽獎功能的實現 373
第26章 貪吃蛇小遊戲（HTML+CSS+JavaScript）
26.1 案例效果預覽 377
26.2 案例準備 378
26.3 業務流程 378
26.4 實現過程 378
26.4.1 遊戲初始頁面設計 378
26.4.2 遊戲操作 380
第27章 別踩白塊兒小遊戲（HTML+CSS+JavaScript）
27.1 案例效果預覽 382
27.2 案例準備 382
27.3 業務流程 383
27.4 實現過程 383
27.4.1 遊戲初始頁面設計 383
27.4.2 遊戲頁面設計 385
27.4.3 遊戲結束與重新開始遊戲 386
第28章 手機端看圖猜詞小遊戲（HTML+CSS+JavaScript+jQuery）
28.1 案例效果預覽 388
28.2 案例準備 388
28.3 業務流程 388
28.4 實現過程 389
28.4.1 構建看圖猜詞頁面 389
28.4.2 看圖猜詞功能的實現 390
套用篇
第29章 51購商城
29.1 項目的設計思路 395
29.1.1 項目概述 395
29.1.2 頁面預覽 396
29.1.3 系統功能結構 397
29.1.4 系統業務流程 397
29.1.5 資料夾組織結構 398
29.2 主頁的設計與實現 398
29.2.1 主頁的設計 398
29.2.2 頂部區和底部區功能的實現 399
29.2.3 商品分類導航功能的實現 401
29.2.4 輪播圖功能的實現 402
29.2.5 商品推薦功能的實現 404
29.2.6 適配移動端的實現 405
29.3 商品列表頁面的設計與實現 406
29.3.1 商品列表頁面的設計 406
29.3.2 分類選項功能的實現 406
29.3.3 商品列表區的實現 408
29.4 商品詳情頁面的設計與實現 409
29.4.1 商品詳情頁面的設計 410
29.4.2 圖片放大鏡效果的實現 411
29.4.3 商品概要功能的實現 412
29.4.4 商品評價功能的實現 414
29.4.5 猜你喜歡功能的實現 415
29.5 購物車頁面的設計與實現 416
29.5.1 購物車頁面的設計 417
29.5.2 購物車頁面的實現 417
29.6 付款頁面的設計與實現 418
29.6.1 付款頁面的設計 418
29.6.2 付款頁面的實現 418
29.7 登錄註冊頁面的設計與實現 421
29.7.1 登錄註冊頁面的設計 421
29.7.2 登錄頁面的實現 421
29.7.3 註冊頁面的實現 422
第30章 365影視網站設計
30.1 系統分析 425
30.2 系統設計 425
30.2.1 系統目標 425
30.2.2 系統功能結構 426
30.2.3 系統業務流程 426
30.2.4 網頁預覽 426
30.3 系統開發必備 427
30.3.1 開發環境 427
30.3.2 資料夾組織結構 429
30.4 關鍵技術 430
30.4.1 JavaScript腳本技術 430
30.4.2 jQuery技術 431
30.4.3 jQuery中的Ajax請求 432
30.5 首頁技術實現 432
30.5.1 JavaScript實現導航選單 432
30.5.2 JavaScript實現圖片的輪換效果 434
30.5.3 Ajax實現熱門專題頁面 435
30.5.4 JavaScript實現電影圖片不間斷滾動 436
30.5.5 JavaScript實現浮動視窗 438
30.5.6 jQuery實現滑動門效果 438
30.5.7 jQuery實現向上間斷滾動效果 441
30.6 查看影片詳情頁面 442
