HTML5+CSS3從入門(mén)到精通pdf高清掃描版

這本書(shū)內(nèi)容比較詳細(xì)，主要是介紹如何使用dreamweaver設(shè)計(jì)網(wǎng)頁(yè)，也有案例，但是案例的布局是table布局，而非div+css布局，如果是想學(xué)習(xí)div+css布局的，不要買(mǎi)。提前大概熟悉一下，借于HTML5+css3應(yīng)用很少和大部分瀏覽器的不兼容問(wèn)題，只當(dāng)作閱讀不作為研究。書(shū)很好，很厚，里面的案例很實(shí)用，html5是以后發(fā)展的趨勢(shì)，所以要不斷的學(xué)習(xí)。

福昕PDF閱讀器(Foxit Reader) 10.0.115.36014 官方中文版

類型：電子閱讀大�。�61M語(yǔ)言：中文時(shí)間：7-30評(píng)分：4.5

《HTML5+CSS3從入門(mén)到精通》介紹

《HTML5+CSS3從入門(mén)到精通》（清華社“視頻大講堂”大系）通過(guò)基礎(chǔ)知識(shí)+中小實(shí)例+綜合案例的方式，講述了用HTML5+CSS3設(shè)計(jì)構(gòu)建網(wǎng)站的必備知識(shí)，相對(duì)于權(quán)威指南、高級(jí)程序設(shè)計(jì)、開(kāi)發(fā)指南同類圖書(shū)，本書(shū)是一本適合快速入手的自學(xué)教程。內(nèi)容有：創(chuàng)建HTML5文檔，實(shí)戰(zhàn)HTML5表單，實(shí)戰(zhàn)HTML5繪畫(huà)，HTML5音頻與視頻，Web存儲(chǔ)，離線應(yīng)用，Workers多線程處理，Geolocation地理位置等技術(shù)。CSS3部分主要介紹了CSS3概述，CSS選擇器，文本、字體與顏色，背景和邊框，2D變形，設(shè)計(jì)動(dòng)畫(huà)，網(wǎng)頁(yè)布局、用戶界面以及CSS3的其他新特性。

HTML5+CSS3從入門(mén)到精通目錄

第1章 Web開(kāi)發(fā)新時(shí)代 1

1.1 HTML5概述 2

1.1.1 HTML5新特性 2

1.1.2 HTML5組織 3

1.1.3 HTML5構(gòu)成 4

1.2 HTML5設(shè)計(jì)原理 4

1.2.1 HTML開(kāi)發(fā)歷程 5

1.2.2 HTML5開(kāi)發(fā)動(dòng)力 6

1.2.3 HTML5設(shè)計(jì)理念 7

1.3 編寫(xiě)第一個(gè)HTML5頁(yè)面 14

1.3.1 搭建上機(jī)練習(xí)環(huán)境 14

1.3.2 檢測(cè)瀏覽器是否支持 14

1.3.3 使用HTML5編寫(xiě)簡(jiǎn)單的Web頁(yè)面 15

1.4 HTML5頁(yè)面的特征 17

1.4.1 使用HTML5結(jié)構(gòu)化元素 17

1.4.2 使用CSS美化HTML5文檔 19

第2章 從HTML、XHTML到HTML5 21

視頻講解：2小時(shí)

2.1 HTML基礎(chǔ) 22

2.1.1 HTML簡(jiǎn)介 22

2.1.2 HTML特性 22

2.1.3 HTML結(jié)構(gòu) 23

2.1.4 HTML語(yǔ)法 23

2.1.5 HTML標(biāo)簽 25

2.1.6 HTML屬性 29

2.2 XHTML基礎(chǔ) 32

2.2.1 XHTML結(jié)構(gòu) 32

2.2.2 XHTML語(yǔ)法 33

2.2.3 XHTML類型 34

2.2.4 DTD解析 35

2.2.5 命名空間 37

2.3 HTML5基礎(chǔ) 38

2.3.1 HTML5語(yǔ)法 38

2.3.2 HTML5元素 40

2.3.3 HTML5增加及廢除的屬性 46

2.3.4 HTML5全局屬性 48

2.3.5 HTML5其他功能 50

第3章 創(chuàng)建HTML5文檔 54

視頻講解：1小時(shí)13分鐘

3.1 認(rèn)識(shí)HTML5文檔結(jié)構(gòu) 55

3.2 HTML5元素分類 58

3.3 構(gòu)建主體內(nèi)容 59

3.3.1 標(biāo)識(shí)文章 59

3.3.2 給內(nèi)容分段 61

3.3.3 設(shè)計(jì)導(dǎo)航信息 64

3.3.4 設(shè)計(jì)輔助信息 66

3.3.5 設(shè)計(jì)微格式 67

3.3.6 添加發(fā)布日期 68

3.4 添加語(yǔ)義模塊 69

3.4.1 添加標(biāo)題塊 69

3.4.2 給標(biāo)題分組 70

3.4.3 添加腳注塊 70

3.4.4 添加聯(lián)系信息 71

3.5 綜合實(shí)戰(zhàn)：使用HTML5設(shè)計(jì)博客主頁(yè) 72

3.5.1 設(shè)計(jì)大綱 73

3.5.2 設(shè)計(jì)樣式 76

第4章 實(shí)戰(zhàn)HTML5表單 79

視頻講解：1小時(shí)08分鐘

4.1 新增的input輸入類型 80

4.1.1 email類型的應(yīng)用 80

4.1.2 url類型的應(yīng)用 82

4.1.3 number類型的應(yīng)用 83

4.1.4 range類型的應(yīng)用 84

4.1.5 日期檢出器類型的應(yīng)用 85

4.1.6 search類型的應(yīng)用 90

4.1.7 tel類型的應(yīng)用 91

4.1.8 color類型的應(yīng)用 92

4.2 新增的input屬性 93

4.2.1 新增的autocomplete屬性 93

4.2.2 新增的autofocus屬性 95

4.2.3 新增的form屬性 96

4.2.4 新增的表單重寫(xiě)屬性 97

4.2.5 新增的height與width屬性 98

4.2.6 新增的list屬性 98

4.2.7 新增的min、max和step屬性 99

4.2.8 新增的multiple屬性 100

4.2.9 新增的pattern屬性 101

4.2.10 新增的placeholder屬性 101

4.2.11 新增的required屬性 102

4.3 新增的form元素 103

4.3.1 新增的datalist元素 103

4.3.2 新增的keygen元素 103

4.3.3 新增的output元素 104

4.4 新增的form屬性 105

4.4.1 新增的autocomplete屬性 105

4.4.2 新增的novalidate屬性 105

第5章 實(shí)戰(zhàn)HTML5畫(huà)布 106

視頻講解：2小時(shí)

5.1 認(rèn)識(shí)HTML5 canvas元素 107

5.1.1 在頁(yè)面中添加canvas元素 107

5.1.2 Canvas如何繪制圖形 108

5.1.3 認(rèn)識(shí)Canvas坐標(biāo) 109

5.1.4 何時(shí)不用Canvas 109

5.1.5 如果瀏覽器不支持Canvas 110

5.1.6 檢測(cè)瀏覽器支持 110

5.2 繪制簡(jiǎn)單圖形 111

5.2.1 繪制直線 111

5.2.2 繪制矩形 112

5.2.3 繪制圓形 113

5.2.4 繪制三角形 115

5.2.5 清空畫(huà)布 116

5.3 繪制貝塞爾曲線 117

5.3.1 繪制二次方貝塞爾曲線 118

5.3.2 繪制三次方貝塞爾曲線 119

5.4 圖形的變換 120

5.4.1 保存與恢復(fù)Canvas狀態(tài) 120

5.4.2 移動(dòng)坐標(biāo)空間 121

5.4.3 旋轉(zhuǎn)坐標(biāo)空間 123

5.4.4 縮放圖形 125

5.4.5 矩陣變換 126

5.5 圖形的組合與裁切 129

5.5.1 圖形的組合 129

5.5.2 裁切路徑 132

5.6 更多的顏色和樣式選項(xiàng) 133

5.6.1 應(yīng)用不同的線型 133

5.6.2 繪制線性漸變 138

5.6.3 繪制徑向漸變 139

5.6.4 繪制圖案 140

5.6.5 設(shè)置圖形的透明度 141

5.6.6 創(chuàng)建陰影 142

5.7 繪制文字 144

5.7.1 繪制填充文字 144

5.7.2 文字相關(guān)屬性 145

5.7.3 繪制輪廓文字 145

5.7.4 測(cè)量文字寬度 146

5.8 操作與使用圖像 147

5.8.1 向Canvas中引入圖像 147

5.8.2 改變圖像大小 149

5.8.3 創(chuàng)建圖像切片 150

第6章 HTML5音頻與視頻 152

視頻講解：50分鐘

6.1 HTML5多媒體技術(shù)概述 153

6.1.1 關(guān)于編解碼器 153

6.1.2 音頻編解碼器 153

6.1.3 視頻編解碼器 154

6.2 瀏覽器支持概述 156

6.2.1 用JavaScript檢測(cè)音頻格式支持情況 157

6.2.2 用JavaScript檢測(cè)視頻格式支持情況 158

6.3 在HTML5中播放音頻 159

6.3.1 認(rèn)識(shí)audio元素 159

6.3.2 播放音頻 160

6.4 在HTML5中播放視頻 161

6.4.1 認(rèn)識(shí)video元素 161

6.4.2 播放視頻 162

6.5 音頻與視頻相關(guān)屬性、方法與事件 164

6.5.1 音頻與視頻相關(guān)屬性 164

6.5.2 音頻與視頻相關(guān)方法 167

6.5.3 音頻與視頻相關(guān)事件 168

6.6 綜合實(shí)戰(zhàn) 169

6.6.1 用腳本控制音樂(lè)播放 169

6.6.2 查看視頻幀畫(huà)面 170

第7章 Web存儲(chǔ) 175

視頻講解：1小時(shí)20分鐘

7.1 認(rèn)識(shí)Web Storage 176

7.1.1 Cookie存儲(chǔ)機(jī)制的優(yōu)缺點(diǎn) 176

7.1.2 為什么要用Web Storage 176

7.1.3 Web Storage的優(yōu)缺點(diǎn) 177

7.1.4 瀏覽器支持概述 177

7.2 使用Web Storage 178

7.2.1 檢查瀏覽器的支持性 178

7.2.2 設(shè)置和獲取數(shù)據(jù) 180

7.2.3 防止數(shù)據(jù)泄露 181

7.2.4 Web Storage的其他用法 181

7.2.5 Web Storage事件監(jiān)測(cè) 182

7.2.6 實(shí)例1：設(shè)計(jì)網(wǎng)頁(yè)皮膚 183

7.2.7 實(shí)例2：跟蹤localStorage數(shù)據(jù) 184

7.2.8 實(shí)例3：設(shè)計(jì)計(jì)數(shù)器 186

7.2.9 綜合應(yīng)用：Web應(yīng)用項(xiàng)目實(shí)時(shí)跟蹤 187

7.3 Web SQL數(shù)據(jù)庫(kù) 192

7.3.1 Web SQL數(shù)據(jù)庫(kù)概述 192

7.3.2 使用Web SQL數(shù)據(jù)庫(kù) 193

7.3.3 實(shí)例1：創(chuàng)建簡(jiǎn)單的本地?cái)?shù)據(jù)庫(kù) 195

7.3.4 實(shí)例2：批量存儲(chǔ)本地?cái)?shù)據(jù) 198

7.3.5 綜合應(yīng)用：Web Storage和

Web SQL混合開(kāi)發(fā) 199

第8章 離線應(yīng)用 207

視頻講解：23分鐘

8.1 HTML5離線應(yīng)用概述 208

8.1.1 為什么要學(xué)習(xí)HTML5離線應(yīng)用 208

8.1.2 瀏覽器支持概述 209

8.2 HTML5離線應(yīng)用詳解 210

8.2.1 解析manifest文件 210

8.2.2 搭建離線應(yīng)用程序 213

8.2.3 檢查瀏覽器是否支持 213

8.2.4 離線緩存更新實(shí)現(xiàn) 213

8.2.5 JavaScript接口實(shí)現(xiàn) 214

8.2.6 離線存儲(chǔ)事件監(jiān)聽(tīng) 217

8.3 實(shí)戰(zhàn)1：緩存首頁(yè) 218

8.4 實(shí)戰(zhàn)2：離線編輯內(nèi)容 221

8.5 實(shí)戰(zhàn)3：離線跟蹤 225

第9章 Workers多線程處理 231

視頻講解：1小時(shí)01分鐘

9.1 認(rèn)識(shí)Web Workers 232

9.1.1 Web Workers概述 232

9.1.2 瀏覽器支持概述 233

9.1.3 熟悉Web Workers成員 233

9.2 使用Web Workers 234

9.2.1 檢查瀏覽器支持性 234

9.2.2 創(chuàng)建Web Workers 234

9.2.3 與Web Workers通信 235

9.2.4 使用Web Workers上機(jī)練習(xí) 237

9.3 案例實(shí)戰(zhàn) 240

9.3.1 使用多線程實(shí)現(xiàn)后臺(tái)運(yùn)算 240

9.3.2 在后臺(tái)過(guò)濾值 242

9.3.3 多任務(wù)并發(fā)處理 243

9.3.4 在多線程之間通信 246

9.3.5 使用線程技術(shù)計(jì)算Fibonacci數(shù)列 248

9.3.6 使用多線程繪圖 249

9.4 綜合應(yīng)用：模擬退火算法 253

9.4.1 認(rèn)識(shí)模擬退火算法 253

9.4.2 編寫(xiě)應(yīng)用主頁(yè)面 254

9.4.3 編寫(xiě)worker.js 256

9.4.4 與Web Workers通信 257

第10章 Geolocation地理位置 261

10.1 位置信息概述 262

10.1.1 為什么要學(xué)習(xí)Geolocation 262

10.1.2 位置信息表示方式 262

10.1.3 位置信息來(lái)源 262

10.1.4 IP定位 263

10.1.5 GPS定位 263

10.1.6 Wi-Fi定位 263

10.1.7 手機(jī)定位 264

10.1.8 自定義定位 264

10.2 使用Geolocation API 264

10.2.1 檢查瀏覽器支持性 264

10.2.2 獲取當(dāng)前地理位置 265

10.2.3 監(jiān)視位置信息 267

10.2.4 停止獲取位置信息 267

10.2.5 隱私保護(hù) 267

10.2.6 處理位置信息 267

10.2.7 使用position對(duì)象 268

10.3 案例實(shí)戰(zhàn) 269

10.3.1 使用Google地圖 269

10.3.2 跟蹤行走速度 271

第11章 CSS3概述 277

視頻講解：1小時(shí)01分鐘

11.1 回顧C(jī)SS 278

11.1.1 CSS發(fā)展簡(jiǎn)史 278

11.1.2 CSS 1.0和CSS 2.0概述 278

11.1.3 CSS與DIV標(biāo)記之緣 285

11.1.4 CSS編碼規(guī)范 288

11.2 了解CSS3新增特性 289

11.2.1 屬性選擇器 289

11.2.2 RBGA 透明度 291

11.2.3 多欄布局 292

11.2.4 多背景圖片 294

11.2.5 字符串溢出 295

11.2.6 塊陰影與圓角陰影 296

11.2.7 圓角 297

11.2.8 邊框圖片 298

11.2.9 形變 299

11.3 CSS3前景展望 301

11.3.1 CSS3的應(yīng)用范圍 302

11.3.2 當(dāng)前支持CSS3的瀏覽器 303

11.4 案例實(shí)戰(zhàn)：設(shè)計(jì)漂亮的表單 305

第12章 CSS選擇器 310

視頻講解：34分鐘

12.1 屬性選擇器 311

12.1.1 認(rèn)識(shí)屬性選擇器 311

12.1.2 案例實(shí)戰(zhàn) 312

12.2 結(jié)構(gòu)偽類選擇器 314

12.2.1 認(rèn)識(shí)結(jié)構(gòu)偽類選擇器 314

12.2.2 案例實(shí)戰(zhàn) 315

12.3 UI偽類選擇器 321

12.3.1 認(rèn)識(shí)常用UI偽類選擇器 321

12.3.2 案例實(shí)戰(zhàn) 322

12.4 其他選擇器 324

第13章 文本、字體與顏色 330

視頻講解：49分鐘

13.1 設(shè)計(jì)文本陰影 331

13.1.1 定義text-shadow屬性 331

13.1.2 應(yīng)用陰影效果 333

13.1.3 綜合實(shí)戰(zhàn)：設(shè)計(jì)黑客網(wǎng)站首頁(yè) 339

13.2 定義文本樣式 341

13.2.1 文本樣式簡(jiǎn)介 341

13.2.2 溢出文本 345

13.2.3 文本換行 347

13.3 設(shè)計(jì)顏色樣式 353

13.3.1 使用RGBA顏色值 353

13.3.2 使用HSL顏色值 355

13.3.3 使用HSLA顏色值 359

13.3.4 定義opacity屬性 360

13.3.5 定義transparent顏色值 363

第14章 背景和邊框 365

視頻講解：1小時(shí)09分鐘

14.1 設(shè)計(jì)多色邊框 366

14.1.1 用法詳解 366

14.1.2 案例實(shí)戰(zhàn) 368

14.2 設(shè)計(jì)邊框背景 368

14.2.1 用法詳解 369

14.2.2 案例實(shí)戰(zhàn) 372

14.3 設(shè)計(jì)圓角 375

14.3.1 用法詳解 376

14.3.2 案例實(shí)戰(zhàn)：設(shè)計(jì)橢圓圖形 379

14.4 設(shè)計(jì)陰影 380

14.4.1 用法詳解 380

14.4.2 案例實(shí)戰(zhàn)：設(shè)計(jì)Windows7界面效果 385

14.5 設(shè)計(jì)背景 390

14.5.1 定義背景坐標(biāo) 390

14.5.2 定義背景裁剪區(qū)域 392

14.5.3 定義背景圖像大小 395

14.5.4 定義背景圖像循環(huán)方式 396

14.5.5 定義多背景圖像 398

第15章 2D變形 400

視頻講解：31分鐘

15.1 認(rèn)識(shí)transform 401

15.2 2D變形 402

15.2.1 旋轉(zhuǎn)動(dòng)畫(huà) 403

15.2.2 縮放動(dòng)畫(huà) 404

15.2.3 移動(dòng)動(dòng)畫(huà) 406

15.2.4 傾斜動(dòng)畫(huà) 408

15.2.5 變形動(dòng)畫(huà) 410

15.2.6 案例實(shí)戰(zhàn)：設(shè)計(jì)涂鴉墻 412

15.3 自定義變形 414

15.4 定義復(fù)雜變形 416

第16章 設(shè)計(jì)動(dòng)畫(huà) 420<