《網頁設計師案頭書:HTML 5+CSS》是2012年電子工業出版社出版的圖書，作者是李俊民、黃盛奎。
基本介紹
- 書名：網頁設計師案頭書:HTML 5+CSS
- 作者：李俊民 黃盛奎
- 類別：藝術
- 出版社：電子工業出版社
- 出版時間：2012年8月1日
- 頁數：319 頁
- 定價：49 元
- 開本：16 開
- ISBN：9787121173363, 7121173360
- 語種：簡體中文
內容簡介,圖書目錄,
內容簡介
《網頁設計師案頭書:HTML 5+CSS 3網頁設計經典範例》共分為18章，涵蓋了HTML5和CSS3中各方面的技術知識。主要內容包括HTML5概述、HTML5與HTML4的區別、HTML5的結構、canvas繪圖功能、網路上的視頻和音頻套用、表單套用、全新的檔案套用、地理位置信息處理、Web本地存儲套用、離線Web套用、WebWorkersAPI的套用、套用WebSocketsAPI通信、CSS樣式入門、使用CSS控制文字樣式、使用CSS設定圖片和背景、使用CSS控制列表、CSS盒模型，以及Div+CSS布局方法等內容。
圖書目錄
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
