基于HTML5的網(wǎng)頁設(shè)計及應(yīng)用(第2版)
定 價:69.9 元
- 作者:范伊紅
- 出版時間:2022/1/1
- ISBN:9787121426346
- 出 版 社:電子工業(yè)出版社
- 中圖法分類:TP312.8
- 頁碼:360
- 紙張:
- 版次:01
- 開本:16開
本書系統(tǒng)講解HTML5程序設(shè)計需要掌握的HTML5、CSS3和JavaScript的基本知識,并按照循序漸進(jìn)的科學(xué)原則組織內(nèi)容,知識體系完整、結(jié)構(gòu)清晰、敘述簡潔、例題典型豐富、可操作性強(qiáng)。通過學(xué)習(xí)本書,讀者能夠掌握使用HTML5進(jìn)行客戶端頁面設(shè)計和客戶端程序開發(fā)的基本技術(shù)。全書分為4部分。第1部分詳細(xì)介紹HTML5網(wǎng)頁設(shè)計基礎(chǔ)知識,包括網(wǎng)頁設(shè)計概述、HTML5語言、HTML5表單;第2部分詳細(xì)介紹CSS3相關(guān)知識,包括CSS基礎(chǔ),CSS盒子模型,CSS高級選擇器,DIV+CSS布局,CSS過渡、轉(zhuǎn)換與動畫;第3部分詳細(xì)介紹JavaScript程序設(shè)計,包括JavaScript基礎(chǔ)、JavaScript對象、JavaScript事件處理和AJAX基礎(chǔ);第4部分詳細(xì)介紹HTML5應(yīng)用,包括HTML5 Canvas繪制圖形、HTML5音頻和視頻技術(shù)。本書內(nèi)容豐富,注重實際編程與開發(fā)能力的培養(yǎng)。本書包含配套源代碼、習(xí)題參考答案、電子課件、教學(xué)大綱、實驗指導(dǎo)等。本書可作為高等學(xué)校計算機(jī)科學(xué)與技術(shù)、計算機(jī)應(yīng)用、網(wǎng)絡(luò)工程、軟件工程等專業(yè)的“網(wǎng)頁設(shè)計與制作”“JavaScript程序設(shè)計”“HTML5程序設(shè)計”課程的教材,也可作為相關(guān)培訓(xùn)學(xué)校的培訓(xùn)教材,還可作為網(wǎng)頁設(shè)計人員的參考書。
范伊紅,河南科技大學(xué)軟件學(xué)院副教授,軟件技術(shù)教研室主任,曾獲河南科技大學(xué)優(yōu)秀教師、河南科技大學(xué)教學(xué)質(zhì)量二等獎、河南省總工會教學(xué)技能競賽二等獎。2020年獲得河南省本科教育線上教學(xué)優(yōu)秀課程三等獎。曾出版《數(shù)據(jù)通信與計算機(jī)網(wǎng)絡(luò)》《Visual FoxPro程序設(shè)計》《基于HTML5的網(wǎng)頁設(shè)計及應(yīng)用》等于。
第1章 網(wǎng)頁設(shè)計概述 1
1.1 網(wǎng)頁的前生與今世 1
1.1.1 互聯(lián)網(wǎng)和網(wǎng)頁的誕生 1
1.1.2 網(wǎng)頁的發(fā)展 2
1.1.3 網(wǎng)站和網(wǎng)頁 3
1.2 網(wǎng)頁相關(guān)術(shù)語 4
1.3 網(wǎng)頁設(shè)計基礎(chǔ)知識 5
1.3.1 網(wǎng)頁的尺寸 5
1.3.2 網(wǎng)頁的顏色 6
1.3.3 網(wǎng)頁的布局 7
1.4 網(wǎng)站設(shè)計流程 9
小結(jié) 10
習(xí)題 10
第2章 HTML5語言 11
2.1 HTML5概述 11
2.1.1 HTML5的發(fā)展歷程 11
2.1.2 HTML5的新特性 12
2.2 HTML5基礎(chǔ) 13
2.2.1 創(chuàng)建第一個HTML5頁面 13
2.2.2 HTML5標(biāo)記及屬性 15
2.2.3 HTML5語法 16
2.2.4 HTML5文檔結(jié)構(gòu) 17
2.3 HTML5常用標(biāo)記 22
2.3.1 文本控制標(biāo)記 22
2.3.2 圖像標(biāo)記 27
2.3.3 超鏈接標(biāo)記 30
2.3.4 列表標(biāo)記 34
2.3.5 結(jié)構(gòu)標(biāo)記 36
2.3.6 表格標(biāo)記 39
2.3.7 浮動框架標(biāo)記 44
2.3.8 多媒體標(biāo)記 45
2.3.9 分組標(biāo)記 47
2.3.10 交互標(biāo)記 48
2.4 全局屬性 51
小結(jié) 52
習(xí)題 52
第3章 HTML5表單 54
3.1 表單設(shè)計基礎(chǔ) 54
3.2 表單標(biāo)記 55
3.2.1 <form>標(biāo)記 55
3.2.2 輸入標(biāo)記<input> 56
3.2.3 下拉列表框標(biāo)記<select> 63
3.2.4 多行文本輸入框標(biāo)記<textarea> 64
3.2.5 表單分組標(biāo)記<fieldset>與分組標(biāo)題標(biāo)記<legend> 64
3.2.6 按鈕標(biāo)記<button> 65
3.2.7 綁定標(biāo)記<label> 65
3.2.8 輸出標(biāo)記<o(jì)utput> 66
3.2.9 生成密鑰對標(biāo)記<keygen> 66
3.3 綜合示例 67
小結(jié) 68
習(xí)題 69
第4章 CSS基礎(chǔ) 70
4.1 CSS概述 70
4.1.1 CSS的發(fā)展歷史 70
4.1.2 CSS3的特點 70
4.2 CSS的基本語法 71
4.2.1 CSS的樣式規(guī)則 71
4.2.2 CSS的引用方法 71
4.2.3 CSS基本選擇器 74
4.2.4 CSS樣式書寫和命名規(guī)范 78
4.3 利用CSS設(shè)置文字樣式與圖像樣式 79
4.3.1 設(shè)置文字樣式 79
4.3.2 設(shè)置圖像樣式 90
4.4 CSS的繼承特性 93
4.5 CSS的層疊特性 95
4.6 瀏覽器的兼容性 97
小結(jié) 99
習(xí)題 99
第5章 CSS盒子模型 101
5.1 盒子模型的概念 101
5.2 盒子模型的相關(guān)屬性 101
5.2.1 border屬性 102
5.2.2 內(nèi)容屬性 107
5.2.3 padding屬性 109
5.2.4 margin屬性 110
5.2.5 box-sizing屬性 112
5.2.6 box-shadow屬性 113
5.2.7 背景屬性 113
5.2.8 漸變屬性 119
5.2.9 設(shè)置顏色的不透明度 122
5.3 盒子模型之間的關(guān)系 123
5.3.1 標(biāo)準(zhǔn)文檔流 123
5.3.2 div元素和span元素 124
5.3.3 元素類型的轉(zhuǎn)換 127
5.3.4 盒子模型在標(biāo)準(zhǔn)流中的定位 128
5.3.5 盒子模型的浮動與定位 130
5.3.6 z-index空間位置 137
5.4 利用CSS設(shè)置列表、表格和表單樣式 139
5.4.1 設(shè)置列表樣式 139
5.4.2 設(shè)置表格樣式 143
5.4.3 設(shè)置表單樣式 147
5.4.4 鼠標(biāo)指針特效 149
小結(jié) 149
習(xí)題 149
第6章 CSS高級選擇器 151
6.1 屬性選擇器 151
6.2 關(guān)系選擇器 152
6.2.1 子元素選擇器 152
6.2.2 兄弟選擇器 153
6.3 偽類與偽元素選擇器 154
6.3.1 偽類選擇器 154
6.3.2 偽元素選擇器 162
小結(jié) 166
習(xí)題 166
第7章 DIV+CSS布局 168
7.1 常見網(wǎng)頁布局 168
7.1.1 寬度固定且居中版式 168
7.1.2 “工”字形版式 172
7.2 響應(yīng)式布局 176
7.2.1 什么是響應(yīng)式布局 176
7.2.2 媒體查詢 178
7.2.3 視口 179
7.2.4 響應(yīng)式布局簡單案例 180
小結(jié) 182
習(xí)題 183
第8章 CSS3過渡、轉(zhuǎn)換與動畫 184
8.1 CSS3過渡 184
8.1.1 transition屬性需包含的內(nèi)容 184
8.1.2 實現(xiàn)過渡效果需滿足的條件 184
8.1.3 transition屬性的分解 185
8.1.4 過渡應(yīng)用案例——商品列表效果 186
8.2 CSS3 2D轉(zhuǎn)換 188
8.2.1 transform屬性 188
8.2.2 transform-origin屬性 190
8.2.3 2D轉(zhuǎn)換應(yīng)用案例——任意元素在窗口中居中 191
8.3 CSS3 3D轉(zhuǎn)換 192
8.3.1 CSS3中的3D坐標(biāo)系 192
8.3.2 透視原理 193
8.3.3 3D轉(zhuǎn)換方法 194
8.3.4 3D轉(zhuǎn)換應(yīng)用案例——立方體效果 194
8.4 CSS3動畫 196
8.4.1 動畫序列 196
8.4.2 animation屬性 197
8.4.3 animation屬性的分解 198
8.4.4 動畫應(yīng)用案例——旋轉(zhuǎn)的立方體 198
小結(jié) 200
習(xí)題 200
第9章 JavaScript基礎(chǔ) 202
9.1 JavaScript概述 202
9.1.1 JavaScript簡介 202
9.1.2 JavaScript嵌入網(wǎng)頁的方式 203
9.1.3 JavaScript的特點 207
9.1.4 JavaScript代碼的編寫習(xí)慣 207
9.2 JavaScript語法基礎(chǔ) 208
9.2.1 數(shù)據(jù)類型、常量、變量 208
9.2.2 數(shù)據(jù)類型的轉(zhuǎn)換 212
9.2.3 運算符和表達(dá)式 213
9.2.4 JavaScript程序流程控制 218
9.2.5 JavaScript函數(shù) 225
小結(jié) 234
習(xí)題 234
第10章 JavaScript對象 236
10.1 對象的基本概念 236
10.1.1 對象和類 236
10.1.2 使用對象 237
10.1.3 對象廢除 238
10.2 內(nèi)置對象 238
10.2.1 Math對象 238
10.2.2 Number對象 240
10.2.3 Boolean對象 241
10.2.4 String對象 241
10.2.5 Array對象 243
10.2.6 Date對象 248
10.2.7 Object對象 249
10.2.8 Function對象 251
10.2.9 RegExp對象 254
10.2.10 JavaScript JSON 256
10.2.11 Error對象 257
10.3 BOM對象 258
10.3.1 window對象 258
10.3.2 location對象 262
10.3.3 navigator對象 263
10.3.4 history對象 263
10.3.5 screen對象 264
10.3.6 document對象 265
10.4 DOM對象 270
10.4.1 DOM節(jié)點樹 270
10.4.2 節(jié)點屬性和節(jié)點 方法 271
10.4.3 獲取節(jié)點 273
10.4.4 操作節(jié)點 278
小結(jié) 281
習(xí)題 281
第11章 JavaScript事件處理 284
11.1 事件模型 284
11.1.1 原始事件模型 284
11.1.2 DOM事件模型 286
11.2 event對象 289
11.3 HTML5事件 290
11.3.1 window事件 290
11.3.2 表單事件 291
11.3.3 鍵盤事件 292
11.3.4 鼠標(biāo)事件 295
11.3.5 媒介事件 298
小結(jié) 299
習(xí)題 299
第12章 AJAX基礎(chǔ) 301
12.1 AJAX簡介 301
12.1.1 AJAX工作原理 301
12.1.2 AJAX的應(yīng)用場景 302
12.2 XMLHttpRequest對象 302
12.2.1 XMLHttpRequest對象概述 302
12.2.2 AJAX示例 305
12.3 XMLHttpRequest Level 2 對象 309
12.3.1 XMLHttpRequest Level 2對象概述 309
12.3.2 發(fā)送和接收文本數(shù)據(jù) 311
12.3.3 文件上傳和接收二進(jìn)制數(shù)據(jù) 312
12.3.4 跨域資源共享 315
小結(jié) 317
第13章 HTML5 Canvas繪制圖形 318
13.1 HTML5 Canvas概述 318
13.1.1 Canvas的發(fā)展歷程 318
13.1.2 HTML5 Canvas標(biāo)記 318
13.2 HTML5 Canvas API 319
13.2.1 檢測瀏覽器支持情況 319
13.2.2 繪制簡單圖形 320
13.2.3 繪制路徑 321
13.2.4 繪圖樣式 322
13.2.5 繪制矩形 324
13.2.6 繪制曲線 325
13.2.7 繪制圖像 327
13.2.8 圖形漸變 328
13.2.9 圖形變形 330
13.2.10 繪制文本 333
13.2.11 繪制陰影 334
13.2.12 基本動畫 335
13.3 HTML5 Canvas應(yīng)用 337
小結(jié) 339
第14章 HTML5音頻和視頻技術(shù) 340
14.1 HTML5音頻 340
14.1.1 音頻格式 340
14.1.2 <audio>標(biāo)記 340
14.1.3 使用JavaScript操控audio 對象 341
14.1.4 HTML5 audio對象示例 344
14.2 HTML5視頻 347
14.2.1 視頻格式 347
14.2.2 <video>標(biāo)記 348
小結(jié) 350