掃一掃
關(guān)注中圖網(wǎng)
官方微博
HTML5+CSS3+JAVASCRIPT網(wǎng)頁設(shè)計入門與應(yīng)用
作者：劉愛江、靳智良
開本：
16開
頁數(shù)：
424
本類榜單：計算機/網(wǎng)絡(luò)銷量榜
本類五星書更多>
-
>
決戰(zhàn)行測5000題(言語理解與表達(dá))
-
>
軟件性能測試.分析與調(diào)優(yōu)實踐之路
-
>
第一行代碼Android
-
>
深度學(xué)習(xí)
-
>
Unreal Engine 4藍(lán)圖完全學(xué)習(xí)教程
-
>
深入理解計算機系統(tǒng)-原書第3版
-
>
Word/Excel PPT 2013辦公應(yīng)用從入門到精通-(附贈1DVD.含語音視頻教學(xué)+辦公模板+PDF電子書)
買過本商品的人還買了
HTML5+CSS3+JAVASCRIPT網(wǎng)頁設(shè)計入門與應(yīng)用 版權(quán)信息
- ISBN：9787302515630
- 條形碼：9787302515630 ; 978-7-302-51563-0
- 裝幀：簡裝本
- 冊數(shù)：暫無
- 重量：暫無
- 所屬分類：>
HTML5+CSS3+JAVASCRIPT網(wǎng)頁設(shè)計入門與應(yīng)用 本書特色
《HTML5 CSS3 JavaScript 網(wǎng)頁設(shè)計入門與應(yīng)用》從網(wǎng)站基礎(chǔ)開始，結(jié)合大量案例，全面、翔實地介紹了使用HTML5 CSS3 JavaScript開發(fā)Web前端頁面的具體方法與步驟，引導(dǎo)讀者從零開始，一步步掌握Web開發(fā)的全過程。本書通過一個個鮮活、典型的實例來講解每個語法，力求達(dá)到理論知識與實踐操作完美結(jié)合的效果。
《HTML5 CSS3 JavaScript 網(wǎng)頁設(shè)計入門與應(yīng)用》共分為15章，主要包括HTML入門、HTML5新增布局元素、HTML5表單驗證、文件上傳、繪圖和多媒體、數(shù)據(jù)存儲、CSS3新增選擇器、CSS3布局屬性和動畫效果、JavaScript基礎(chǔ)語法、事件處理和DOM操作等內(nèi)容。*后一章通過打地鼠、貪吃蛇、小貓笑臉和圖片輪播4個綜合案例，介紹了Web前端設(shè)計的完整過程。
《HTML5 CSS3 JavaScript 網(wǎng)頁設(shè)計入門與應(yīng)用》可作為普通高校計算機及相關(guān)專業(yè)教材、高職高專教材，也可供從事網(wǎng)頁設(shè)計與制作、網(wǎng)站開發(fā)、網(wǎng)頁編程等行業(yè)人員參考閱讀。
HTML5+CSS3+JAVASCRIPT網(wǎng)頁設(shè)計入門與應(yīng)用 內(nèi)容簡介
《HTML5+CSS3+JavaScript 網(wǎng)頁設(shè)計入門與應(yīng)用》從網(wǎng)站基礎(chǔ)開始，結(jié)合大量案例，全面、翔實地介紹了使用HTML5+CSS3+JavaScript開發(fā)Web前端頁面的具體方法與步驟，引導(dǎo)讀者從零開始，一步步掌握Web開發(fā)的全過程。本書通過一個個鮮活、典型的實例來講解每個語法，力求達(dá)到理論知識與實踐操作完美結(jié)合的效果。
《HTML5+CSS3+JavaScript 網(wǎng)頁設(shè)計入門與應(yīng)用》共分為15章，主要包括HTML入門、HTML5新增布局元素、HTML5表單驗證、文件上傳、繪圖和多媒體、數(shù)據(jù)存儲、CSS3新增選擇器、CSS3布局屬性和動畫效果、JavaScript基礎(chǔ)語法、事件處理和DOM操作等內(nèi)容。很后一章通過打地鼠、貪吃蛇、小貓笑臉和圖片輪播4個綜合案例，介紹了Web前端設(shè)計的完整過程。
《HTML5+CSS3+JavaScript 網(wǎng)頁設(shè)計入門與應(yīng)用》可作為普通高校計算機及相關(guān)專業(yè)教材、高職高專教材，也可供從事網(wǎng)頁設(shè)計與制作、網(wǎng)站開發(fā)、網(wǎng)頁編程等行業(yè)人員參考閱讀。
HTML5+CSS3+JAVASCRIPT網(wǎng)頁設(shè)計入門與應(yīng)用 目錄
第1章 初步認(rèn)識HTML5和CSS3
1.1 認(rèn)識網(wǎng)頁和網(wǎng)站 2
1.1.1 網(wǎng)頁 2
1.1.2 網(wǎng)站 3
1.1.3 網(wǎng)站制作流程 3
1.1.4 網(wǎng)頁設(shè)計流程 4
1.1.5 發(fā)布站點 4
1.2 Web標(biāo)準(zhǔn)布局介紹 5
1.2.1 當(dāng)前的Web開發(fā)標(biāo)準(zhǔn) 5
1.2.2 為什么使用Web標(biāo)準(zhǔn) 5
1.2.3 CSS布局標(biāo)準(zhǔn) 6
1.3 HTML與HTML5 7
1.3.1 HTML的發(fā)展歷史 7
1.3.2 HTML 4.01和XHTML 8
1.3.3 HTML和XHTML文檔類型定義 9
1.3.4 從XHTML到HTML5 11
1.3.5 HTML5的優(yōu)勢 11
1.4 HTML5語法的變化 13
1.4.1 DOCTYPE聲明 13
1.4.2 命名空間聲明 13
1.4.3 編碼類型 14
1.4.4 文檔媒體類型 15
1.4.5 HTML5兼容HTML 15
1.5 實踐案例：瀏覽器HTML5性能測試 18
1.6 CSS3簡介 19
1.6.1 什么是CSS3 20
1.6.2 CSS3的優(yōu)缺點 20
1.6.3 CSS3的新增特性 21
1.7 實踐案例：瀏覽器CSS3性能測試 24
1.8 練習(xí)題 25
第2章 HTML5網(wǎng)頁結(jié)構(gòu)
2.1 認(rèn)識html根元素 28
2.2 文檔頭部元素 28
2.3 結(jié)構(gòu)元素 31
2.3.1 header元素 31
2.3.2 article元素 33
2.3.3 section元素 34
2.3.4 aside元素 35
2.3.5 footer元素 36
2.4 節(jié)點元素 36
2.4.1 nav元素 36
2.4.2 hgroup元素 37
2.4.3 address元素 38
2.5 語義元素 39
2.5.1 mark元素 39
2.5.2 cite元素 40
2.5.3 time元素 40
2.5.4 wbr元素 41
2.5.5 ruby、rt和rp元素 41
2.6 交互元素 41
2.6.1 meter元素 41
2.6.2 progress元素 43
2.6.3 details元素 44
2.6.4 summary元素 45
2.7 全局屬性 45
2.7.1 hidden屬性 46
2.7.2 contenteditable屬性 46
2.7.3 spellcheck屬性 47
2.8 實踐案例：設(shè)計旅游網(wǎng)站首頁 48
2.9 練習(xí)題 53
第3章 HTML5表單應(yīng)用
3.1 重新認(rèn)識HTML表單 56
3.1.1 表單簡介 56
3.1.2 表單標(biāo)記 56
3.1.3 基本表單元素 57
3.2 新增輸入類型 58
3.2.1 url類型 58
3.2.2 number類型 59
3.2.3 email類型 60
3.2.4 range類型 61
3.2.5 datepickers類型 62
3.2.6 color類型 64
3.2.7 tel類型 64
3.2.8 search類型 65
3.3 新增屬性 65
3.3.1 表單類屬性 65
3.3.2 輸入類屬性 67
3.4 表單元素 73
3.4.1 datalist元素 73
3.4.2 keygen元素 74
3.4.3 output元素 75
3.4.4 optgroup元素 76
3.5 表單驗證 77
3.5.1 自動驗證 77
3.5.2 顯式驗證 79
3.5.3 自定義驗證 80
3.5.4 取消驗證 81
3.6 實踐案例：設(shè)計用戶錄入表單 81
3.7 練習(xí)題 87
第4章 HTML5多媒體應(yīng)用
4.1 多媒體簡介 90
4.1.1 多媒體編解碼器 90
4.1.2 視頻格式 90
4.1.3 音頻格式 91
4.2 播放視頻 91
4.2.1 video元素的基礎(chǔ)用法 92
4.2.2 video元素方法 94
4.2.3 video元素事件 95
4.3 播放音頻 97
4.3.1 audio元素的基礎(chǔ)用法 97
4.3.2 audio元素事件 98
4.4 實踐案例：實現(xiàn)HTML5網(wǎng)頁視頻播放器 99
4.5 練習(xí)題 105
第5章 HTML5繪圖應(yīng)用
5.1 認(rèn)識canvas元素 108
5.1.1 canvas簡介 108
5.1.2 創(chuàng)建canvas元素 108
5.1.3 實踐案例：判斷瀏覽器是否支持canvas元素 109
5.2 繪制簡單圖形 110
5.2.1 繪制矩形 110
5.2.2 繪制直線 113
5.2.3 繪制圓形 116
5.2.4 實踐案例：繪制三角形 119
5.2.5 保存和恢復(fù)圖形 121
5.2.6 輸出圖形 123
5.3 繪制文本 124
5.3.1 繪制普通文本 124
5.3.2 繪制陰影文本 126
5.4 繪制曲線 128
5.4.1 二次方貝塞爾曲線 128
5.4.2 三次方貝塞爾曲線 128
5.5 變換圖形 129
5.5.1 坐標(biāo)變換 129
5.5.2 矩陣變換 133
5.5.3 組合圖形 135
5.5.4 線性漸變 138
5.5.5 徑向漸變 139
5.6 使用圖像 141
5.6.1 繪制圖像 141
5.6.2 平鋪圖像 143
5.6.3 裁剪和復(fù)制圖像 145
5.7 實踐案例：制作圖像黑白和反轉(zhuǎn)效果 146
5.8 練習(xí)題 148
第6章 HTML5數(shù)據(jù)存儲
6.1 Web存儲簡介 152
6.1.1 Web存儲和Cookie存儲 152
6.1.2 sessionStorage對象 152
6.1.3 localStorage對象 154
6.2 操作本地數(shù)據(jù) 155
6.2.1 保存數(shù)據(jù) 156
6.2.2 讀取數(shù)據(jù) 157
6.2.3 清空數(shù)據(jù) 159
6.2.4 遍歷數(shù)據(jù) 159
6.3 實踐案例：實現(xiàn)工程管理模塊 162
6.4 操作本地數(shù)據(jù)庫數(shù)據(jù) 167
6.4.1 創(chuàng)建數(shù)據(jù)庫 167
6.4.2 執(zhí)行SQL語句 168
6.5 實踐案例：查看學(xué)生列表 170
6.6 練習(xí)題 171
第7章 文件和離線應(yīng)用
7.1 操作文件 174
7.1.1 獲取文件信息 174
7.1.2 限制文件類型 175
7.2 實踐案例：文件上傳 177
7.3 FileReader接口 178
7.3.1 FileReader接口簡介 179
7.3.2 讀取文本文件內(nèi)容 179
7.3.3 監(jiān)聽讀取事件 181
7.3.4 處理讀取異常 183
7.4 實踐案例：預(yù)覽圖片 184
7.5 離線應(yīng)用 186
7.5.1 離線Web應(yīng)用程序概述 186
7.5.2 manifest文件 186
7.5.3 applicationCache對象 190
7.6 練習(xí)題 195
第8章 HTML5高級開發(fā)
8.1 拖放功能 198
8.1.1 拖放API簡介 198
8.1.2 dataTransfer對象 199
8.2 實踐案例：拖放式選擇員工 202
8.3 跨文檔消息通信 205
8.4 本地多線程 207
8.4.1 Worker對象簡介 207
8.4.2 線程和JavaScript交互 210
8.4.3 線程嵌套 210
8.4.4 實踐案例：線程和JSON交互 212
8.5 獲取地理位置 214
8.5.1 地圖API簡介 215
8.5.2 Position對象 216
8.6 練習(xí)題 218
第9章 CSS3選擇器
9.1 CSS選擇器的分類 222
9.2 屬性選擇器 226
9.2.1 E[att^=“val”] 226
9.2.2 E[att$=“val”] 227
9.2.3 E[att*=“val”] 227
9.2.4 實踐案例:設(shè)計顏色選擇器 227
9.3 偽類選擇器 229
9.3.1 E:last-child選擇器 229
9.3.2 E:only-child選擇器 230
9.3.3 E:nth-child(n)選擇器 231
9.3.4 E:nth-last-child(n)選擇器 233
9.3.5 E:root選擇器 233
9.3.6 E:not(s)選擇器 234
9.3.7 E:empty選擇器 235
9.3.8 E:target選擇器 236
9.3.9 實踐案例：單擊鏈接顯示具體內(nèi)容 237
9.4 偽對象選擇器 238
9.4.1 E::selection選擇器 238
9.4.2 E::placeholder選擇器 239
9.4.3 已修改的選擇器 239
9.4.4 實踐案例：選擇器和content屬性結(jié)合插入內(nèi)容 240
9.5 兄弟選擇器 243
9.6 練習(xí)題 244
第10章 CSS3新增的基本屬性
10.1 新增基本屬性 248
10.1.1 文本屬性 248
10.1.2 字體屬性 249
10.1.3 顏色屬性 250
10.1.4 邊框?qū)傩? 251
10.1.5 背景屬性 251
10.1.6 實踐案例：用JS判斷瀏覽器是否支持某屬性 251
10.2 設(shè)置文本樣式 252
10.2.1 文本換行設(shè)置 252
10.2.2 文本對齊方式 256
10.2.3 文本的單個陰影 256
10.2.4 文本的多個陰影 259
10.2.5 實踐案例：制作火焰字 260
10.3 設(shè)置邊框樣式 261
10.3.1 邊框圓角屬性 261
10.3.2 圖形填充邊框 264
10.3.3 邊框陰影效果 267
10.4 設(shè)置背景樣式 269
10.4.1 background-size屬性 270
10.4.2 background-origin屬性 271
10.4.3 background-clip屬性 272
10.5 實踐案例：制作太極圖 273
10.6 練習(xí)題 274
第11章 變形、過渡和動畫
11.1 CSS3的變形屬性 278
11.1.1 基本變形之平移 278
11.1.2 基本變形之縮放 280
11.1.3 基本變形之旋轉(zhuǎn) 280
11.1.4 基本變形之傾斜 281
11.1.5 實踐案例：制作個性圖片墻 283
11.1.6 指定變形中心點 284
11.2 CSS3的過渡屬性 286
11.2.1 過渡屬性概述 286
11.2.2 單個屬性實現(xiàn)過渡 287
11.2.3 多個屬性同時過渡 287
11.2.4 實踐案例：鼠標(biāo)懸浮特效的過渡功能 289
11.3 CSS3的動畫屬性 291
11.3.1 了解animation屬性 291
11.3.2 @keyframes動畫幀 293
11.3.3 同時改變多個屬性的動畫 295
11.3.4 實踐案例：繪制旋轉(zhuǎn)的太極圖案 295
11.4 實踐案例：動態(tài)復(fù)古時鐘 296
11.5 練習(xí)題 299
第12章 CSS3新增的高級屬性
12.1 多列布局屬性 302
12.1.1 多列布局屬性列表 302
12.1.2 設(shè)置顯示列的寬度 302
12.1.3 設(shè)置顯示的固定列 303
12.1.4 設(shè)置顯示列的樣式 304
12.1.5 設(shè)置各列間的間距 305
12.2 彈性盒模型屬性 305
12.2.1 flex布局屬性 306
12.2.2 flex-direction屬性 307
12.2.3 flex-wrap屬性 308
12.2.4 justify-content屬性 309
12.2.5 其他屬性簡述 311
12.2.6 實踐案例：用flex盒模型實現(xiàn)三欄布局 314
12.3 漸變屬性 315
12.3.1 線性漸變 316
12.3.2 徑向漸變 319
12.3.3 重復(fù)漸變 323
12.3.4 實踐案例：用線性漸變實現(xiàn)圖片閃光劃過的效果 324
12.3.5 實踐案例：用徑向漸變制作一張優(yōu)惠券 325
12.3.6 實踐案例：用重復(fù)漸變制作記事本紙張效果 326
12.4 練習(xí)題 327
第13章 JavaScript腳本編程快速入門
13.1 JavaScript語言簡介 330
13.1.1 JavaScript簡介 330
13.1.2 JavaScript與Java的關(guān)系 330
13.1.3 JavaScript語法規(guī)則 331
13.2 編寫JavaScript程序 332
13.2.1 集成JavaScript程序 332
13.2.2 使用外部JavaScript文件 333
13.2.3 注意事項 334
13.3 JavaScript腳本語法 335
13.3.1 數(shù)據(jù)類型 335
13.3.2 變量與常量 336
13.3.3 運算符 337
13.4 腳本控制語句 340
13.4.1 if條件語句 340
13.4.2 switch條件語句 342
13.4.3 while循環(huán)語句 343
13.4.4 do while循環(huán)語句 344
13.4.5 for循環(huán)語句 344
13.4.6 for in循環(huán)語句 345
13.4.7 對話框語句 345
13.5 函數(shù) 348
13.5.1 系統(tǒng)函數(shù) 348
13.5.2 自定義函數(shù) 350
13.6 常用對象 351
13.6.1 Array對象 351
13.6.2 Document對象 352
13.6.3 Window對象 353
13.7 實踐案例：長方體幾何計算 354
13.8 練習(xí)題 355
第14章 JavaScript事件和DOM
14.1 事件概述 358
14.1.1 事件簡介 358
14.1.2 指定事件 358
14.2 原始事件模型 359
14.2.1 事件類型 360
14.2.2 事件處理 361
14.2.3 使用事件返回值 362
14.3 標(biāo)準(zhǔn)事件模型 364
14.3.1 事件傳播 364
14.3.2 注冊事件處理程序 365
14.4 常用事件 366
14.4.1 鍵盤事件 366
14.4.2 鼠標(biāo)事件 367
14.4.3 頁面事件 368
14.5 DOM簡介 370
14.5.1 HTML DOM中的節(jié)點樹 370
14.5.2 DOM核心接口 370
14.6 實踐案例：使用DOM操作節(jié)點 373
14.6.1 訪問節(jié)點 373
14.6.2 遍歷節(jié)點 376
14.6.3 操作屬性節(jié)點 379
14.6.4 創(chuàng)建和插入節(jié)點 382
14.6.5 復(fù)制節(jié)點 385
14.6.6 替換節(jié)點 385
14.6.7 刪除節(jié)點 387
14.7 練習(xí)題 387
第15章 綜合案例
15.1 打地鼠游戲 390
15.1.1 打地鼠游戲簡介 390
15.1.2 界面設(shè)計 391
15.1.3 實現(xiàn)腳本 392
15.2 經(jīng)典貪吃蛇游戲 395
15.2.1 貪吃蛇游戲簡介 395
15.2.2 頁面設(shè)計 395
15.2.3 腳本實現(xiàn) 397
15.3 繪制呆萌的小貓笑臉 401
15.3.1 效果展示 402
15.3.2 靜態(tài)頁面 402
15.3.3 樣式代碼 403
15.4 圖片輪播效果展示 407
15.4.1 效果展示 407
15.4.2 靜態(tài)頁面 408
15.4.3 樣式代碼 408
練習(xí)題答案
1.1 認(rèn)識網(wǎng)頁和網(wǎng)站 2
1.1.1 網(wǎng)頁 2
1.1.2 網(wǎng)站 3
1.1.3 網(wǎng)站制作流程 3
1.1.4 網(wǎng)頁設(shè)計流程 4
1.1.5 發(fā)布站點 4
1.2 Web標(biāo)準(zhǔn)布局介紹 5
1.2.1 當(dāng)前的Web開發(fā)標(biāo)準(zhǔn) 5
1.2.2 為什么使用Web標(biāo)準(zhǔn) 5
1.2.3 CSS布局標(biāo)準(zhǔn) 6
1.3 HTML與HTML5 7
1.3.1 HTML的發(fā)展歷史 7
1.3.2 HTML 4.01和XHTML 8
1.3.3 HTML和XHTML文檔類型定義 9
1.3.4 從XHTML到HTML5 11
1.3.5 HTML5的優(yōu)勢 11
1.4 HTML5語法的變化 13
1.4.1 DOCTYPE聲明 13
1.4.2 命名空間聲明 13
1.4.3 編碼類型 14
1.4.4 文檔媒體類型 15
1.4.5 HTML5兼容HTML 15
1.5 實踐案例：瀏覽器HTML5性能測試 18
1.6 CSS3簡介 19
1.6.1 什么是CSS3 20
1.6.2 CSS3的優(yōu)缺點 20
1.6.3 CSS3的新增特性 21
1.7 實踐案例：瀏覽器CSS3性能測試 24
1.8 練習(xí)題 25
第2章 HTML5網(wǎng)頁結(jié)構(gòu)
2.1 認(rèn)識html根元素 28
2.2 文檔頭部元素 28
2.3 結(jié)構(gòu)元素 31
2.3.1 header元素 31
2.3.2 article元素 33
2.3.3 section元素 34
2.3.4 aside元素 35
2.3.5 footer元素 36
2.4 節(jié)點元素 36
2.4.1 nav元素 36
2.4.2 hgroup元素 37
2.4.3 address元素 38
2.5 語義元素 39
2.5.1 mark元素 39
2.5.2 cite元素 40
2.5.3 time元素 40
2.5.4 wbr元素 41
2.5.5 ruby、rt和rp元素 41
2.6 交互元素 41
2.6.1 meter元素 41
2.6.2 progress元素 43
2.6.3 details元素 44
2.6.4 summary元素 45
2.7 全局屬性 45
2.7.1 hidden屬性 46
2.7.2 contenteditable屬性 46
2.7.3 spellcheck屬性 47
2.8 實踐案例：設(shè)計旅游網(wǎng)站首頁 48
2.9 練習(xí)題 53
第3章 HTML5表單應(yīng)用
3.1 重新認(rèn)識HTML表單 56
3.1.1 表單簡介 56
3.1.2 表單標(biāo)記 56
3.1.3 基本表單元素 57
3.2 新增輸入類型 58
3.2.1 url類型 58
3.2.2 number類型 59
3.2.3 email類型 60
3.2.4 range類型 61
3.2.5 datepickers類型 62
3.2.6 color類型 64
3.2.7 tel類型 64
3.2.8 search類型 65
3.3 新增屬性 65
3.3.1 表單類屬性 65
3.3.2 輸入類屬性 67
3.4 表單元素 73
3.4.1 datalist元素 73
3.4.2 keygen元素 74
3.4.3 output元素 75
3.4.4 optgroup元素 76
3.5 表單驗證 77
3.5.1 自動驗證 77
3.5.2 顯式驗證 79
3.5.3 自定義驗證 80
3.5.4 取消驗證 81
3.6 實踐案例：設(shè)計用戶錄入表單 81
3.7 練習(xí)題 87
第4章 HTML5多媒體應(yīng)用
4.1 多媒體簡介 90
4.1.1 多媒體編解碼器 90
4.1.2 視頻格式 90
4.1.3 音頻格式 91
4.2 播放視頻 91
4.2.1 video元素的基礎(chǔ)用法 92
4.2.2 video元素方法 94
4.2.3 video元素事件 95
4.3 播放音頻 97
4.3.1 audio元素的基礎(chǔ)用法 97
4.3.2 audio元素事件 98
4.4 實踐案例：實現(xiàn)HTML5網(wǎng)頁視頻播放器 99
4.5 練習(xí)題 105
第5章 HTML5繪圖應(yīng)用
5.1 認(rèn)識canvas元素 108
5.1.1 canvas簡介 108
5.1.2 創(chuàng)建canvas元素 108
5.1.3 實踐案例：判斷瀏覽器是否支持canvas元素 109
5.2 繪制簡單圖形 110
5.2.1 繪制矩形 110
5.2.2 繪制直線 113
5.2.3 繪制圓形 116
5.2.4 實踐案例：繪制三角形 119
5.2.5 保存和恢復(fù)圖形 121
5.2.6 輸出圖形 123
5.3 繪制文本 124
5.3.1 繪制普通文本 124
5.3.2 繪制陰影文本 126
5.4 繪制曲線 128
5.4.1 二次方貝塞爾曲線 128
5.4.2 三次方貝塞爾曲線 128
5.5 變換圖形 129
5.5.1 坐標(biāo)變換 129
5.5.2 矩陣變換 133
5.5.3 組合圖形 135
5.5.4 線性漸變 138
5.5.5 徑向漸變 139
5.6 使用圖像 141
5.6.1 繪制圖像 141
5.6.2 平鋪圖像 143
5.6.3 裁剪和復(fù)制圖像 145
5.7 實踐案例：制作圖像黑白和反轉(zhuǎn)效果 146
5.8 練習(xí)題 148
第6章 HTML5數(shù)據(jù)存儲
6.1 Web存儲簡介 152
6.1.1 Web存儲和Cookie存儲 152
6.1.2 sessionStorage對象 152
6.1.3 localStorage對象 154
6.2 操作本地數(shù)據(jù) 155
6.2.1 保存數(shù)據(jù) 156
6.2.2 讀取數(shù)據(jù) 157
6.2.3 清空數(shù)據(jù) 159
6.2.4 遍歷數(shù)據(jù) 159
6.3 實踐案例：實現(xiàn)工程管理模塊 162
6.4 操作本地數(shù)據(jù)庫數(shù)據(jù) 167
6.4.1 創(chuàng)建數(shù)據(jù)庫 167
6.4.2 執(zhí)行SQL語句 168
6.5 實踐案例：查看學(xué)生列表 170
6.6 練習(xí)題 171
第7章 文件和離線應(yīng)用
7.1 操作文件 174
7.1.1 獲取文件信息 174
7.1.2 限制文件類型 175
7.2 實踐案例：文件上傳 177
7.3 FileReader接口 178
7.3.1 FileReader接口簡介 179
7.3.2 讀取文本文件內(nèi)容 179
7.3.3 監(jiān)聽讀取事件 181
7.3.4 處理讀取異常 183
7.4 實踐案例：預(yù)覽圖片 184
7.5 離線應(yīng)用 186
7.5.1 離線Web應(yīng)用程序概述 186
7.5.2 manifest文件 186
7.5.3 applicationCache對象 190
7.6 練習(xí)題 195
第8章 HTML5高級開發(fā)
8.1 拖放功能 198
8.1.1 拖放API簡介 198
8.1.2 dataTransfer對象 199
8.2 實踐案例：拖放式選擇員工 202
8.3 跨文檔消息通信 205
8.4 本地多線程 207
8.4.1 Worker對象簡介 207
8.4.2 線程和JavaScript交互 210
8.4.3 線程嵌套 210
8.4.4 實踐案例：線程和JSON交互 212
8.5 獲取地理位置 214
8.5.1 地圖API簡介 215
8.5.2 Position對象 216
8.6 練習(xí)題 218
第9章 CSS3選擇器
9.1 CSS選擇器的分類 222
9.2 屬性選擇器 226
9.2.1 E[att^=“val”] 226
9.2.2 E[att$=“val”] 227
9.2.3 E[att*=“val”] 227
9.2.4 實踐案例:設(shè)計顏色選擇器 227
9.3 偽類選擇器 229
9.3.1 E:last-child選擇器 229
9.3.2 E:only-child選擇器 230
9.3.3 E:nth-child(n)選擇器 231
9.3.4 E:nth-last-child(n)選擇器 233
9.3.5 E:root選擇器 233
9.3.6 E:not(s)選擇器 234
9.3.7 E:empty選擇器 235
9.3.8 E:target選擇器 236
9.3.9 實踐案例：單擊鏈接顯示具體內(nèi)容 237
9.4 偽對象選擇器 238
9.4.1 E::selection選擇器 238
9.4.2 E::placeholder選擇器 239
9.4.3 已修改的選擇器 239
9.4.4 實踐案例：選擇器和content屬性結(jié)合插入內(nèi)容 240
9.5 兄弟選擇器 243
9.6 練習(xí)題 244
第10章 CSS3新增的基本屬性
10.1 新增基本屬性 248
10.1.1 文本屬性 248
10.1.2 字體屬性 249
10.1.3 顏色屬性 250
10.1.4 邊框?qū)傩? 251
10.1.5 背景屬性 251
10.1.6 實踐案例：用JS判斷瀏覽器是否支持某屬性 251
10.2 設(shè)置文本樣式 252
10.2.1 文本換行設(shè)置 252
10.2.2 文本對齊方式 256
10.2.3 文本的單個陰影 256
10.2.4 文本的多個陰影 259
10.2.5 實踐案例：制作火焰字 260
10.3 設(shè)置邊框樣式 261
10.3.1 邊框圓角屬性 261
10.3.2 圖形填充邊框 264
10.3.3 邊框陰影效果 267
10.4 設(shè)置背景樣式 269
10.4.1 background-size屬性 270
10.4.2 background-origin屬性 271
10.4.3 background-clip屬性 272
10.5 實踐案例：制作太極圖 273
10.6 練習(xí)題 274
第11章 變形、過渡和動畫
11.1 CSS3的變形屬性 278
11.1.1 基本變形之平移 278
11.1.2 基本變形之縮放 280
11.1.3 基本變形之旋轉(zhuǎn) 280
11.1.4 基本變形之傾斜 281
11.1.5 實踐案例：制作個性圖片墻 283
11.1.6 指定變形中心點 284
11.2 CSS3的過渡屬性 286
11.2.1 過渡屬性概述 286
11.2.2 單個屬性實現(xiàn)過渡 287
11.2.3 多個屬性同時過渡 287
11.2.4 實踐案例：鼠標(biāo)懸浮特效的過渡功能 289
11.3 CSS3的動畫屬性 291
11.3.1 了解animation屬性 291
11.3.2 @keyframes動畫幀 293
11.3.3 同時改變多個屬性的動畫 295
11.3.4 實踐案例：繪制旋轉(zhuǎn)的太極圖案 295
11.4 實踐案例：動態(tài)復(fù)古時鐘 296
11.5 練習(xí)題 299
第12章 CSS3新增的高級屬性
12.1 多列布局屬性 302
12.1.1 多列布局屬性列表 302
12.1.2 設(shè)置顯示列的寬度 302
12.1.3 設(shè)置顯示的固定列 303
12.1.4 設(shè)置顯示列的樣式 304
12.1.5 設(shè)置各列間的間距 305
12.2 彈性盒模型屬性 305
12.2.1 flex布局屬性 306
12.2.2 flex-direction屬性 307
12.2.3 flex-wrap屬性 308
12.2.4 justify-content屬性 309
12.2.5 其他屬性簡述 311
12.2.6 實踐案例：用flex盒模型實現(xiàn)三欄布局 314
12.3 漸變屬性 315
12.3.1 線性漸變 316
12.3.2 徑向漸變 319
12.3.3 重復(fù)漸變 323
12.3.4 實踐案例：用線性漸變實現(xiàn)圖片閃光劃過的效果 324
12.3.5 實踐案例：用徑向漸變制作一張優(yōu)惠券 325
12.3.6 實踐案例：用重復(fù)漸變制作記事本紙張效果 326
12.4 練習(xí)題 327
第13章 JavaScript腳本編程快速入門
13.1 JavaScript語言簡介 330
13.1.1 JavaScript簡介 330
13.1.2 JavaScript與Java的關(guān)系 330
13.1.3 JavaScript語法規(guī)則 331
13.2 編寫JavaScript程序 332
13.2.1 集成JavaScript程序 332
13.2.2 使用外部JavaScript文件 333
13.2.3 注意事項 334
13.3 JavaScript腳本語法 335
13.3.1 數(shù)據(jù)類型 335
13.3.2 變量與常量 336
13.3.3 運算符 337
13.4 腳本控制語句 340
13.4.1 if條件語句 340
13.4.2 switch條件語句 342
13.4.3 while循環(huán)語句 343
13.4.4 do while循環(huán)語句 344
13.4.5 for循環(huán)語句 344
13.4.6 for in循環(huán)語句 345
13.4.7 對話框語句 345
13.5 函數(shù) 348
13.5.1 系統(tǒng)函數(shù) 348
13.5.2 自定義函數(shù) 350
13.6 常用對象 351
13.6.1 Array對象 351
13.6.2 Document對象 352
13.6.3 Window對象 353
13.7 實踐案例：長方體幾何計算 354
13.8 練習(xí)題 355
第14章 JavaScript事件和DOM
14.1 事件概述 358
14.1.1 事件簡介 358
14.1.2 指定事件 358
14.2 原始事件模型 359
14.2.1 事件類型 360
14.2.2 事件處理 361
14.2.3 使用事件返回值 362
14.3 標(biāo)準(zhǔn)事件模型 364
14.3.1 事件傳播 364
14.3.2 注冊事件處理程序 365
14.4 常用事件 366
14.4.1 鍵盤事件 366
14.4.2 鼠標(biāo)事件 367
14.4.3 頁面事件 368
14.5 DOM簡介 370
14.5.1 HTML DOM中的節(jié)點樹 370
14.5.2 DOM核心接口 370
14.6 實踐案例：使用DOM操作節(jié)點 373
14.6.1 訪問節(jié)點 373
14.6.2 遍歷節(jié)點 376
14.6.3 操作屬性節(jié)點 379
14.6.4 創(chuàng)建和插入節(jié)點 382
14.6.5 復(fù)制節(jié)點 385
14.6.6 替換節(jié)點 385
14.6.7 刪除節(jié)點 387
14.7 練習(xí)題 387
第15章 綜合案例
15.1 打地鼠游戲 390
15.1.1 打地鼠游戲簡介 390
15.1.2 界面設(shè)計 391
15.1.3 實現(xiàn)腳本 392
15.2 經(jīng)典貪吃蛇游戲 395
15.2.1 貪吃蛇游戲簡介 395
15.2.2 頁面設(shè)計 395
15.2.3 腳本實現(xiàn) 397
15.3 繪制呆萌的小貓笑臉 401
15.3.1 效果展示 402
15.3.2 靜態(tài)頁面 402
15.3.3 樣式代碼 403
15.4 圖片輪播效果展示 407
15.4.1 效果展示 407
15.4.2 靜態(tài)頁面 408
15.4.3 樣式代碼 408
練習(xí)題答案
展開全部
HTML5+CSS3+JAVASCRIPT網(wǎng)頁設(shè)計入門與應(yīng)用 作者簡介
劉愛江，具有多年.NET項目開發(fā)經(jīng)驗，深入掌握.NET框架技術(shù)，熟練開發(fā)ASP.NET與WinForm項目，精通C#、ASP 、C 、VB語言，熟練使用MTS、COM 、Web Service分布式架構(gòu)。
靳智良，知名互聯(lián)網(wǎng)社區(qū)架構(gòu)師，一個擁有5年軟件工程經(jīng)驗和深厚理論基礎(chǔ)的軟件工程專家，善于解剖和分析問題，使用生動形象的比喻，能將復(fù)雜的、難于理解的問題與知識簡單化講解。致力于研究、優(yōu)化Web 2.0系統(tǒng)架構(gòu)技術(shù)，對LAMP體系架構(gòu)有著豐富的經(jīng)驗，挖掘LAMP架構(gòu)的性能潛力，探索新型高效能的Web 2.0站點系統(tǒng)支撐平臺以及系統(tǒng)集群。
書友推薦
- >
上帝之肋:男人的真實旅程
- >
朝聞道
- >
羅曼·羅蘭讀書隨筆-精裝
- >
史學(xué)評論
- >
二體千字文
- >
中國人在烏蘇里邊疆區(qū):歷史與人類學(xué)概述
- >
名家?guī)阕x魯迅:故事新編
- >
李白與唐代文化
本類暢銷
