HTML5+CSS3從入門到精通（標準版）

《HTML5+CSS3從入門到精通（標準版）》是2017年10月中國水利水電出版社出版的圖書，作者是未來科技。

基本介紹

• 書名：HTML5+CSS3從入門到精通（標準版）
• 作者：未來科技
• 出版社：中國水利水電出版社
• 出版時間：2017年10月1日
• 頁數：748 頁
• 定價：89 元
• 開本：16 開
• 裝幀：平裝
• ISBN：9787517054160

內容簡介

《HTML5+CSS3從入門到精通（標準版）》系統講解了HTML5和CSS3的基礎理論和實際運用技術，通過大量實例對HTML5和CSS3進行了深入淺出的分析。本書分為兩大部分，共25章，包括HTML5概述、HTML5文檔結構、設計HTML5表單、使用HTML5繪畫、使用HTML5多媒體、如何實現Web本地存儲、如何實現Web離線套用、如何設計多執行緒套用、如何實現移動網際網路中地圖定位等技術、CSS3概述、CSS選擇器、定義文本、字型與顏色、設計背景和框線、使用2D變形、設計動畫、設計多列和流動網頁布局、最佳化用戶界面以及CSS3其他新特性等。

《HTML5+CSS3從入門到精通（標準版）》配備了極為豐富的學習資源，其中配套資源：325節教學視頻、素材源程式；附贈的拓展學習資源：習題及面試題庫、案例庫、工具庫、網頁模板庫、網頁配色庫、網頁素材庫、網頁案例欣賞庫等。

《HTML5+CSS3從入門到精通（標準版）》適合作為HTML5CSS3實戰、HTML5入門、HTML5實戰、HTML5移動開發方面的自學用書，也可作為高等院校網頁設計、網頁製作、網站建設、Web前端開發等專業的教學用書或相關機構的培訓教材。

圖書目錄

第1章HTML5基礎

1.1HTML5概述

1.1.1HTML歷史

1.1.2HTML5誕生

1.1.3HTML5組織

1.1.4HTML5構成

1.2HTML5設計理念

1.2.1避免不必要的複雜性

1.2.2支持已有的內容

1.2.3解決現實的問題

1.2.4求真務實

1.2.5平穩退化

1.2.6最終用戶優先

1.3HTML5新特性

1.4HTML5API

1.4.1新增的API

1.4.2修改的API

1.4.3擴展Document

1.4.4擴展HTMLElement

1.4.5其他擴展

1.4.6棄用的API

1.5案例：編寫第一個HTML5頁面

1.5.1搭建測試環境

1.5.2檢測瀏覽器是否支持

1.5.3使用HTML5編寫頁面

第2章設計HTML5文檔

2.1HTML5語法

2.1.1標記變化

2.1.2兼容性

2.1.3案例：設計HTML5頁面

2.2HTML5元素

2.2.1結構元素

2.2.2功能元素

2.2.3表單元素

2.2.4廢除的元素

2.3HTML5屬性

2.3.1表單屬性

2.3.2連結屬性

2.3.3其他屬性

2.3.4廢除的屬性

2.4HTML5全局屬性

2.4.1contentEditable屬性

2.4.2contextmenu屬性

2.4.3data-*屬性

2.4.4draggable屬性

2.4.5dropzone屬性

2.4.6hidden屬性

2.4.7spellcheck屬性

2.4.8translate屬性

2.5HTML5事件

2.5.1window事件

2.5.2form事件

2.5.3mouse事件

2.5.4media事件

2.6案例：設計HTML5頁面

2.6.1使用HTML5結構化元素

2.6.2使用CSS美化HTML5文檔

第3章構建HTML5結構

3.1設計主體結構

3.1.1定義文章塊

3.1.2定義內容塊

3.1.3定義導航塊

3.1.4定義側邊欄

3.1.5定義主要區域

3.2設計語義結構

3.2.1定義標題欄

3.2.2定義標題組

3.2.3定義腳註欄

3.2.4定義联系信息段

3.2.5定義時間段

3.2.6定義發布日期

3.3設計文檔大綱

3.3.1HTML4文檔綱要

3.3.2HTML5文檔綱要

3.3.3HTML5隱式分節

3.3.4HTML5特殊分節

3.3.5HTML5兼容樣式

3.4案例實戰

3.4.1設計完整的HTML5文檔結構

3.4.2設計部落格結構

3.4.3設計部落格樣式

第4章增強HTML5表單和頁面功能

4.1HTML5input類型

4.1.1email類型

4.1.2url類型

4.1.3number類型

4.1.4range類型

4.1.5日期選擇器類型

4.1.6search類型

4.1.7tel類型

4.1.8color類型

4.2HTML5input屬性

4.2.1autocomplete屬性

4.2.2autofocus屬性

4.2.3form屬性

4.2.4表單重寫屬性

4.2.5height和width屬性

4.2.6list屬性

4.2.7min、max和step屬性

4.2.8multiple屬性

4.2.9pattern屬性

4.2.10placeholder屬性

4.2.11required屬性

4.3新表單控制項

4.3.1datalist元素

4.3.2keygen元素

4.3.3output元素

4.4新表單屬性

4.4.1autocomplete屬性

4.4.2novalidate屬性

4.4.3顯式驗證

4.5新增頁面元素

4.5.1figure和figcaption元素

4.5.2details和summary元素

4.5.3mark元素

4.5.4progress元素

4.5.5meter元素

4.5.6dialog元素

4.6完善頁面元素

4.6.1a元素

4.6.2ol元素

4.6.3dl元素

4.6.4cite元素

4.6.5small元素

4.6.6iframe元素

4.6.7script元素

第5章HTML5繪圖

5.1HTML5canvas基礎

5.1.1在頁面中插入canvas元素

5.1.2繪製圖形的基本方法

5.1.3使用canvas

5.2繪製圖形

5.2.1繪製直線

5.2.2繪製矩形

5.2.3繪製圓形

5.2.4繪製多邊形

5.2.5繪製曲線

5.2.6繪製二次方曲線

5.2.7繪製三次方曲線

5.3設定圖形樣式1

5.3.1設定線型

5.3.2繪製線性漸變

5.3.3繪製徑向漸變

5.3.4繪製圖案

5.3.5設定不透明度

5.3.6設定陰影

5.4操作圖形

5.4.1保存和恢復canvas狀態

5.4.2清除繪圖

5.4.3移動坐標

5.4.4旋轉坐標

5.4.5縮放圖形

5.4.6變換矩陣

5.4.7組合圖形

5.4.8裁切路徑

5.5繪製文字

5.5.1繪製填充文字

5.5.2設定文字屬性

5.5.3繪製輪廓文字

5.5.4測量寬度

5.6繪製圖像

5.6.1導入圖像

5.6.2變換圖像

5.6.3裁切圖像

5.6.4圖像平鋪

5.6.5像素處理

5.7Path2D對象

5.7.1Canvas2DAPI新功能

5.7.2使用Path2D對象

5.8案例實戰

5.8.1設計canvas動畫

5.8.2保存繪圖

第6章使用SVG

6.1SVG基礎

6.1.1SVG發展歷史

6.1.2SVG特點

6.1.3在HTML中套用SVG

6.1.4案例：設計第一個SVG圖形

6.2使用SVG

6.2.1矩形

6.2.2圓形

6.2.3橢圓

6.2.4多邊形

6.2.5直線

6.2.6折線

6.2.7路徑

6.2.8文本

6.2.9線框樣式

6.2.10SVG濾鏡

6.2.11模糊效果

6.2.12陰影效果

6.2.13線性漸變

6.2.14放射漸變

6.3案例實戰

6.3.1手繪簡筆畫

6.3.2描邊動畫

6.3.3設計特效文字

6.3.4自定義濾鏡

第7章使用HTML5多媒體

7.1HTML5多媒體基礎

7.1.1認識編解碼器

7.1.2瀏覽器支持

7.1.3使用audio元素

7.1.4使用video元素

7.1.5設定媒體屬性

7.1.6使用媒體方法

7.1.7使用媒體事件

7.2案例實戰

7.2.1設計音樂播放器

7.2.2顯示播放進度

7.2.3查看視頻幀畫面

7.2.4添加字幕

第8章本地存儲

8.1WebStorage

8.1.1WebStorage基礎

8.1.2瀏覽器支持

8.1.3使用WebStorage2

8.1.4案例：用戶登錄信息保存和讀取

8.1.5案例：Web留言本

8.1.6案例：網頁計數器

8.2WebSQL

8.2.1WebSQL基礎

8.2.2使用WebSQL

8.2.3案例：創建本地資料庫

8.2.4案例：批量讀寫數據

8.2.5案例：本地用戶登錄

8.2.6案例：WebStorage和WebSQL比較套用

8.3indexedDB

8.3.1indexedDB基礎

8.3.2連線資料庫

8.3.3更新資料庫版本

8.3.4創建對象倉庫

8.3.5創建索引

8.3.6使用事務

8.3.7保存數據

8.3.8獲取數據

8.3.9檢索鍵值

8.3.10檢索屬性值

8.3.11案例：留言本

8.3.12案例：電子刊物發布

第9章離線套用

9.1HTML5離線套用基礎

9.1.1認識HTML5離線套用

9.1.2瀏覽器支持

9.1.3使用manifest檔案

9.1.4使用離線快取

9.1.5監聽離線存儲

9.2案例實戰

9.2.1快取首頁

9.2.2離線編輯內容

9.2.3離線跟蹤

第10章多執行緒處理

10.1WebWorkers基礎

10.1.1認識WebWorkers

10.1.2瀏覽器支持

10.1.3創建WebWorkers

10.1.4WebWorkers通信

10.1.5案例：使用WebWorkers

10.2案例實戰

10.2.1後台運算

10.2.2數值過濾

10.2.3並發處理

10.2.4執行緒通信

10.2.5Fibonacci數列運算

10.2.6多執行緒繪圖

第11章檔案操作

11.1訪問檔案域

11.2使用Blob對象

11.2.1在檔案域中訪問Blob對象

11.2.2創建Blob對象

11.2.3截取Blob對象

11.2.4保存Blob對象

11.3使用FileReader對象

11.3.1讀取並顯示檔案

11.3.2監測讀取操作

11.4使用快取對象

11.4.1使用ArrayBuffer對象

11.4.2使用ArrayBufferView對象

11.4.3使用DataView對象

11.5使用FileSystem

11.5.1訪問檔案系統

11.5.2申請配額

11.5.3創建檔案

11.5.4寫入檔案

11.5.5添加數據

11.5.6讀取檔案

11.5.7複製檔案

11.5.8刪除檔案

11.5.9創建目錄

11.5.10讀取目錄

11.5.11刪除目錄

11.5.12複製目錄

11.5.13移動和重命名目錄3

11.5.14使用filesystem:URL

11.6案例實戰

第12章使用History

12.1HistoryAPI基礎

12.1.1HistoryAPI處理方式

12.1.2瀏覽器兼容和擴展

12.1.3操作歷史記錄

12.2案例實戰

12.2.1設計無刷新頁面導航

12.2.2設計主題宣傳網站

12.2.3設計圖片畫廊

12.2.4設計歷史恢復

第13章XMLHttpRequest2

13.1XMLHttpRequest2基礎

13.1.1使用XMLHttpRequest對象

13.1.2XMLHttpRequest老版本缺陷

13.1.3XMLHttpRequest2版本功能

13.1.4HTTP請求時限

13.1.5使用FormData對象

13.1.6上傳檔案

13.1.7跨域訪問

13.1.8回響數據

13.1.9接收二進制數據

13.1.10顯示進度信息

13.2案例實戰

接收ArrayBuffer對象

接收Blob對象

傳送字元串

傳送表單數據

傳送檔案

傳送Blob對象

跨域請求

設計帶進度條的檔案上傳

第14章拖放和通知

14.1拖放API

14.1.1拖放API基礎

14.1.2使用DataTransfer對象

14.1.3案例：刪除項目

14.1.4案例：接納對象

14.1.5案例：拖選照片

14.1.6案例：扔入垃圾桶

14.1.7案例：檔案拖拽預覽

14.2通知API

14.2.1通知API基礎

14.2.2案例：開啟桌面通知

14.2.3案例：使用腳本關閉通知

14.2.4案例：顯示多條通知

第15章地理位置

15.1位置信息基礎

15.1.1為什麼要學習Geolocation

15.1.2位置信息表示方式

15.1.3位置信息來源

15.1.4IP定位

15.1.5GPS定位

15.1.6Wi-Fi定位

15.1.7手機定位

15.1.8自定義定位

15.2GeolocationAPI基礎

15.2.1瀏覽器支持

15.2.2獲取當前地理位置

15.2.3監視位置信息

15.2.4停止獲取位置信息

15.2.5隱私保護

15.2.6處理位置信息

15.2.7使用position對象

15.3案例實戰

第16章HTML5其他套用

16.1PageVisibilityAPI

16.1.1PageVisibility基礎

16.1.2案例：設計視頻頁面

16.1.3案例：設計登錄同步

16.2FullscreenAPI

16.2.1FullscreenAPI基礎4

16.2.2案例：設計頁面全螢幕顯示

16.2.3案例：設計視頻全螢幕播放

16.3滑鼠指針鎖定API

16.3.1滑鼠指針鎖定API基礎

16.3.2案例：設計全螢幕滑鼠指針鎖定

16.4requestAnimationFrame

16.4.1requestAnimFrame基礎

16.4.2案例：設計進度條

16.4.3案例：設計粒子動畫

16.4.4案例：設計旋轉的小球

16.5MutationObserver

16.5.1MutationObserver基礎

16.5.2案例：觀察DOM元素變化

16.5.3案例：觀察DOM屬性變化

16.6JavaScriptPromise

16.6.1Promise對象基礎

16.6.2創建promise對象

16.6.3使用then()方法

16.6.4佇列化異步操作

16.6.5異常處理

16.6.6創建序列

16.6.7並行處理

16.7BeaconAPI

第17章CSS3基礎

17.1CSS3概述

17.1.1CSS歷史

17.1.2CSS3模組

17.1.3CSS3特性

17.1.4CSS3狀態

17.1.5瀏覽器支持

17.2設計CSS頁面

第18章CSS3選擇器

18.1選擇器概述

18.1.1了解學習CSS3選擇器

18.1.2CSS選擇器分類

18.2組合選擇器

18.3屬性選擇器

18.4偽類選擇器

18.5案例實戰

18.5.1使用屬性選擇器

18.5.2使用動態偽類

18.5.3使用結構偽類

18.5.4使用否定偽類

18.5.5使用狀態偽類

18.5.6使用目標偽類

18.5.7設計表單樣式

18.5.8設計超連結樣式

18.5.9設計表格樣式

第19章文本樣式

19.1CSS3文本模組基礎

19.2案例實戰

定義文本陰影

設計文本特效

設計首頁特效

文本溢出

文本換行

動態內容

默認樣式

自定義字型

第20章色彩和漸變樣式

20.1顏色模式

20.1.1RGBA模式

20.1.2HSL模式

20.1.3HSLA模式

20.1.4使用opacity屬性

20.1.5設定transparent值

20.2漸變背景

20.2.1WebKit漸變

20.2.2Gecko漸變

20.2.3IE漸變

20.2.4標準漸變

20.3案例實戰

設計按鈕

設計紋理

設計欄目

漸變套用

第21章背景和框線樣式

21.1設計框線樣式

21.1.1多色框線

21.1.2框線背景

21.2設計圓角

21.3設計倒影

21.4設計陰影

21.5設計背景圖像

21.5.1定義坐標

21.5.2定義裁剪區域

21.5.3定義大小

21.5.5定義多背景圖像

21.6案例實戰

設計橢圓圖形

設計圖示

設計框線

設計視窗

第22章CSS3盒模型

22.1CSS3盒模型基礎

22.1.1定義顯示方式

22.1.2可控大小

22.1.3內容溢出

22.1.4定義輪廓

22.1.5設定輪廓樣式

22.2案例實戰

邊界的套用

補白的套用

框線套用

設計模板頁

第23章CSS3新布局模型

23.1多列布局

定義列寬

定義列數

定義列間距

定義列框線

定義跨列顯示

定義列高度

23.2盒布局模型

定義寬度

定義順序

定義方向

自定義自適應

消除空白

定義對齊方式

23.3彈性盒布局

定義彈性盒

定義伸縮方向

定義行數

定義對齊方式

定義伸縮項目

23.4案例實戰

設計伸縮選單

設計伸縮頁

設計可兼容多列模板

設計HTML5套用模板

第24章CSS3變形和動畫

24.1CSS3變形

2D旋轉

2D縮放

2D移動

2D傾斜

2D矩陣

定義變形原點

認識3D變形

3D位移

3D縮放

3D旋轉

24.2過渡樣式

定義過渡

定義過渡時間

定義延遲

定義效果

觸發時機

24.3關鍵幀動畫

定義關鍵幀

定義動畫名稱

定義播放時間70

定義播放方式

定義播放延遲

定義播放次數

定義播放方向

定義播放狀態

定義播放外狀態

24.4案例實戰

設計圖片特效

設計變形對象

設計3D盒子

設計動態廣告

設計翻轉動畫

設計運動動畫

設計摺疊面板

第25章CSS3媒體查詢

25.1媒體查詢基礎

認識MediaQueries

使用@media規則

25.2案例實戰

跟蹤瀏覽器視窗變化

設計回響式頁面

設計自適應頁面

智慧型隱藏和顯示欄目

設計自適應手機網頁

作者簡介

　未來科技，是由一群熱愛Web開發的青年骨幹教師組成的一個鬆散組織，主要從事Web開發、教學培訓、教材開發等業務。該群體編寫的同類圖書在很多網店上的銷量名列前茅，讓數十萬的讀者輕鬆跨進了Web開發的大門，為Web開發的普及和套用做出了積極貢獻。