HTML5+CSS3網頁設計經典範例(附光碟)（簡體書）

《HTML 5+CSS 3網頁設計經典範例（含CD光盤1張）》共分為18章，涵蓋了HTML 5和CSS3中各方面的技術知識。主要內容包括HTML 5概述、HTML 5與HTML 4的區別、HTML 5的結構、canvas繪圖功能、網絡上的視頻和音頻應用、表單應用、全新的文件應用、地理位置信息處理、Web本地存儲應用、離線Web應用、Web Workers API的應用、應用WebSockets API通信、CSS樣式入門、使用CSS控制文字樣式、使用CSS設置圖片和背景、使用CSS控制列表、CSS盒模型，以及Div+CSS佈局方法等內容。．

《網頁設計師案頭書:HTML 5+CSS 3網頁設計經典范例》適合廣大網頁設計從業人員及網頁設計愛好者閱讀，同時也可供大中專院校及相關培訓機構使用。

01HTML5概述1
1.1HTML5介紹1
1.2HTML5的發展歷程2
1.3認識HTML53
1.3.1兼容性3
1.3.2用戶優先和效率3
1.3.3化繁為簡4
1.3.4通用訪問4
1.4HTML5的新增功能5
1.4.1字符集和DOCTYPE的改進5
1.4.2新元素5
1.4.3標準改進6
1.4.4使用SelectorsAPI簡化選取操作6
1.4.5window.JSON8
1.5使用HTML5的優勢9
1.6HTML5的未來發展9
1.6.1InternetExplorer89
1.6.2眾多全新瀏覽器的支持9
1.7本章小結10
02HTML5與HTML4的區別11
2.1語法上的差異11
2.1.1HTML5的語法變化11
2.1.2HTML5中的標記方法12
2.1.3HTML5與舊版本的兼容性12
2.2元素上的差異13
2.2.1HTML5中新增加的元素13
2.2.2HTML5中廢除的元素19
2.3屬性上的差異19
2.3.1HTML5中新增加的屬性元素19
2.3.2HTML5中廢除的屬性20
2.3.3全局屬性20
2.4本章小結22
03HTML5的結構23
3.1新的主體結構元素23
3.1.1article元素23
3.1.2section元素24
3.1.3nav元素25
3.1.4aside元素27
3.1.5time元素與微格式28
3.1.6pubdate屬性29
3.2新的非主體結構元素30
3.2.1header元素30
3.2.2hgroup元素30
3.2.3footer元素31
3.2.4address元素32
3.3HTML5的結構闡述32
3.3.1HTML5大綱33
3.3.2對新的結構元素使用樣式35
3.4本章小結36
04繪圖功能的實現37
4.1canvasAPI概述37
4.1.1canvas是什么37
4.1.2canvas的歷史38
4.1.3canvas坐標38
4.1.4什么情況下不使用canvas39
4.1.5替代內容39
4.1.6CSS和canvas39
4.1.7瀏覽器對canvas的支持39
4.1.8canvas的核心Context40
4.2如何使用canvasAPI40
4.2.1檢測瀏覽器是否支持40
4.2.2在頁面中加入canvas41
4.2.3上機操作——繪制矩形41
4.3應用canvasAPI繪制曲線路徑45
4.3.1路徑45
4.3.2上機操作——描邊樣式46
4.3.3上機操作——對矩形填充樣式47
4.3.4上機操作——繪制曲線48
4.4應用canvasAPI繪制圖像49
4.4.1上機操作——在canvas中插入圖像49
4.4.2上機操作——繪制漸變圖像50
4.4.3上機操作——縮放canvas對象52
4.4.4上機操作——canvas變換53
4.5canvas文本應用55
4.5.1上機操作——canvas文本繪制55
4.5.2上機操作——應用陰影56
4.5.3上機操作——像素數據57
4.6實例精講——動態時鐘58
4.7本章小結62
05網絡上的視頻和音頻應用63
5.1HTML5中audio和video概述63
5.1.1視頻容器63
5.1.2音頻和視頻編解碼器65
5.1.3HTML5音視頻的問題67
5.1.4哪些瀏覽器支持Audio和Video元素67
5.1.5HTML5音視頻支持格式68
5.2HTML5中audio和video元素的應用69
5.2.1檢測瀏覽器是否支持69
5.2.2audio元素70
5.2.3上機操作——使用audio元素72
5.2.4video元素72
5.2.5上機操作——使用video元素74
5.3實例精講——在HTML4中實現音頻和視頻的播放75
5.4實例精講——在HTML5中實現音頻和視頻的播放78
5.5本章小結82
06表單的應用83
6.1HTML5Forms概述83
6.1.1Forms和XForms83
6.1.2HTML5Forms的新特性84
6.1.3瀏覽器對HTML5Forms的支持情況84
6.1.4輸入型控件86
6.2表單新特性與函數86
6.2.1新增屬性87
6.2.2大幅度地增加與改良input元素的種類90
6.2.3上機操作——對新的表單元素使用樣式93
6.2.4上機操作——追加output元素95
6.3驗證表單95
6.3.1驗證狀態對象95
6.3.2上機操作——自動驗證96
6.3.3上機操作——顯示驗證97
6.3.4取消驗證98
6.3.5上機操作——自定義錯誤信息98
6.4實例精講——HTML5中的Forms應用99
6.5本章小結102
07全新的文件應用103
7.1新增的頁面元素103
7.1.1上機操作——figure元素Forms103
7.1.2上機操作——figcaption元素Forms104
7.1.3上機操作——details元素Forms104
7.1.4上機操作——mark元素Forms105
7.1.5上機操作——progress元素Forms105
7.1.6上機操作——meter元素Forms106
7.1.7上機操作——menu元素Forms107
7.1.8上機操作——command元素Forms108
7.2增強的頁面元素109
7.2.1上機操作——ol列表109
7.2.2上機操作——dl列表111
7.2.3上機操作——cite元素111
7.2.4上機操作——small元素112
7.3文件API112
7.3.1filelist對象與file對象112
7.3.2blob對象113
7.3.3FileReader接口113
7.4拖放API115
7.4.1實現拖放API的過程115
7.4.2dataTransfer對象的屬性與方法116
7.4.3上機操作——設置拖放時的
視覺效果116
7.4.4上機操作——自定義拖放圖標118
7.5實例精講——在HTML5中實現文件拖放120
7.6本章小結123
08地理位置信息處理125
8.1關于地理位置信息125
8.1.1經度和緯度坐標125
8.1.2IP地址定位數據126
8.1.3GPS地理定位數據126
8.1.4Wi—Fi地理定位數據126
8.1.5手機地理定位數據126
8.1.6用戶自定義的地理定位127
8.2瀏覽器對Geolocation的支持127
8.2.1GeolocationAPI概述127
8.2.2HTML5Geolocation的瀏覽器支持情況130
8.3隱私的處理131
8.3.1應用隱私保護機制131
8.3.2處理位置信息132
8.4使用GeolocationAPI132
8.4.1檢測瀏覽器是否支持132
8.4.2位置請求133
8.5實例精講——在網頁中使用電子地圖135
8.6本章小結136
09Web本地存儲應用137
9.1WebStorage概述137
9.1.1WebStorage介紹137
9.1.2上機操作——簡易的Web留言本138
9.1.3上機操作——簡單的數據庫應用142
9.2WebStorage的瀏覽器支持情況145
9.3使用WebStorageAPI145
9.3.1檢測瀏覽器的支持情況145
9.3.2上機操作——設置和獲取數據147
9.3.3封堵數據泄露148
9.3.4localStorage與sessionStorage148
9.3.5探索WebStorage148
9.4本地數據庫149
9.4.1什么是本地數據庫149
9.4.2用executesql來執行查詢的實現方法150
9.4.3上機操作——使用數據庫實現網頁留言150
9.4.4transaction方法155
9.5本章小結156
10離線Web應用157
10.1離線Web概述157
10.1.1離線Web介紹157
10.1.2離線Web應用的瀏覽器支持情況158
10.2使用離線Web158
10.2.1構建簡單的離線應用程序158
10.2.2支持離線行為159
10.2.3mannifest文件介紹159
10.2.4上機操作——applicationCache對象161
10.3實例精講——HTML5中離線Web的具體應用166
10.4本章小結172
11WebWorkersAPI應用173
11.1WebWorkers概述173
11.1.1WebWorkers介紹173
11.1.2上機操作——WebWorkers的簡單應用174
11.2使用WebWorkersAPI176
11.2.1上機操作——檢測瀏覽器是否支持176
11.2.2創建WebWorkers177
11.2.3多線程文件的加載與執行177
11.2.4上機操作——與WebWorkers通信178
11.3WebWorkers線程應用179
11.3.1上機操作——與線程進行數據的交互180
11.3.2上機操作——線程嵌套182
11.3.3上機操作——在多個子線程中進行數據交互185
11.4實例精講——HTML5中的WebWorkers應用189
11.5本章小結194
12應用WebSocketsAPI通信195
12.1WebSockets概述195
12.1.1WebSockets介紹195
12.1.2實時通信與HTTP請求195
12.1.3WebSockets工作原理196
12.1.4WebSockets的瀏覽器支持情況197
12.2上機操作——編寫簡單的EchoWebSocket服務器198
12.3WebSockets通信202
12.3.1WebSockets通信的基本知識202
12.3.2上機操作——使用WebSocketsAPI203
12.4實例精講——HTML5中的WebSockets應用程序205
12.5本章小結208
13CSS樣式入門209
13.1CSS概述209
13.1.1CSS的概念209
13.1.2CSS的特點210
13.1.3CSS選擇器分類210
13.2CSS選擇器類型211
13.2.1CSS選擇器分類211
13.2.2通用選擇器212
13.2.3多元素的組合選擇器213
13.2.4屬性選擇器214
13.2.5偽元素和偽類選擇器218
13.3CSS的繼承特性238
13.3.1繼承關系238
13.3.2CSS繼承的局限性238
13.4樣式表的類型239
13.4.1內聯樣式表239
13.4.2嵌入樣式表239
13.4.3外部樣式表240
13.4.4導入樣式表240
13.5本章小結240
14使用CSS控制文字樣式241
14.1字體設置241
14.1.1字體樣式241
14.1.2字體大小243
14.1.3字體粗細243
14.1.4字體顏色244
14.1.5斜體245
14.1.6字體變體246
14.1.7字符轉換247
14.1.8文本修飾247
14.2設置段落樣式248
14.2.1設置段落對齊248
14.2.2設置行間距251
14.2.3設置字間距和字母間距252
14.2.4文本縮進253
14.2.5首字下沉254
14.2.6處理空白符255
14.3本章小結256
15使用CSS設置背景257
15.1設置背景257
15.1.1設置背景顏色257
15.1.2設置背景圖片258
15.1.3設置背景圖片重復259
15.1.4設置圖片的位置260
15.1.5設置背景滾動模式261
15.1.6設置背景定位264
15.1.7設置背景裁剪265
15.1.8設置背景圖像的大小267
15.2設置圖片樣式269
15.2.1設置圖片邊框269
15.2.2設置圖片縮放271
15.3設置其他邊框樣式272
15.3.1border—radius屬性272
15.3.2border—image屬性273
15.4本章小結274
16使用CSS控制列表275
16.1列表控制簡述275
16.1.1列表的控制原則275
16.1.2列表符號類型276
16.2列表相關屬性279
16.2.1設置列表類型279
16.2.2設置列表項圖像281
16.2.3設置列表符號位置282
16.2.4列表綜合屬性283
16.3本章小結283
17CSS盒模型285
17.1盒模型的概念285
17.1.1什么是盒模型285
17.1.2設置外邊距的大小286
17.1.3設置邊框287
17.1.4設置內邊距的大小289
17.1.5外邊距合并290
17.2盒的浮動292
17.2.1元素的浮動屬性292
17.2.2清除浮動屬性293
17.3盒的定位294
17.3.1靜態定位294
17.3.2相對定位295
17.3.3絕對定位296
17.3.4固定定位298
17.3.5z—index空間位置299
17.4本章小結300
18Div+CSS布局方法301
18.1Div概述301
18.1.1什么是Div301
18.1.2插入Div302
18.2CSS布局方式304
18.2.1兩列布局304
18.2.2三列布局307
18.2.3多列布局308
18.3使用Div+CSS布局網頁311
18.3.1網頁布局頁面分析311
18.3.2制作網頁312
18.4本章小結319

音頻和視頻編解碼器是用于對數字媒體文件（如音頻或視頻）進行壓縮或解壓縮的軟件。
音頻和視頻編解碼器由以下兩個組件組成：編碼器和解碼器。編碼器執行壓縮（編碼）功能，解碼器執行解壓縮（解碼）功能。某些編解碼器同時包括這兩個組件，而某些編解碼器僅包括其中的一個組件。
下面是一些常用的音頻和視頻編解碼器。
1.音頻編解碼器
MPEG—3。
MPEG—3是目前比較流行的一種數字音頻編碼和有損壓縮格式，它被設計用來大幅度地降低音頻數據量，而對于大多數用戶的聽覺感受來說，重放的音質與最初的不壓縮音頻相比沒有明顯的下降。它是由MPEG制定的MPEG—1編碼解碼標準系列中的第3個。MPEG—3就是一種音頻壓縮技術，由于這種壓縮方式的全稱為MPEG AudioLayer 3，所以人們把它簡稱為MP3，如圖5—3所示。MP3是利用MPEG AudioLayer 3技術，將音樂以1：10甚至1：12的壓縮率壓縮成容量較小的file。換句話說，它能夠在音質丟失很小的情況下把文件壓縮到更小的程度。而且還非常好地保持了原來的音質。正是因為MP3體積小、音質高的特點，使得MP3格式幾乎成為網上音樂的代名詞。
AAC。
AAC（Advanced Audio Coding）出現于1997年，基于MPEG—2的音頻編碼技術，如圖5—4所示。它由Fraunhofer IIS、杜比實驗室、AT＆T和Sony（索尼）等公司共同開發，目的是取代MP3格式。2000年，MPEG—4標準出現后。AAC重新集成了其特性，加入了SBR技術和PS技術。為了區別于傳統的MPEG—2 AAC，又被稱為MPEG—4 AAC。
作為一種高壓縮比的音頻壓縮算法，AAC壓縮比通常為18：1，也有數據說為20：1。遠勝過MP3。在音質方面。由于采用多聲道，并使用低復雜性的描述方式，使其比幾乎所有的傳統編碼方式在同規格的情況下更勝一籌。不過直到2006年，使用這一格式存儲音樂的現象并不多，可以播放該格式的MP3播放器更是少之又少。目前所知，僅有蘋果iPod、Sony Walkman（NWZ—A、NWZ—S、NWZ—E和NWZ—X系列）、任天堂NDSi和魅族M8（微軟最新推出的Windows 7附帶的Windows media player12也支持AAC），并且Nokia、Sony Ericsson和Motorola等品牌均在其高端產品中支持AAC音頻。AAC可以支持多達48個音軌、15個低頻（LFE）音軌、5.1多聲道支持、更高的采樣率（最高可達96kHz，音頻CD：為44.1kHz）和更高的采樣精度（支持8bit、16bit、24bit和32bit，音頻CD為16bit），以及有多種語言的兼容能力和更高的解碼效率。一般來說，AAC可以在對比MP3文件縮小30％的前提下提供更好的音質。
WMA。
WMA（Windows Media Audio）是微軟公司推出的與MP3格式齊名的一種新的音頻格式，如圖5—5所示。由于WMA在壓縮比和音質方面都超過了MP3，更遠勝于RA（Real Audio），即使在較低的采樣頻率下也能產生較好的音質。一般使用Windows Media Audio編碼格式的文件以WMA作為擴展名，一些使用Windows Media Audio編碼格式編碼其所有內容的純音頻ASF文件也使用WMA作為擴展名。
WMA可以用于多種格式的編碼文件中，應用程序可以使用Windows Media Format SDK進行WMA格式的編碼和解碼。一些常見的支持WMA的應用程序包括Windows Media Player、Windows Media Encoder、RealPlayer和WINAMP等。其他一些平臺，例如Linux和移動設備中的軟硬件也支持此格式。