從零開始學HTML5+CSS3 ( 簡體 字) |
作者:作者:胡曉霞 王剛等 編著 | 類別:1. -> 程式設計 -> HTML 2. -> 程式設計 -> 網路編程 -> CSS |
譯者: |
出版社:機械工業出版社 | 3dWoo書號: 44678 詢問書籍請說出此書號!【缺書】 NT售價: 345 元 |
出版日:7/1/2016 |
頁數:457 |
光碟數:0 |
|
站長推薦: |
印刷:黑白印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787111537304 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言: HTML 5是Web發展的方向,它的獨特之處在于不僅在移動端而且在電腦端也得到廣泛的應用。HTML 5增強的元素和標簽功能,既能夠提高Web頁面的性能,還能以多種形式更豐富地表現Web頁面,例如可繪制的二維圖形及Web頁面可控制的音視頻元素。除此之外,HTML 5在文件操作和數據通信方面也得到了很大的提升,這就為Web應用的發展提供了有力的武器。CSS 3與HTML 5的配合,讓Web頁面變得不再臃腫,結構更加清晰,應用更為靈活,體驗更加滿意。HTML 5和CSS 3技術正在PC端和移動端,以燎原之勢改變著我們的使用習慣,推動著Web應用的迅猛發展。
一、本書特點
從易到難,布局合理
為了方便讀者學習,本書在章節安排上,循序漸進,從易到難,逐步深入,布局科學合理,符合讀者的認知規律。
圖文對照,輕松閱讀
本書在內容介紹、操作方法、釋義說明等方面均采用平實的語言,深入淺出,圖示清晰,更容易被讀者所接受。
內容詳盡,實例豐富
本書內容豐富而充實,涉及HTML 5和CSS 3應用的方方面面,各部分內容基本都結合實例講解,便于讀者操作演練,最后給出項目實例,以提高讀者的實戰技能。
二、內容安排
本書共分23章,第1章到第14章主要介紹了HTML 5的相關基礎知識,包括學習前的準備,HTML 5元素、屬性和格式化的應用,HTML 5視頻和音頻的應用和控制,使用Canvas和SVG繪制圖形,表單與文件API操作,拖放與桌面通知API操作,本地存儲與離線應用,多線程與WebSockets編程的技術。第15章到第22章主要介紹了CSS 3的特性與用法,包括CSS基礎知識,CSS選擇器,使用CSS插入內容,設置文本樣式、圖片樣式、背景樣式、表單樣式、超鏈接樣式和鼠標樣式等,以及CSS 3中濾鏡的使用方法。最后一章通過兩個項目案例,對本書所講內容進行回顧和總結。本書層次清晰,內容詳盡,必將令你在閱讀中獲益匪淺。 編 者
2016年5月 |
內容簡介: 本書循序漸進地介紹了使用HTML 5與CSS 3創建Web應用的專業知識,共23章。第1章到第14章主要介紹了HTML 5的相關基礎知識,包括學習前的準備,HTML 5元素、屬性和格式化的應用,HTML 5視頻和音頻的應用和控制,使用Canvas和SVG繪制圖形,表單與文件API操作,拖放與桌面通知API操作,本地存儲與離線應用,多線程與WebSockets編程的技術。第15章到第22章主要介紹了CSS 3的特性與用法,包括CSS基礎知識,CSS選擇器,使用CSS插入內容,設置文本樣式、圖片樣式、背景樣式、表單樣式、超鏈接樣式和鼠標樣式,以及CSS 3中濾鏡的使用方法等。最后一章通過兩個項目案例,對本書所講內容進行回顧和總結,以提高讀者的實戰技能。
本書講解通俗易懂,實例典型豐富,基礎理論與操作實踐并重,適合網頁開發新手、在校大學生及對Web應用開發感興趣的人員學習,也可以作為培訓教學用書使用。 |
目錄:第1章 HTML 5 + CSS 3學習準備
1.1 學習準備 3
1.1.1 選擇合適的瀏覽器 3
1.1.2 選擇合適的開發工具 3
1.2 HTML 5——新一代HTML標準 3
1.2.1 HTML 5語法 4
1.2.2 新增與廢除的元素和屬性 5
1.2.3 全局屬性 10
1.2.4 HTML 5中新增的API 13
測試題 14
本章小結 14
第2章 HTML元素、屬性與結構
2.1 HTML 元素 17
2.1.1 HTML元素概述 17
2.1.2 HTML元素的語法 17
2.1.3 HTML元素的嵌套 18
2.2 HTML 5屬性 19
2.2.1 屬性的基本使用方法 19
2.2.2 HTML 5全局屬性 19
2.3 新增的主體結構元素 26
2.3.1 article元素 26
2.3.2 section元素 27
2.3.3 nav元素 28
2.3.4 aside元素 28
2.3.5 time元素 30
2.4 新增的非主體結構元素 31
2.4.1 header元素 31
2.4.2 hgroup元素 32
2.4.3 footer元素 32
2.4.4 address元素 33
2.5 HTML 5結構 33
2.5.1 文檔結構大綱 33
2.5.2 內容區塊的編排方式 33
2.5.3 標題分級 34
測試題 34
本章小結 35
第3章 HTML 5音頻和視頻
3.1 Web視頻的標準與格式 38
3.2 video/audio元素概述 38
3.3 檢測瀏覽器是否支持HTML 5視頻 39
3.4 實例:在HTML 5中顯示視頻/音頻 40
3.5 video元素與audio元素詳解 42
3.5.1 video/audio屬性 42
3.5.2 video/audio方法 44
3.5.3 video/audio事件 45
測試題 47
本章小結 47
第4章 HTML 5 Canvas
4.1 Canvas基礎入門 50
4.1.1 什么是Canvas 50
4.1.2 實例:在HTML 5頁面中添加Canvas元素 50
4.1.3 實例:繪制一個藍色的矩形 51
4.2 繪制基本線條 52
4.2.1 實例:繪制直線 52
4.2.2 實例:繪制二次曲線 53
4.2.3 實例:繪制貝塞爾曲線 54
4.2.4 實例:繪制圓弧 55
4.3 繪制簡單形狀 56
4.3.1 實例:繪制圓形 56
4.3.2 實例:繪制三角形 57
4.3.3 實例:繪制圓角矩形 58
4.3.4 實例:繪制自定義圖形 60
4.4 繪制漸變 61
4.4.1 實例:繪制線性漸變 61
4.4.2 實例:繪制徑向漸變 62
4.5 圖形組合 64
4.5.1 實例:繪制陰影 64
4.5.2 實例:透明效果 65
4.6 使用圖像 66
4.6.1 實例:插入圖像 66
4.6.2 實例:平鋪圖像 67
4.6.3 實例:裁剪圖像 68
4.6.4 實例:像素級操作 70
4.7 繪制文字 71
4.7.1 實例:控制文本的字體、大小和樣式 71
4.7.2 實例:控制文本的顏色 73
4.7.3 實例:描繪文本的邊緣 74
4.7.4 實例:設置文本對齊方式 75
4.8 圖像數據與URL 76
4.8.1 存儲圖像數據 76
4.8.2 將彩色轉為灰度 77
4.8.3 圖像數據URL 78
4.8.4 將繪制的圖形保存為圖像文件 79
4.9 用Canvas實現動畫效果 80
4.9.1 實例:清除Canvas的內容 80
4.9.2 實例:創建動畫 81
4.9.3 動畫的開始與停止 83
4.10 實戰演練 83
測試題 88
本章小結 88
第5章 HTML 5 SVG
5.1 SVG簡介 91
5.1.1 什么是SVG 91
5.1.2 SVG有哪些優勢 91
5.2 HTML 5中的SVG 91
5.2.1 實例:將SVG直接嵌入HTML 5頁面 92
5.2.2 實例:繪制簡單的形狀 93
5.2.3 實例:復用內容 94
5.2.4 實例:圖形陰影 95
5.2.5 實例:圖形漸變 96
5.2.6 實例:繪制自由路徑 98
5.3 畫布與SVG的比較 99
測試題 100
本章小結 100
第6章 Form API
6.1 新增的input輸入類型 103
6.1.1 email類型 103
6.1.2 url類型 104
6.1.3 number類型 105
6.1.4 range類型 105
6.1.5 date pickers類型 106
6.1.6 search類型 107
6.1.7 color類型 108
6.2 新增的表單元素 108
6.2.1 datalist元素 109
6.2.2 keygen元素 110
6.2.3 output元素 110
6.3 新增的表單屬性 111
6.3.1 autocomplete屬性 111
6.3.2 novalidate屬性 112
6.4 新增的input屬性 112
6.4.1 autocomplete屬性 113
6.4.2 autofocus屬性 113
6.4.3 form屬性 113
6.4.4 表單重寫屬性 overrides 113
6.4.5 height 和 width屬性 114
6.4.6 list屬性 114
6.4.7 min、max 和 step屬性 114
6.4.8 multiple屬性 115
6.4.9 pattern屬性 115
6.4.10 placeholder屬性 115
6.4.11 required屬性 115
測試題 116
本章小結 116
第7章 File API
7.1 Blob對象 119
7.2 File對象與FileList對象 120
7.3 FileReader對象 121
7.3.1 FileReader對象的方法 121
7.3.2 FileReader對象的事件 122
7.3.3 實例:以二進制方式讀取文件 122
7.3.4 實例:以文本方式讀取文件 123
7.3.5 實例:以DataURL方式讀取文件 124
7.4 FileSystem對象 126
7.4.1 FileSystem對象簡介 126
7.4.2 請求文件系統 126
7.4.3 創建文件 129
7.4.4 寫入文件 130
7.4.5 向文件中附加數據 131
7.4.6 復制選中的文件 132
7.4.7 刪除文件 133
7.4.8 創建目錄 133
7.4.9 讀取目錄內容 134
7.4.10 刪除目錄 135
7.4.11 復制文件或目錄 136
7.4.12 移動文件或目錄 137
7.4.13 filesystem:網址 137
測試題 138
本章小結 138
第8章 拖放API與桌面通知API
8.1 拖放API 141
8.1.1 實現拖放的步驟 141
8.1.2 使用dataTransfer對象 141
8.1.3 設定拖放時的視覺效果 142
8.1.4 自定義拖放圖標 142
8.1.5 實例:選擇圖形 143
8.2 桌面通知API(Notification API) 146
8.2.1 桌面通知API的必要性 146
8.2.2 桌面通知生成流程 146
8.2.3 實例:桌面通知的兩種實現方法 146
測試題 149
本章小結 149
第9章 本地存儲與離線應用
9.1 認識Web Storage 152
9.1.1 客戶端數據存儲的歷史與現狀 152
9.1.2 Web Storage概述 152
9.1.3 示例:一個Web Storage的簡單應用 153
9.2 使用Web Storage 155
9.2.1 檢測瀏覽器支持 155
9.2.2 存入與讀取數據 156
9.2.3 清除數據 157
9.2.4 遍歷操作 157
9.2.5 storage事件 158
9.3 離線應用 158
9.3.1 離線應用概述 159
9.3.2 離線資源緩存 159
9.3.3 Cache Manifest的基本用法 159
9.3.4 分析Cache Manifest文件 160
9.3.5 在線狀態監測 161
9.3.6 實例:創建離線應用 161
測試題 164
本章小結 164
第10章 Communication API
10.1 認識Communication API 167
10.1.1 Communication API簡介 167
10.1.2 Communication API運行流程 167
10.1.3 Communication API的基本用法 167
10.2 跨文檔消息通信 168
10.2.1 源安全簡介 168
10.2.2 postMessage API的基本用法 168
10.2.3 實例:使用postMessage API創建應用 169
10.3 XMLHttpRequest Level 2 171
10.3.1 跨源XMLHttpRequest 171
10.3.2 HTTP請求時限 172
10.3.3 FormData對象 172
10.3.4 上傳文件 173
10.3.5 接收二進制數據 174
10.3.6 進度信息 174
10.3.7 創建XMLHttpRequest應用 175
測試題 180
本章小結 180
第11章 Web Workers API與 Web SQL API
11.1 Web Workers 183
11.1.1 Web Workers簡介 183
11.1.2 Web Workers簡單應用 184
11.1.3 Web Workers嵌套 186
11.2 Web SQL 189
11.2.1 Web SQL基本使用 189
11.2.2 數據庫的基本應用 189
11.2.3 實例:創建數據庫并創建數據表 193
11.2.4 實例:插入數據與獲取數據 194
測試題 196
本章小結 196
第12章 WebSocket API
12.1 WebSocket概述 199
12.2 WebSocket服務器 199
12.3 使用WebSocket API 200
12.3.1 瀏覽器支持情況檢測 200
12.3.2 WebSocket API客戶端的基本用法 201
12.4 實例:創建HTML 5 WebSocket應用程序 202
12.4.1 編寫客戶端HTML文件 202
12.4.2 添加服務端WebSocket代碼 203
12.4.3 添加WebSocket客戶端代碼 203
12.4.4 最終效果 205
測試題 205
本章小結 206
第13章 地理位置API
13.1 地理位置定位原理 209
13.1.1 地理位置定位的方式及流程 209
13.1.2 HTML 5中如何實現地理位置定位 209
13.2 Geolocation API介紹 210
13.2.1 檢測瀏覽器支持 210
13.2.2 getCurrentPosition() 方法 210
13.2.3 watchPosition()方法 214
13.2.4 clearPosition()方法 214
13.3 實例:在地圖中顯示地理位置 214
測試題 217
本章小結 217
第14章 History API
14.1 History API概述 220
14.2 為什么要用History API 220
14.3 如何使用History API 220
14.4 實例:瀏覽歷史記錄 221
14.5 實例:添加與修改歷史記錄 223
測試題 226
本章小結 226
第15章 CSS基礎知識
15.1 CSS概述 229
15.1.1 CSS簡介 229
15.1.2 CSS歷史 229
15.1.3 CSS特點 229
15.1.4 CSS與瀏覽器的關系 230
15.1.5 CSS站點欣賞 230
15.2 基本CSS選擇器 232
15.2.1 標記選擇器 232
15.2.2 類別選擇器 232
15.2.3 ID選擇器 236
15.2.4 實例:應用基本選擇器 237
15.3 復合選擇器 239
15.3.1 “交集”選擇器 239
15.3.2 “并集”選擇器 240
15.3.3 后代選擇器 242
15.3.4 實例:應用復合選擇器 243
15.4 CSS繼承特性 244
15.4.1 什么是繼承 244
15.4.2 CSS屬性繼承 244
15.4.3 實例:正確使用CSS繼承特性 245
15.5 CSS的層疊特性 246
15.6 CSS樣式 247
15.6.1 行內樣式 247
15.6.2 內部樣式 248
15.6.3 外部樣式 248
15.6.4 實例:CSS樣式的實現方式 249
15.7 CSS優先級 250
15.7.1 ID選擇器優先級高于類別選擇器 250
15.7.2 后面的樣式覆蓋前面的 251
15.7.3 使用!important 252
15.7.4 指定的高于繼承 253
15.7.5 行內樣式高于內部或外部樣式 254
15.7.6 實例:靈活運用CSS優先級 255
15.8 CSS盒子模型 257
15.8.1 盒子模型結構 257
15.8.2 邊框(border) 258
15.8.3 內邊距(padding) 261
15.8.4 外邊距(margin) 262
15.8.5 盒子的浮動 263
15.8.6 盒子的定位 266
15.8.7 z-index空間位置 268
15.8.8 盒子的display屬性 270
15.8.9 實例:用盒子模型創建網頁布局 271
測試題 274
本章小結 274
第16章 CSS 3選擇器
16.1 屬性選擇器 277
16.1.1 E[att=“val”] 277
16.1.2 E[att^=“val”] 277
16.1.3 E[att$=“val”] 277
16.1.4 E[att*=“val”] 278
16.1.5 實例:文本效果 278
16.2 結構性偽類選擇器 279
16.2.1 偽類選擇器 279
16.2.2 偽元素選擇器 280
16.2.3 root選擇器 283
16.2.4 not選擇器 284
16.2.5 empty選擇器 285
16.2.6 target選擇器 286
16.2.7 first-child選擇器和last-child選擇器 287
16.2.8 first-of-type選擇器和last-of-type選擇器 289
16.2.9 nth-child選擇器和nth-last-child選擇器 291
16.2.10 nth-of-type選擇器和nth-last-of-type選擇器 293
16.2.11 循環使用樣式 294
16.2.12 only-child選擇器和only-of-type選擇器 296
16.2.13 實例:定位指定元素 297
16.3 UI元素狀態偽類選擇器 298
16.3.1 E:hover、E:active和E:focus選擇器 298
16.3.2 E:enabled和E:disabled偽類選擇器 300
16.3.3 E:read-only和E:read-write偽類選擇器 301
16.3.4 E:checked、E:default和E:indeterminate偽類選擇器 302
16.3.5 E::selection偽類選擇器 304
16.3.6 實例:用戶界面新體驗 305
16.4 通用兄弟元素選擇器 E ~ F 311
測試題 312
本章小結 312
第17章 使用CSS選擇器插入內容
17.1 插入文字 315
17.1.1 使用選擇器插入文本 315
17.1.2 插入篩選內容 316
17.1.3 實例:CSS制作目錄 317
17.2 插入圖像 320
17.2.1 插入圖像文件的方法 320
17.2.2 插入圖像文件的好處 321
17.2.3 實例:列表圖標與推薦標題 321
17.3 插入項目編號 322
17.3.1 插入連續項目編號 322
17.3.2 在項目編號中追加文字 323
17.3.3 設置編號種類 324
17.3.4 插入嵌套編號 325
17.3.5 在字符串兩邊添加嵌套文字編號 327
17.3.6 實例:導航菜單 328
測試題 333
本章小結 333
第18章 使用CSS設置文本樣式
18.1 控制文本樣式 336
18.1.1 字體和大小 336
18.1.2 文本顏色和粗細 336
18.1.3 斜體文本 337
18.1.4 文本裝飾 338
18.1.5 英文字母大小寫轉換 338
18.1.6 實例:綜合應用文字樣式 339
18.2 控制段落樣式 340
18.2.1 段落水平對齊 340
18.2.2 段落垂直對齊 341
18.2.3 行間距和字間距 344
18.2.4 首字下沉 345
18.2.5 實例:段落排版 346
18.3 CSS 3中給文本添加陰影——text-shadow屬性 347
18.3.1 text-shadow屬性的使用方法 347
18.3.2 位移距離 348
18.3.3 陰影的模糊半徑 349
18.3.4 陰影的顏色 349
18.3.5 指定多個陰影 349
18.4 CSS 3中讓文本自動換行——text-break屬性 350
18.4.1 依靠瀏覽器讓文本自動換行 350
18.4.2 指定自動換行的處理方法 351
測試題 353
本章小結 353
第19章 使用CSS設置圖片與背景樣式
19.1 圖片樣式 356
19.1.1 圖片邊框設置 356
19.1.2 圖片位置設置 358
19.1.3 圖片縮放設置 359
19.1.4 實例:圖片邊框按鈕 360
19.2 圖片對齊 362
19.2.1 水平對齊設置 362
19.2.2 垂直對齊設置 362
19.2.3 實例:排列的相冊 363
19.3 圖文混排 365
19.3.1 圖文混排 365
19.3.2 設置混排間距 366
19.3.3 實例:看圖說話 367
19.4 背景顏色 369
19.4.1 設置頁面背景顏色 369
19.4.2 設置塊背景顏色 369
19.5 背景圖片 370
19.5.1 設置頁面背景圖片 370
19.5.2 重復的背景圖片 370
19.5.3 設置背景圖片的位置 371
19.5.4 設置背景滾動 371
19.5.5 背景樣式的縮寫方式 371
19.5.6 實例:創建背景皮膚 372
測試題 373
本章小結 374
第20章 使用CSS設置列表與表單樣式
20.1 列表控制 377
20.1.1 列表的類型及使用 377
20.1.2 創建垂直導航條 378
20.1.3 創建水平導航條 379
20.2 使用列表制作實用菜單 380
20.2.1 實例:多級列表菜單 380
20.2.2 實例:會伸縮的列表菜單 384
20.3 表單設計概述 388
20.3.1 表單的設計原則 388
20.3.2 表單應用分類 389
20.3.3 實例:經典表單效果 390
20.4 表單的設計 391
20.4.1 form標簽 391
20.4.2 表單元素 391
20.4.3 對表單文本應用樣式 395
20.4.4 實例:滑塊復選框 395
20.4.5 實例:會員注冊頁面 397
測試題 404
本章小結 404
第21章 對超鏈接和鼠標應用樣式
21.1 使用CSS設置超鏈接 407
21.1.1 什么是超鏈接 407
21.1.2 關于超鏈接路徑 407
21.1.3 超鏈接屬性控制 408
21.1.4 圖像映射 408
21.1.5 實例:實現多頁面跳轉 409
21.2 超鏈接特效 411
21.2.1 實例:按鈕式超鏈接 411
21.2.2 實例:浮雕式超鏈接 412
21.3 鼠標特效 413
21.3.1 CSS控制鼠標箭頭 413
21.3.2 實例:鼠標變化的超鏈接 414
測試題 416
本章小結 416
第22章 CSS中的濾鏡
22.1 Alpha濾鏡 419
22.2 Blur濾鏡 420
22.3 Grayscale濾鏡 421
22.4 Sepia濾鏡 423
22.5 Brightness濾鏡 424
22.6 Hue-rotate濾鏡 425
22.7 Invert濾鏡 426
22.8 Saturate濾鏡 427
22.9 Contrast濾鏡 429
22.10 Drop-shadow濾鏡 430
測試題 431
本章小結 431
第23章 項目實戰案例
23.1 項目實戰案例一:企業門戶網站 434
23.1.1 header元素中的內容 436
23.1.2 aside元素中的內容 438
23.1.3 section元素中的內容 439
23.1.4 footer元素中的內容 443
23.2 項目實戰案例二:用戶管理 445 |
序: |