HTML5+CSS3從入門到精通pdf高清掃描版

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

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

類型：電子閱讀大�。�61M語言：中文時間：7-30評分：4.5

《HTML5+CSS3從入門到精通》介紹

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

HTML5+CSS3從入門到精通目錄

第1章 Web開發(fā)新時代 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è)計原理 4

1.2.1 HTML開發(fā)歷程 5

1.2.2 HTML5開發(fā)動力 6

1.2.3 HTML5設(shè)計理念 7

1.3 編寫第一個HTML5頁面 14

1.3.1 搭建上機練習環(huán)境 14

1.3.2 檢測瀏覽器是否支持 14

1.3.3 使用HTML5編寫簡單的Web頁面 15

1.4 HTML5頁面的特征 17

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

1.4.2 使用CSS美化HTML5文檔 19

第2章 從HTML、XHTML到HTML5 21

視頻講解：2小時

2.1 HTML基礎(chǔ) 22

2.1.1 HTML簡介 22

2.1.2 HTML特性 22

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

2.1.4 HTML語法 23

2.1.5 HTML標簽 25

2.1.6 HTML屬性 29

2.2 XHTML基礎(chǔ) 32

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

2.2.2 XHTML語法 33

2.2.3 XHTML類型 34

2.2.4 DTD解析 35

2.2.5 命名空間 37

2.3 HTML5基礎(chǔ) 38

2.3.1 HTML5語法 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小時13分鐘

3.1 認識HTML5文檔結(jié)構(gòu) 55

3.2 HTML5元素分類 58

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

3.3.1 標識文章 59

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

3.3.3 設(shè)計導航信息 64

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

3.3.5 設(shè)計微格式 67

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

3.4 添加語義模塊 69

3.4.1 添加標題塊 69

3.4.2 給標題分組 70

3.4.3 添加腳注塊 70

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

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

3.5.1 設(shè)計大綱 73

3.5.2 設(shè)計樣式 76

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

視頻講解：1小時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 新增的表單重寫屬性 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章 實戰(zhàn)HTML5畫布 106

視頻講解：2小時

5.1 認識HTML5 canvas元素 107

5.1.1 在頁面中添加canvas元素 107

5.1.2 Canvas如何繪制圖形 108

5.1.3 認識Canvas坐標 109

5.1.4 何時不用Canvas 109

5.1.5 如果瀏覽器不支持Canvas 110

5.1.6 檢測瀏覽器支持 110

5.2 繪制簡單圖形 111

5.2.1 繪制直線 111

5.2.2 繪制矩形 112

5.2.3 繪制圓形 113

5.2.4 繪制三角形 115

5.2.5 清空畫布 116

5.3 繪制貝塞爾曲線 117

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

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

5.4 圖形的變換 120

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

5.4.2 移動坐標空間 121

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

5.4.4 縮放圖形 125

5.4.5 矩陣變換 126

5.5 圖形的組合與裁切 129

5.5.1 圖形的組合 129

5.5.2 裁切路徑 132

5.6 更多的顏色和樣式選項 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 測量文字寬度 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檢測音頻格式支持情況 157

6.2.2 用JavaScript檢測視頻格式支持情況 158

6.3 在HTML5中播放音頻 159

6.3.1 認識audio元素 159

6.3.2 播放音頻 160

6.4 在HTML5中播放視頻 161

6.4.1 認識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 綜合實戰(zhàn) 169

6.6.1 用腳本控制音樂播放 169

6.6.2 查看視頻幀畫面 170

第7章 Web存儲 175

視頻講解：1小時20分鐘

7.1 認識Web Storage 176

7.1.1 Cookie存儲機制的優(yōu)缺點 176

7.1.2 為什么要用Web Storage 176

7.1.3 Web Storage的優(yōu)缺點 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)測 182

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

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

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

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

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

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

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

7.3.3 實例1：創(chuàng)建簡單的本地數(shù)據(jù)庫 195

7.3.4 實例2：批量存儲本地數(shù)據(jù) 198

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

Web SQL混合開發(fā) 199

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

視頻講解：23分鐘

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

8.1.1 為什么要學習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 離線緩存更新實現(xiàn) 213

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

8.2.6 離線存儲事件監(jiān)聽 217

8.3 實戰(zhàn)1：緩存首頁 218

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

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

第9章 Workers多線程處理 231

視頻講解：1小時01分鐘

9.1 認識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上機練習 237

9.3 案例實戰(zhàn) 240

9.3.1 使用多線程實現(xiàn)后臺運算 240

9.3.2 在后臺過濾值 242

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

9.3.4 在多線程之間通信 246

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

9.3.6 使用多線程繪圖 249

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

9.4.1 認識模擬退火算法 253

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

9.4.3 編寫worker.js 256

9.4.4 與Web Workers通信 257

第10章 Geolocation地理位置 261

10.1 位置信息概述 262

10.1.1 為什么要學習Geolocation 262

10.1.2 位置信息表示方式 262

10.1.3 位置信息來源 262

10.1.4 IP定位 263

10.1.5 GPS定位 263

10.1.6 Wi-Fi定位 263

10.1.7 手機定位 264

10.1.8 自定義定位 264

10.2 使用Geolocation API 264

10.2.1 檢查瀏覽器支持性 264

10.2.2 獲取當前地理位置 265

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

10.2.4 停止獲取位置信息 267

10.2.5 隱私保護 267

10.2.6 處理位置信息 267

10.2.7 使用position對象 268

10.3 案例實戰(zhàn) 269

10.3.1 使用Google地圖 269

10.3.2 跟蹤行走速度 271

第11章 CSS3概述 277

視頻講解：1小時01分鐘

11.1 回顧CSS 278

11.1.1 CSS發(fā)展簡史 278

11.1.2 CSS 1.0和CSS 2.0概述 278

11.1.3 CSS與DIV標記之緣 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 當前支持CSS3的瀏覽器 303

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

第12章 CSS選擇器 310

視頻講解：34分鐘

12.1 屬性選擇器 311

12.1.1 認識屬性選擇器 311

12.1.2 案例實戰(zhàn) 312

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

12.2.1 認識結(jié)構(gòu)偽類選擇器 314

12.2.2 案例實戰(zhàn) 315

12.3 UI偽類選擇器 321

12.3.1 認識常用UI偽類選擇器 321

12.3.2 案例實戰(zhàn) 322

12.4 其他選擇器 324

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

視頻講解：49分鐘

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

13.1.1 定義text-shadow屬性 331

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

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

13.2 定義文本樣式 341

13.2.1 文本樣式簡介 341

13.2.2 溢出文本 345

13.2.3 文本換行 347

13.3 設(shè)計顏色樣式 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小時09分鐘

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

14.1.1 用法詳解 366

14.1.2 案例實戰(zhàn) 368

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

14.2.1 用法詳解 369

14.2.2 案例實戰(zhàn) 372

14.3 設(shè)計圓角 375

14.3.1 用法詳解 376

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

14.4 設(shè)計陰影 380

14.4.1 用法詳解 380

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

14.5 設(shè)計背景 390

14.5.1 定義背景坐標 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 認識transform 401

15.2 2D變形 402

15.2.1 旋轉(zhuǎn)動畫 403

15.2.2 縮放動畫 404

15.2.3 移動動畫 406

15.2.4 傾斜動畫 408

15.2.5 變形動畫 410

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

15.3 自定義變形 414

15.4 定義復雜變形 416

第16章 設(shè)計動畫 420<