中圖網小程序
一鍵登錄
更方便
本類五星書更多>
-
>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用
-
>
決戰行測5000題(言語理解與表達)
-
>
軟件性能測試.分析與調優實踐之路
-
>
第一行代碼Android
-
>
JAVA持續交付
-
>
EXCEL最強教科書(完全版)(全彩印刷)
-
>
深度學習
從零開始學HTML5+CSS3+JavaScript 版權信息
- ISBN：9787122413277
- 條形碼：9787122413277 ; 978-7-122-41327-7
- 裝幀：平裝
- 冊數：暫無
- 重量：暫無
- 所屬分類：>
從零開始學HTML5+CSS3+JavaScript 本書特色
本書從零基礎讀者的角度出發，通過通俗易懂的語言、豐富多彩的實例，循序漸進地讓讀者在實踐中學習HTML、CSS 與JavaScript編程知識，提升自己的實際開發能力。全書共分為5篇24章，內容包括HTML基礎、文本、添加圖像、超鏈接的使用、表格與div標簽、CSS3概述、CSS3高級應用、列表、表單、多媒體播放、HTML5新特性、響應式網頁設計、響應式組件、JavaScript概述、JavaScript 語言基礎、JavaScript 基本語句、JavaScript 中的函數、JavaScript 中的對象、JavaScript 中的數組、Ajax技術、jQuery基礎、jQuery控制頁面和事件處理、設計叮叮商城網站、模仿王者榮耀游戲網站等。書中知識點講解細致，側重介紹每個知識點的使用場景，涉及的代碼給出了詳細的注釋，可以使讀者輕松領會前端開發的精髓，快速提高開發技能。同時，本書配套了大量教學視頻，掃碼即可觀看，還提供所有程序源文件，方便讀者實踐。本書適合HTML、CSS、JavaScript初學者及前端開發入門者自學使用，也可用作高等院校相關專業的教材及參考書。
從零開始學HTML5+CSS3+JavaScript 內容簡介
本書具有如下特色：? 由淺入深，循序漸進。本書以入門讀者為對象，先從語言基礎學起，再學習語言的核心技術，然后學習高 級應用，*后學習開發一個完整項目。講解過程中步驟詳盡，版式新穎，使讀者在閱讀時一目了然，從而快速掌握書中內容。? 語音視頻，講解詳盡。書中每一章節均提供聲圖并茂的教學視頻，讀者可以掃描書中對應的二維碼隨時隨地學習。這些視頻能夠引導初學者快速入門，感受編程的快樂和成就感，增強進一步學習的信心，從而快速成為編程高手。? 實例典型，輕松易學。通過例子學習是好的學習方式，本書通過“一個知識點、一個例子、一個結果、一段評析、一個綜合應用”的模式，透徹詳盡地講述了實際開發中所需的各類知識。另外，為了便于讀者閱讀程序代碼，快速學習編程技能，書中幾乎每行代碼都提供了注釋。 ? 精彩欄目，貼心提醒。本書根據需要在各章安排了很多“注意”“說明”“技巧”等小欄目，讓讀者可以在學習過程中更輕松地理解相關知識點及概念，更快地掌握個別技術的應用技巧。? 附贈資源，優質服務。除配套視頻和源程序外，本書還贈送相關資源庫、題庫，同時為讀者提供社區技術支持、QQ在線答疑等學習服務，收獲更好的學習體驗。
從零開始學HTML5+CSS3+JavaScript 目錄
第1篇 HTML基礎篇
第1章 HTML基礎 2 視頻講解：5節，58分鐘
1.1 HTML概述 3
1.1.1 什么是HTML 3
1.1.2 HTML的發展歷程 3
1.2 HTML文件的基本結構 3
1.2.1 HTML的基本結構 4
1.2.2 HTML的基本標簽 5
1.3 編寫**個HTML文件 8
1.3.1 HTML文件的編寫方法 8
1.3.2 手工編寫頁面 9
1.3.3 使用WebStorm制作頁面 10
[實例1.1] 運用屬性，渲染頁面效果 15
本章知識思維導圖 16
第2章 文本 17 視頻講解：10節，72分鐘
2.1 標題 18
2.1.1 標題標簽 18
[實例2.1] 巧用標題標簽，編寫開心一笑 18
2.1.2 標題的對齊方式 20
[實例2.2] 活用文字居中，推薦商品信息 20
2.2 文字 21
2.2.1 文字的斜體、下劃線、刪除線 21
[實例2.3] 活用文字裝飾，推薦商品信息 21
2.2.2 文字的上標與下標 22
[實例2.4] 使用上標與下標，展示數學公示表 23
2.2.3 特殊文字符號 23
[實例2.5] 巧用文字符，繪制字符畫 24
2.3 段落 24
2.3.1 段落標簽 25
[實例2.6] 巧用段落標簽，介紹創意文字 25
2.3.2 段落的換行標簽 26
[實例2.7] 巧用換行，書寫古詩 26
2.3.3 段落的原格式標簽 27
[實例2.8] 巧用原格式標簽，輸出元旦快樂 27
2.4 水平線 28
2.4.1 水平線標簽 28
[實例2.9] 巧用水平線，繪制行表格 28
2.4.2 水平線標簽的寬度 29
[實例2.10] 巧用的寬度屬性，裝飾文字 29
本章知識思維導圖 30
第3章 添加圖像 31 視頻講解：5節，74分鐘
3.1 添加圖像 32
3.1.1 圖像的基本格式 32
3.1.2 添加圖像 32
[實例3.1] 使用img標簽，實現象棋簡介 33
3.2 設置圖像屬性 34
3.2.1 圖像大小與邊框 34
[實例3.2] 改變手機商品圖像的大小和邊框 34
3.2.2 圖像間距與對齊方式 35
[實例3.3] 使用align和vspace等改變頭像的位置 36
3.2.3 替換文本與提示文字 36
[實例3.4] 設置圖像的提示文字與替換文本 37
本章知識思維導圖 38
第4章 超鏈接的使用 39 視頻講解：4節，67分鐘
4.1 鏈 接 標 簽 40
4.1.1 文本鏈接 40
[實例4.1] 巧用文本鏈接，實現網站導航 40
4.1.2 書簽鏈接 41
[實例4.2] 巧用書簽鏈接，實現商城網頁內部跳轉 41
4.2 圖像的超鏈接 43
4.2.1 圖像的超鏈接 43
[實例4.3] 添加圖像鏈接，實現“手機風暴”板塊 43
4.2.2 圖像熱區鏈接 44
[實例4.4] 使用熱區鏈接，添加多個鏈接地址 45
本章知識思維導圖 46
第5章 表格與標簽 47 視頻講解：9節，72分鐘
5.1 簡單表格 48
5.1.1 簡單表格的制作 48
[實例5.1] 使用表格標簽編寫值日表 48
5.1.2 表頭的設置 49
[實例5.2] 使用表頭標簽制作簡單課程表 50
5.2 表格的高級應用 51
5.2.1 表格的樣式 51
[實例5.3] 制作商品推薦表格 51
5.2.2 表格的合并 52
[實例5.4] 使用表格標簽，制作復雜的課程表 53
5.2.3 表格的分組 54
[實例5.5] 使用表格分組制作學生練習表 54
5.3 標簽 56
5.3.1 標簽的介紹 56
[實例5.6] 使用標簽制作一首古詩 56
5.3.2 標簽的應用 57
[實例5.7] 使用標簽制作個人簡歷 57
5.4 標簽 58
5.4.1 標簽的介紹 58
[實例5.8] 使用標簽制作春節介紹短文 59
5.4.2 標簽的應用 59
[實例5.9] 使用標簽制作公司介紹小短文 60
本章知識思維導圖 61
第2篇 CSS3與HTML5應用篇
第6章 CSS3概述 64 視頻講解：9節，141分鐘
6.1 CSS概述 65
6.1.1 CSS的發展史 65
6.1.2 一個簡單的CSS示例 65
6.2 CSS3中的選擇器 67
6.2.1 屬性選擇器 68
[實例6.1] 實現51購商城中的手機風暴版塊 68
6.2.2 類和ID選擇器 69
[實例6.2] 實現商城首頁中爆款特賣版塊 70
6.2.3 偽類和偽元素選擇器 71
[實例6.3] 實現vivo X9s手機的宣傳頁面 72
6.2.4 其他選擇器 74
[實例6.4] 實現商城的分類版塊界面 74
6.3 常用屬性 76
6.3.1 文本相關屬性 76
[實例6.5] 實現51購商城的搶購頁面 78
6.3.2 背景相關屬性 79
[實例6.6] 實現為登錄頁面插入背景圖像 80
6.3.3 列表相關屬性 81
[實例6.7] 實現購物商城導航欄 81
本章知識思維導圖 83
第7章 CSS3高級應用 84 視頻講解：8節，155分鐘
7.1 框模型 85
7.1.1 外邊距（margin） 85
[實例7.1] 實現vivo X9 Plus手機宣傳頁面 86
7.1.2 內邊距（padding） 87
[實例7.2] 實現手機商城新品專區的商品頁面 88
7.1.3 邊框（border） 89
[實例7.3] 實現購物商城中的商品列表 91
7.2 布局常用屬性 92
7.2.1 浮動 93
[實例7.4] 比較各浮動方式的區別 93
7.2.2 定位 94
[實例7.5] 實現鼠標滑過文字顯示對應的內容 95
7.3 動畫與特效 95
7.3.1 變換（transform） 96
[實例7.6] 實現鼠標滑過時圖像顯示對應的變形效果 96
7.3.2 過渡（transition） 98
[實例7.7] 實現鼠標滑過時逐漸展開圖像的效果 99
7.3.3 動畫（animation） 100
[實例7.8] 實現滾動廣告動畫 102
本章知識思維導圖 103
第8章 列表 104 視頻講解：7節，32分鐘
8.1 列表的標簽 105
8.2 無序列表 105
8.2.1 無序列表標簽 105
[實例8.1] 無序列表列舉唐宋八大家 106
8.2.2 無序列表屬性 106
[實例8.2] 無序列表制作商品預覽效果 106
8.3 有序列表 108
8.3.1 有序列表標簽 108
[實例8.3] 運用有序列表輸出古詩 108
8.3.2 有序列表屬性 108
[實例8.4] 運用有序列表制作商城頁面 109
8.4 列表的嵌套 110
8.4.1 定義列表的嵌套 110
[實例8.5] 運用列表嵌套輸出古詩 111
8.4.2 無序列表和有序列表的嵌套 112
[實例8.6] 使用列表嵌套制作導航欄 112
本章知識思維導圖 114
第9章 表單 115 視頻講解：8節，44分鐘
9.1 表單概述 116
9.1.1 概述 116
9.1.2 表單標簽 116
9.2 輸入標簽 118
9.2.1 文本框 118
[實例9.1] 實現商城中登錄頁面 119
9.2.2 單選框和復選框 120
[實例9.2] 實現購物車界面選擇商品功能 120
9.2.3 按鈕 121
[實例9.3] 實現收貨地址信息填寫頁面 122
9.2.4 圖像域和文件域 123
[實例9.4] 實現上傳頭像頁面 124
9.3 文本域和菜單/列表 125
9.3.1 文本域 125
[實例9.5] 實現商品評價輸入框 126
9.3.2 菜單/列表 126
[實例9.6] 實現個人資料填寫頁面 127
本章知識思維導圖 128
第10章 多媒體播放 129 視頻講解：8節，116分鐘
10.1 HTML5多媒體的簡述 130
10.1.1 HTML4中多媒體的應用 130
10.1.2 HTML5頁面中的多媒體 130
10.2 多媒體元素基本屬性 131
10.3 多媒體元素常用方法 135
10.3.1 媒體播放時的方法 135
[實例10.1] 多功能的視頻播放效果 135
10.3.2 canPlayType(type)方法 137
10.4 多媒體元素重要事件 138
10.4.1 事件處理方式 138
10.4.2 事件介紹 138
10.4.3 事件實例 139
[實例10.2] 多媒體元素重要事件的運用示例 139
本章知識思維導圖 141
第11章 HTML5新特性 142 視頻講解：12節，53分鐘
11.1 誰在開發HTML5 143
11.2 HTML5和HTML4的區別 143
11.2.1 HTML5的語法變化 143
11.2.2 HTML5中的標記方法 143
11.2.3 HTML5語法中需要掌握的3個要點 144
[實例11.1] 巧用標簽制作區域圖像映射 145
11.3 新增和廢除的元素 146
11.3.1 新增的結構元素 146
[實例11.2] 運用結構元素制作導航鏈接 147
11.3.2 新增的塊級（block）的語義元素 149
11.3.3 新增的行內（inline）的語義元素 150
[實例11.3] 運用meter元素制作柱狀圖 151
11.3.4 新增的嵌入多媒體元素與交互性元素 151
11.3.5 新增的input元素的類型 152
11.3.6 廢除的元素 153
11.4 新增的屬性和廢除的屬性 153
11.4.1 新增的屬性 153
11.4.2 廢除的屬性 155
本章知識思維導圖 157
第12章 響應式網頁設計 158 視頻講解：10節，40分鐘
12.1 概述 159
12.1.1 響應式網頁設計的概念 159
12.1.2 響應式網頁設計的優缺點和技術原理 159
12.2 像素和屏幕分辨率 160
12.2.1 像素和屏幕分辨率 160
12.2.2 設備像素和CSS像素 161
12.3 視口 162
12.3.1 視口 162
12.3.2 視口常用屬性 163
12.3.3 媒體查詢 163
12.4 響應式網頁的布局設計 164
12.4.1 常用布局類型 164
12.4.2 布局的實現方式 165
12.4.3 響應式布局的設計與實現 166
[實例12.1] 實現51購商城登錄頁面的響應式布局 166
本章知識思維導圖 167
第13章 響應式組件 168 視頻講解：9節，76分鐘
13.1 響應式圖像 169
13.1.1 方法1：使用標簽 169
[實例13.1] 巧用標簽實現圖像響應式布局 169
13.1.2 方法2：使用CSS圖像 170
[實例13.2] 巧用媒體查詢控制圖像顯示 170
13.2 響應式視頻 171
13.2.1 方法1：使用標簽 172
[實例13.3] 巧用標簽播放手機視頻 172
13.2.2 方法2：使用HTML5手機播放器 173
[實例13.4] 實現帶點贊、分享和換膚功能的手機播放器 173
13.3 響應式導航菜單 174
13.3.1 方法1：CSS3響應式菜單 175
[實例13.5] 巧用media關鍵字實現響應式菜單 175
13.3.2 方法2：JavaScript響應式菜單 176
[實例13.6] 巧用第三方組件實現響應式菜單 177
13.4 響應式表格 178
13.4.1 方法1：隱藏表格中的列 178
[實例13.7] 設計招聘信息表格隱藏次要信息列 178
13.4.2 方法2：滾動表格中的列 180
[實例13.8] 設計招聘信息表格滾動查看信息列 180
13.4.3 方法3：轉換表格中的列 182
[實例13.9] 將招聘信息的表格變為列表 182
本章知識思維導圖 183
第3篇 JavaScript基礎篇
第14章 JavaScript概述 186 視頻講解：6節，46分鐘
14.1 JavaScript簡述 187
14.2 WebStorm簡介 190
14.3 JavaScript在HTML中的使用 190
14.3.1 在頁面中直接嵌入JavaScript代碼 190
[實例14.1] 編寫**個JavaScript程序 191
14.3.2 鏈接外部JavaScript文件 194
[實例14.2] 調用外部JavaScript文件 194
14.3.3 作為標簽的屬性值使用 196
14.4 JavaScript基本語法 197
本章知識思維導圖 198
第15章 JavaScript基礎 199 視頻講解：16節，139分鐘
15.1 數據類型 200
15.1.1 數值型 200
[實例15.1] 輸出紅、綠、藍三種顏色的色值 201
[實例15.2] 輸出科學計數法表示的浮點數 202
15.1.2 字符串型 202
[實例15.3] 輸出奧尼爾的中文名、英文名和別名 204
15.1.3 布爾型 205
15.1.4 特殊數據類型 205
15.2 常量和變量 206
15.2.1 常量 206
15.2.2 變量 206
[實例15.4] 輸出球員信息 208
15.3 運算符 209
15.3.1 算術運算符 209
[實例15.5] 將華氏度轉換為攝氏度 210
15.3.2 字符串運算符 210
[實例15.6] 字符串運算符的使用 211
15.3.3 比較運算符 211
[實例15.7] 比較運算符的使用 212
15.3.4 賦值運算符 213
[實例15.8] 賦值運算符的使用 213
15.3.5 邏輯運算符 214
[實例15.9] 邏輯運算符的使用 214
15.3.6 條件運算符 215
[實例15.10] 條件運算符的使用 215
15.3.7 其他運算符 216
15.3.8 運算符優先級 217
[實例15.11] 運算符優先級的使用 218
15.4 表達式 219
15.5 數據類型的轉換規則 219
本章思維導圖 220
第16章 JavaScript基本語句 221 視頻講解：11節，115分鐘
16.1 條件判斷語句 222
16.1.1 if語句 222
[實例16.1] 獲取3個數中的*大值 223
[實例16.2] 判斷2021年2月份的天數 224
[實例16.3] 輸出考試成績對應的等級 225
[實例16.4] 判斷女職工是否已經退休 227
16.1.2 switch語句 227
[實例16.5] 輸出獎項級別及獎品 229
16.2 循環語句 229
16.2.1 while語句 230
[實例16.6] 計算5000米比賽的完整圈數 231
16.2.2 do...while語句 231
[實例16.7] 計算1 2 … 100的和 232
16.2.3 for語句 232
[實例16.8] 計算100以內所有偶數的和 234
16.2.4 循環語句的嵌套 234
[實例16.9] 輸出乘法口訣表 235
16.3 跳轉語句 235
16.3.1 continue語句 235
[實例16.10] 輸出影廳座位圖 236
16.3.2 break語句 236
16.4 異常處理語句 237
16.4.1 try...catch...finally語句 238
16.4.2 Error對象 239
16.4.3 使用throw語句拋出異常 239
本章知識思維導圖 240
第17章 JavaScript中的函數 241 視頻講解：13節，82分鐘
17.1 函數的定義和調用 242
17.1.1 函數的定義 242
17.1.2 函數的調用 243
17.2 函數的參數 244
[實例17.1] 輸出圖書名稱和圖書作者 245
17.3 函數的返回值 245
[實例17.2] 計算購物車中商品總價 246
17.4 嵌套函數 247
17.4.1 函數的嵌套定義 247
17.4.2 函數的嵌套調用 247
[實例17.3] 獲得選手的平均分 248
17.5 遞歸函數 249
17.6 變量的作用域 249
17.6.1 全局變量和局部變量 249
17.6.2 變量的優先級 250
17.7 內置函數 250
17.7.1 數值處理函數 251
17.7.2 字符串處理函數 253
17.8 定義匿名函數 254
17.8.1 在表達式中定義函數 254
[實例17.4] 輸出6以內的乘法表 255
17.8.2 使用Function()構造函數 255
本章知識思維導圖 256
第18章 JavaScript中的對象 257 視頻講解：10節，132分鐘
18.1 對象簡介 258
18.1.1 什么是對象 258
18.1.2 對象的屬性和方法 258
18.1.3 JavaScript對象的種類 259
18.2 自定義對象的創建 259
18.2.1 直接創建自定義對象 259
18.2.2 通過自定義構造函數創建對象 260
[實例18.1] 創建一個球員對象 261
[實例18.2] 輸出電影信息 262
[實例18.3] 創建一個圓的對象 263
18.2.3 通過Object對象創建自定義對象 264
[實例18.4] 創建一個圖書對象 265
18.3 對象訪問語句 266
18.3.1 for...in語句 266
18.3.2 with語句 266
18.4 常用內部對象 267
18.4.1 Math對象 268
[實例18.5] 生成指定位數的隨機數 269
18.4.2 Date對象 270
[實例18.6] 輸出當前日期和時間 273
[實例18.7] 獲取當前日期距離明年元旦的天數 275
本章知識思維導圖 276
第19章 JavaScript中的數組 277 視頻講解：14節，114分鐘
19.1 數組介紹 278
19.2 定義數組 278
19.2.1 定義空數組 278
19.2.2 指定數組長度 279
19.2.3 指定數組元素 279
19.2.4 直接定義數組 280
19.3 操作數組元素 280
19.3.1 數組元素的輸入和輸出 280
[實例19.1] 輸出3個學霸的姓名 282
19.3.2 數組元素的添加 282
19.3.3 數組元素的刪除 283
19.4 數組的屬性 283
19.4.1 length屬性 283
[實例19.2] 輸出省份、省會以及旅游景點 284
19.4.2 prototype屬性 285
[實例19.3] 應用自定義方法輸出數組 285
19.5 數組的方法 286
19.5.1 數組的添加和刪除 287
19.5.2 設置數組的排列順序 290
[實例19.4] 輸出2016電影票房排行榜前五名 292
19.5.3 獲取某段數組元素 293
[實例19.5] 計算選手的*終得分 294
19.5.4 數組轉換成字符串 294
本章知識思維導圖 296
第4篇 JavaScript高級篇
第20章 Ajax技術 298 視頻講解：11節，33分鐘
20.1 Ajax概述 299
20.1.1 Ajax應用案例 299
20.1.2 Ajax的開發模式 299
20.1.3 Ajax的優點和缺點 300
20.2 Ajax的技術組成 301
20.2.1 XMLHttpRequest對象 301
20.2.2 XML語言 301
20.2.3 JavaScript腳本語言 303
20.2.4 DOM 303
20.2.5 CSS 303
20.3 XMLHttpRequest對象 304
20.3.1 XMLHttpRequest對象的初始化 304
20.3.2 XMLHttpRequest對象的常用屬性 305
20.3.3 XMLHttpRequest對象的常用方法 306
[實例20.1] 讀取HTML文件 309
本章知識思維導圖 310
第21章 jQuery基礎 311 視頻講解：8節，62分鐘
21.1 jQuery概述 312
21.2 jQuery下載與配置 312
21.3 jQuery選擇器 313
21.3.1 jQuery的工廠函數 313
21.3.2 基本選擇器 314
[實例21.1] 獲取文本框中輸入的值 314
[實例21.2] 修改div元素的內容 316
[實例21.3] 獲取元素并設置CSS樣式 317
[實例21.4] 篩選元素并添加新的樣式 319
21.3.3 層級選擇器 319
[實例21.5] 為版權列表設置樣式 320
[實例21.6] 實現為匹配元素換膚 322
[實例21.7] 改變匹配元素的背景顏色 323
[實例21.8] 篩選div元素的同輩元素 324
21.3.4 過濾選擇器 325
[實例21.9] 實現一個帶表頭的雙色表格 326
[實例21.10] 應用內容過濾器匹配不同的單元格 328
[實例21.11] 利用表單對象的屬性過濾器匹配元素 329
21.3.5 屬性選擇器 331
21.3.6 表單選擇器 331
[實例21.12] 利用表單選擇器匹配元素 332
本章知識思維導圖 333
第22章 jQuery控制頁面和事件處理 334 視頻講解：8節，50分鐘
22.1 jQuery控制頁面和時間處理 335
22.1.1 對元素內容和值進行操作 335
[實例22.1] 對元素內容進行設置 336
[實例22.2] 為多行列表框設置并獲取值 337
22.1.2 對DOM節點進行操作 338
[實例22.3] 開心小農場 341
22.1.3 對元素屬性進行操作 343
22.1.4 對元素的CSS樣式進行操作 343
22.2 jQuery的事件處理 345
22.2.1 頁面加載響應事件 345
22.2.2 jQuery中的事件 345
22.2.3 事件綁定 346
22.2.4 模擬用戶操作 347
[實例22.4] 模擬用戶單擊事件 348
[實例22.5] 為圖像添加和去除邊框 348
本章知識思維導圖 349
第5篇 項目開發篇
第23章 設計叮叮商城網站 352 視頻講解：1節，4分鐘
23.1 項目設計思路 353
23.1.1 需求分析 353
23.1.2 功能結構 353
23.1.3 叮叮商城概覽 353
23.2 主頁功能實現 354
23.2.1 關鍵技術 355
23.2.2 實現過程 355
23.3 商品詳情頁面設計 356
23.3.1 關鍵技術 356
23.3.2 實現過程 357
23.4 購物車頁面設計 357
23.4.1 關鍵技術 358
23.4.2 實現過程 358
23.5 付款頁面設計 359
23.5.1 關鍵技術 359
23.5.2 實現過程 360
本章知識思維導圖 361
第24章 模仿王者榮耀網站 362 視頻講解：1節，3分鐘
24.1 功能概述 363
24.2 界面預覽 363
24.3 設計思路 364
24.4 實現過程 364
24.4.1 主頁的設計與實現 364
24.4.2 登錄頁面的設計與實現 368
24.4.3 注冊頁面的設計與實現 370
本章知識思維導圖 371
第1章 HTML基礎 2 視頻講解：5節，58分鐘
1.1 HTML概述 3
1.1.1 什么是HTML 3
1.1.2 HTML的發展歷程 3
1.2 HTML文件的基本結構 3
1.2.1 HTML的基本結構 4
1.2.2 HTML的基本標簽 5
1.3 編寫**個HTML文件 8
1.3.1 HTML文件的編寫方法 8
1.3.2 手工編寫頁面 9
1.3.3 使用WebStorm制作頁面 10
[實例1.1] 運用屬性，渲染頁面效果 15
本章知識思維導圖 16
第2章 文本 17 視頻講解：10節，72分鐘
2.1 標題 18
2.1.1 標題標簽 18
[實例2.1] 巧用標題標簽，編寫開心一笑 18
2.1.2 標題的對齊方式 20
[實例2.2] 活用文字居中，推薦商品信息 20
2.2 文字 21
2.2.1 文字的斜體、下劃線、刪除線 21
[實例2.3] 活用文字裝飾，推薦商品信息 21
2.2.2 文字的上標與下標 22
[實例2.4] 使用上標與下標，展示數學公示表 23
2.2.3 特殊文字符號 23
[實例2.5] 巧用文字符，繪制字符畫 24
2.3 段落 24
2.3.1 段落標簽 25
[實例2.6] 巧用段落標簽，介紹創意文字 25
2.3.2 段落的換行標簽 26
[實例2.7] 巧用換行，書寫古詩 26
2.3.3 段落的原格式標簽 27
[實例2.8] 巧用原格式標簽，輸出元旦快樂 27
2.4 水平線 28
2.4.1 水平線標簽 28
[實例2.9] 巧用水平線，繪制行表格 28
2.4.2 水平線標簽的寬度 29
[實例2.10] 巧用的寬度屬性，裝飾文字 29
本章知識思維導圖 30
第3章 添加圖像 31 視頻講解：5節，74分鐘
3.1 添加圖像 32
3.1.1 圖像的基本格式 32
3.1.2 添加圖像 32
[實例3.1] 使用img標簽，實現象棋簡介 33
3.2 設置圖像屬性 34
3.2.1 圖像大小與邊框 34
[實例3.2] 改變手機商品圖像的大小和邊框 34
3.2.2 圖像間距與對齊方式 35
[實例3.3] 使用align和vspace等改變頭像的位置 36
3.2.3 替換文本與提示文字 36
[實例3.4] 設置圖像的提示文字與替換文本 37
本章知識思維導圖 38
第4章 超鏈接的使用 39 視頻講解：4節，67分鐘
4.1 鏈 接 標 簽 40
4.1.1 文本鏈接 40
[實例4.1] 巧用文本鏈接，實現網站導航 40
4.1.2 書簽鏈接 41
[實例4.2] 巧用書簽鏈接，實現商城網頁內部跳轉 41
4.2 圖像的超鏈接 43
4.2.1 圖像的超鏈接 43
[實例4.3] 添加圖像鏈接，實現“手機風暴”板塊 43
4.2.2 圖像熱區鏈接 44
[實例4.4] 使用熱區鏈接，添加多個鏈接地址 45
本章知識思維導圖 46
第5章 表格與標簽 47 視頻講解：9節，72分鐘
5.1 簡單表格 48
5.1.1 簡單表格的制作 48
[實例5.1] 使用表格標簽編寫值日表 48
5.1.2 表頭的設置 49
[實例5.2] 使用表頭標簽制作簡單課程表 50
5.2 表格的高級應用 51
5.2.1 表格的樣式 51
[實例5.3] 制作商品推薦表格 51
5.2.2 表格的合并 52
[實例5.4] 使用表格標簽，制作復雜的課程表 53
5.2.3 表格的分組 54
[實例5.5] 使用表格分組制作學生練習表 54
5.3 標簽 56
5.3.1 標簽的介紹 56
[實例5.6] 使用標簽制作一首古詩 56
5.3.2 標簽的應用 57
[實例5.7] 使用標簽制作個人簡歷 57
5.4 標簽 58
5.4.1 標簽的介紹 58
[實例5.8] 使用標簽制作春節介紹短文 59
5.4.2 標簽的應用 59
[實例5.9] 使用標簽制作公司介紹小短文 60
本章知識思維導圖 61
第2篇 CSS3與HTML5應用篇
第6章 CSS3概述 64 視頻講解：9節，141分鐘
6.1 CSS概述 65
6.1.1 CSS的發展史 65
6.1.2 一個簡單的CSS示例 65
6.2 CSS3中的選擇器 67
6.2.1 屬性選擇器 68
[實例6.1] 實現51購商城中的手機風暴版塊 68
6.2.2 類和ID選擇器 69
[實例6.2] 實現商城首頁中爆款特賣版塊 70
6.2.3 偽類和偽元素選擇器 71
[實例6.3] 實現vivo X9s手機的宣傳頁面 72
6.2.4 其他選擇器 74
[實例6.4] 實現商城的分類版塊界面 74
6.3 常用屬性 76
6.3.1 文本相關屬性 76
[實例6.5] 實現51購商城的搶購頁面 78
6.3.2 背景相關屬性 79
[實例6.6] 實現為登錄頁面插入背景圖像 80
6.3.3 列表相關屬性 81
[實例6.7] 實現購物商城導航欄 81
本章知識思維導圖 83
第7章 CSS3高級應用 84 視頻講解：8節，155分鐘
7.1 框模型 85
7.1.1 外邊距（margin） 85
[實例7.1] 實現vivo X9 Plus手機宣傳頁面 86
7.1.2 內邊距（padding） 87
[實例7.2] 實現手機商城新品專區的商品頁面 88
7.1.3 邊框（border） 89
[實例7.3] 實現購物商城中的商品列表 91
7.2 布局常用屬性 92
7.2.1 浮動 93
[實例7.4] 比較各浮動方式的區別 93
7.2.2 定位 94
[實例7.5] 實現鼠標滑過文字顯示對應的內容 95
7.3 動畫與特效 95
7.3.1 變換（transform） 96
[實例7.6] 實現鼠標滑過時圖像顯示對應的變形效果 96
7.3.2 過渡（transition） 98
[實例7.7] 實現鼠標滑過時逐漸展開圖像的效果 99
7.3.3 動畫（animation） 100
[實例7.8] 實現滾動廣告動畫 102
本章知識思維導圖 103
第8章 列表 104 視頻講解：7節，32分鐘
8.1 列表的標簽 105
8.2 無序列表 105
8.2.1 無序列表標簽 105
[實例8.1] 無序列表列舉唐宋八大家 106
8.2.2 無序列表屬性 106
[實例8.2] 無序列表制作商品預覽效果 106
8.3 有序列表 108
8.3.1 有序列表標簽 108
[實例8.3] 運用有序列表輸出古詩 108
8.3.2 有序列表屬性 108
[實例8.4] 運用有序列表制作商城頁面 109
8.4 列表的嵌套 110
8.4.1 定義列表的嵌套 110
[實例8.5] 運用列表嵌套輸出古詩 111
8.4.2 無序列表和有序列表的嵌套 112
[實例8.6] 使用列表嵌套制作導航欄 112
本章知識思維導圖 114
第9章 表單 115 視頻講解：8節，44分鐘
9.1 表單概述 116
9.1.1 概述 116
9.1.2 表單標簽 116
9.2 輸入標簽 118
9.2.1 文本框 118
[實例9.1] 實現商城中登錄頁面 119
9.2.2 單選框和復選框 120
[實例9.2] 實現購物車界面選擇商品功能 120
9.2.3 按鈕 121
[實例9.3] 實現收貨地址信息填寫頁面 122
9.2.4 圖像域和文件域 123
[實例9.4] 實現上傳頭像頁面 124
9.3 文本域和菜單/列表 125
9.3.1 文本域 125
[實例9.5] 實現商品評價輸入框 126
9.3.2 菜單/列表 126
[實例9.6] 實現個人資料填寫頁面 127
本章知識思維導圖 128
第10章 多媒體播放 129 視頻講解：8節，116分鐘
10.1 HTML5多媒體的簡述 130
10.1.1 HTML4中多媒體的應用 130
10.1.2 HTML5頁面中的多媒體 130
10.2 多媒體元素基本屬性 131
10.3 多媒體元素常用方法 135
10.3.1 媒體播放時的方法 135
[實例10.1] 多功能的視頻播放效果 135
10.3.2 canPlayType(type)方法 137
10.4 多媒體元素重要事件 138
10.4.1 事件處理方式 138
10.4.2 事件介紹 138
10.4.3 事件實例 139
[實例10.2] 多媒體元素重要事件的運用示例 139
本章知識思維導圖 141
第11章 HTML5新特性 142 視頻講解：12節，53分鐘
11.1 誰在開發HTML5 143
11.2 HTML5和HTML4的區別 143
11.2.1 HTML5的語法變化 143
11.2.2 HTML5中的標記方法 143
11.2.3 HTML5語法中需要掌握的3個要點 144
[實例11.1] 巧用標簽制作區域圖像映射 145
11.3 新增和廢除的元素 146
11.3.1 新增的結構元素 146
[實例11.2] 運用結構元素制作導航鏈接 147
11.3.2 新增的塊級（block）的語義元素 149
11.3.3 新增的行內（inline）的語義元素 150
[實例11.3] 運用meter元素制作柱狀圖 151
11.3.4 新增的嵌入多媒體元素與交互性元素 151
11.3.5 新增的input元素的類型 152
11.3.6 廢除的元素 153
11.4 新增的屬性和廢除的屬性 153
11.4.1 新增的屬性 153
11.4.2 廢除的屬性 155
本章知識思維導圖 157
第12章 響應式網頁設計 158 視頻講解：10節，40分鐘
12.1 概述 159
12.1.1 響應式網頁設計的概念 159
12.1.2 響應式網頁設計的優缺點和技術原理 159
12.2 像素和屏幕分辨率 160
12.2.1 像素和屏幕分辨率 160
12.2.2 設備像素和CSS像素 161
12.3 視口 162
12.3.1 視口 162
12.3.2 視口常用屬性 163
12.3.3 媒體查詢 163
12.4 響應式網頁的布局設計 164
12.4.1 常用布局類型 164
12.4.2 布局的實現方式 165
12.4.3 響應式布局的設計與實現 166
[實例12.1] 實現51購商城登錄頁面的響應式布局 166
本章知識思維導圖 167
第13章 響應式組件 168 視頻講解：9節，76分鐘
13.1 響應式圖像 169
13.1.1 方法1：使用標簽 169
[實例13.1] 巧用標簽實現圖像響應式布局 169
13.1.2 方法2：使用CSS圖像 170
[實例13.2] 巧用媒體查詢控制圖像顯示 170
13.2 響應式視頻 171
13.2.1 方法1：使用標簽 172
[實例13.3] 巧用標簽播放手機視頻 172
13.2.2 方法2：使用HTML5手機播放器 173
[實例13.4] 實現帶點贊、分享和換膚功能的手機播放器 173
13.3 響應式導航菜單 174
13.3.1 方法1：CSS3響應式菜單 175
[實例13.5] 巧用media關鍵字實現響應式菜單 175
13.3.2 方法2：JavaScript響應式菜單 176
[實例13.6] 巧用第三方組件實現響應式菜單 177
13.4 響應式表格 178
13.4.1 方法1：隱藏表格中的列 178
[實例13.7] 設計招聘信息表格隱藏次要信息列 178
13.4.2 方法2：滾動表格中的列 180
[實例13.8] 設計招聘信息表格滾動查看信息列 180
13.4.3 方法3：轉換表格中的列 182
[實例13.9] 將招聘信息的表格變為列表 182
本章知識思維導圖 183
第3篇 JavaScript基礎篇
第14章 JavaScript概述 186 視頻講解：6節，46分鐘
14.1 JavaScript簡述 187
14.2 WebStorm簡介 190
14.3 JavaScript在HTML中的使用 190
14.3.1 在頁面中直接嵌入JavaScript代碼 190
[實例14.1] 編寫**個JavaScript程序 191
14.3.2 鏈接外部JavaScript文件 194
[實例14.2] 調用外部JavaScript文件 194
14.3.3 作為標簽的屬性值使用 196
14.4 JavaScript基本語法 197
本章知識思維導圖 198
第15章 JavaScript基礎 199 視頻講解：16節，139分鐘
15.1 數據類型 200
15.1.1 數值型 200
[實例15.1] 輸出紅、綠、藍三種顏色的色值 201
[實例15.2] 輸出科學計數法表示的浮點數 202
15.1.2 字符串型 202
[實例15.3] 輸出奧尼爾的中文名、英文名和別名 204
15.1.3 布爾型 205
15.1.4 特殊數據類型 205
15.2 常量和變量 206
15.2.1 常量 206
15.2.2 變量 206
[實例15.4] 輸出球員信息 208
15.3 運算符 209
15.3.1 算術運算符 209
[實例15.5] 將華氏度轉換為攝氏度 210
15.3.2 字符串運算符 210
[實例15.6] 字符串運算符的使用 211
15.3.3 比較運算符 211
[實例15.7] 比較運算符的使用 212
15.3.4 賦值運算符 213
[實例15.8] 賦值運算符的使用 213
15.3.5 邏輯運算符 214
[實例15.9] 邏輯運算符的使用 214
15.3.6 條件運算符 215
[實例15.10] 條件運算符的使用 215
15.3.7 其他運算符 216
15.3.8 運算符優先級 217
[實例15.11] 運算符優先級的使用 218
15.4 表達式 219
15.5 數據類型的轉換規則 219
本章思維導圖 220
第16章 JavaScript基本語句 221 視頻講解：11節，115分鐘
16.1 條件判斷語句 222
16.1.1 if語句 222
[實例16.1] 獲取3個數中的*大值 223
[實例16.2] 判斷2021年2月份的天數 224
[實例16.3] 輸出考試成績對應的等級 225
[實例16.4] 判斷女職工是否已經退休 227
16.1.2 switch語句 227
[實例16.5] 輸出獎項級別及獎品 229
16.2 循環語句 229
16.2.1 while語句 230
[實例16.6] 計算5000米比賽的完整圈數 231
16.2.2 do...while語句 231
[實例16.7] 計算1 2 … 100的和 232
16.2.3 for語句 232
[實例16.8] 計算100以內所有偶數的和 234
16.2.4 循環語句的嵌套 234
[實例16.9] 輸出乘法口訣表 235
16.3 跳轉語句 235
16.3.1 continue語句 235
[實例16.10] 輸出影廳座位圖 236
16.3.2 break語句 236
16.4 異常處理語句 237
16.4.1 try...catch...finally語句 238
16.4.2 Error對象 239
16.4.3 使用throw語句拋出異常 239
本章知識思維導圖 240
第17章 JavaScript中的函數 241 視頻講解：13節，82分鐘
17.1 函數的定義和調用 242
17.1.1 函數的定義 242
17.1.2 函數的調用 243
17.2 函數的參數 244
[實例17.1] 輸出圖書名稱和圖書作者 245
17.3 函數的返回值 245
[實例17.2] 計算購物車中商品總價 246
17.4 嵌套函數 247
17.4.1 函數的嵌套定義 247
17.4.2 函數的嵌套調用 247
[實例17.3] 獲得選手的平均分 248
17.5 遞歸函數 249
17.6 變量的作用域 249
17.6.1 全局變量和局部變量 249
17.6.2 變量的優先級 250
17.7 內置函數 250
17.7.1 數值處理函數 251
17.7.2 字符串處理函數 253
17.8 定義匿名函數 254
17.8.1 在表達式中定義函數 254
[實例17.4] 輸出6以內的乘法表 255
17.8.2 使用Function()構造函數 255
本章知識思維導圖 256
第18章 JavaScript中的對象 257 視頻講解：10節，132分鐘
18.1 對象簡介 258
18.1.1 什么是對象 258
18.1.2 對象的屬性和方法 258
18.1.3 JavaScript對象的種類 259
18.2 自定義對象的創建 259
18.2.1 直接創建自定義對象 259
18.2.2 通過自定義構造函數創建對象 260
[實例18.1] 創建一個球員對象 261
[實例18.2] 輸出電影信息 262
[實例18.3] 創建一個圓的對象 263
18.2.3 通過Object對象創建自定義對象 264
[實例18.4] 創建一個圖書對象 265
18.3 對象訪問語句 266
18.3.1 for...in語句 266
18.3.2 with語句 266
18.4 常用內部對象 267
18.4.1 Math對象 268
[實例18.5] 生成指定位數的隨機數 269
18.4.2 Date對象 270
[實例18.6] 輸出當前日期和時間 273
[實例18.7] 獲取當前日期距離明年元旦的天數 275
本章知識思維導圖 276
第19章 JavaScript中的數組 277 視頻講解：14節，114分鐘
19.1 數組介紹 278
19.2 定義數組 278
19.2.1 定義空數組 278
19.2.2 指定數組長度 279
19.2.3 指定數組元素 279
19.2.4 直接定義數組 280
19.3 操作數組元素 280
19.3.1 數組元素的輸入和輸出 280
[實例19.1] 輸出3個學霸的姓名 282
19.3.2 數組元素的添加 282
19.3.3 數組元素的刪除 283
19.4 數組的屬性 283
19.4.1 length屬性 283
[實例19.2] 輸出省份、省會以及旅游景點 284
19.4.2 prototype屬性 285
[實例19.3] 應用自定義方法輸出數組 285
19.5 數組的方法 286
19.5.1 數組的添加和刪除 287
19.5.2 設置數組的排列順序 290
[實例19.4] 輸出2016電影票房排行榜前五名 292
19.5.3 獲取某段數組元素 293
[實例19.5] 計算選手的*終得分 294
19.5.4 數組轉換成字符串 294
本章知識思維導圖 296
第4篇 JavaScript高級篇
第20章 Ajax技術 298 視頻講解：11節，33分鐘
20.1 Ajax概述 299
20.1.1 Ajax應用案例 299
20.1.2 Ajax的開發模式 299
20.1.3 Ajax的優點和缺點 300
20.2 Ajax的技術組成 301
20.2.1 XMLHttpRequest對象 301
20.2.2 XML語言 301
20.2.3 JavaScript腳本語言 303
20.2.4 DOM 303
20.2.5 CSS 303
20.3 XMLHttpRequest對象 304
20.3.1 XMLHttpRequest對象的初始化 304
20.3.2 XMLHttpRequest對象的常用屬性 305
20.3.3 XMLHttpRequest對象的常用方法 306
[實例20.1] 讀取HTML文件 309
本章知識思維導圖 310
第21章 jQuery基礎 311 視頻講解：8節，62分鐘
21.1 jQuery概述 312
21.2 jQuery下載與配置 312
21.3 jQuery選擇器 313
21.3.1 jQuery的工廠函數 313
21.3.2 基本選擇器 314
[實例21.1] 獲取文本框中輸入的值 314
[實例21.2] 修改div元素的內容 316
[實例21.3] 獲取元素并設置CSS樣式 317
[實例21.4] 篩選元素并添加新的樣式 319
21.3.3 層級選擇器 319
[實例21.5] 為版權列表設置樣式 320
[實例21.6] 實現為匹配元素換膚 322
[實例21.7] 改變匹配元素的背景顏色 323
[實例21.8] 篩選div元素的同輩元素 324
21.3.4 過濾選擇器 325
[實例21.9] 實現一個帶表頭的雙色表格 326
[實例21.10] 應用內容過濾器匹配不同的單元格 328
[實例21.11] 利用表單對象的屬性過濾器匹配元素 329
21.3.5 屬性選擇器 331
21.3.6 表單選擇器 331
[實例21.12] 利用表單選擇器匹配元素 332
本章知識思維導圖 333
第22章 jQuery控制頁面和事件處理 334 視頻講解：8節，50分鐘
22.1 jQuery控制頁面和時間處理 335
22.1.1 對元素內容和值進行操作 335
[實例22.1] 對元素內容進行設置 336
[實例22.2] 為多行列表框設置并獲取值 337
22.1.2 對DOM節點進行操作 338
[實例22.3] 開心小農場 341
22.1.3 對元素屬性進行操作 343
22.1.4 對元素的CSS樣式進行操作 343
22.2 jQuery的事件處理 345
22.2.1 頁面加載響應事件 345
22.2.2 jQuery中的事件 345
22.2.3 事件綁定 346
22.2.4 模擬用戶操作 347
[實例22.4] 模擬用戶單擊事件 348
[實例22.5] 為圖像添加和去除邊框 348
本章知識思維導圖 349
第5篇 項目開發篇
第23章 設計叮叮商城網站 352 視頻講解：1節，4分鐘
23.1 項目設計思路 353
23.1.1 需求分析 353
23.1.2 功能結構 353
23.1.3 叮叮商城概覽 353
23.2 主頁功能實現 354
23.2.1 關鍵技術 355
23.2.2 實現過程 355
23.3 商品詳情頁面設計 356
23.3.1 關鍵技術 356
23.3.2 實現過程 357
23.4 購物車頁面設計 357
23.4.1 關鍵技術 358
23.4.2 實現過程 358
23.5 付款頁面設計 359
23.5.1 關鍵技術 359
23.5.2 實現過程 360
本章知識思維導圖 361
第24章 模仿王者榮耀網站 362 視頻講解：1節，3分鐘
24.1 功能概述 363
24.2 界面預覽 363
24.3 設計思路 364
24.4 實現過程 364
24.4.1 主頁的設計與實現 364
24.4.2 登錄頁面的設計與實現 368
24.4.3 注冊頁面的設計與實現 370
本章知識思維導圖 371
展開全部
書友推薦
- >
名家帶你讀魯迅:故事新編
- >
回憶愛瑪儂
- >
二體千字文
- >
伯納黛特,你要去哪(2021新版)
- >
推拿
- >
巴金－再思錄
- >
羅曼·羅蘭讀書隨筆-精裝
- >
中國歷史的瞬間
本類暢銷
