HTML5+CSS3+ES6前端開發項目實戰（微課視頻版）

本書基於Web標準和響應式Web設計思想，深入淺出地介紹Web前端技術的基礎知識，涵蓋 HTML5、CSS3和ES6的**內容。全書以實戰驅動知識點，以案例貫穿實戰，內容翔實，結構合理，語言精練，表達簡明，實用性強，易於自學。 全書共分23章。第1章介紹Web技術的基本概念、Web體系結構、超文本與標記語言、Web標準的組成和常用瀏覽器； 第2~7章重點介紹Web標準的結構標準HTML5常用的元素標簽及應用； 第8~13章介紹Web標準的表現標準CSS3常用的屬性及應用； 第14章介紹網站製作流程與發布過程； 第15~23章介紹Web標準的行為標準ECMAScript6、DOM和BOM的基礎知識及應用。 本書可作為高等院校電腦及相關專業的教材，也可作為相關培訓機構的培訓教材以及對Web前端技術感興趣 的讀者的參考書。

目錄

源碼下載

第1章Web技術概述

1.1Internet概述

1.1.1TCP/IP

1.1.2主機和IP地址

1.1.3域名和DNS

1.2Web概述

1.2.1Web歷史

1.2.2Web體系結構

1.2.3基本Web技術

1.2.4Web服務器

1.3超文本與標記語言

1.3.1超文本

1.3.2標記語言

1.4Web標準

1.5瀏覽器

1.5.1瀏覽器歷史

1.5.2瀏覽器內核

1.5.3常用瀏覽器

1.5.4標準瀏覽器

1.6Web開發工具

1.6.1Visual Studio Code

1.6.2測試和調試環境

1.7小結

1.8習題

第2章初識HTML5

2.1HTML5基礎

2.1.1文檔結構

2.1.2元素與標簽

2.1.3元素屬性

2.1.4語法規則

2.2Visual Studio Code基礎

2.2.1Visual Studio Code安裝及

設置

2.2.2Visual Studio Code基本操作

2.3文檔結構標簽

2.3.1html標簽

2.3.2head標簽

2.3.3body標簽

2.4頭部元素標簽

2.4.1title標簽

2.4.2meta標簽

2.4.3link標簽

2.5“叮叮書店”項目首頁添加頭部信息

2.6小結

2.7習題

第3章HTML5網頁內容結構與文本

3.1結構標簽

3.1.1header標簽

3.1.2main標簽

3.1.3nav標簽

3.1.4article標簽

3.1.5section標簽

3.1.6aside標簽

3.1.7footer標簽

3.1.8details和summary

標簽

3.2基礎標簽

3.2.1h1~h6標簽

3.2.2p標簽

3.2.3br標簽

3.2.4!…標簽

3.2.5pre標簽

3.2.6div標簽

3.2.7span標簽

3.3列表標簽

3.3.1ul標簽

3.3.2ol標簽

3.3.3dl標簽

3.4引用和術語定義標簽

3.5格式標簽

3.6網頁常見內容結構

3.7HTML5調試

3.8“叮叮書店”項目首頁內容結構和

文本

3.8.1用結構標簽建立內容結構

3.8.2在內容結構中添加文本

3.9小結

3.10習題

第4章HTML5超鏈接

4.1a標簽

4.1.1href屬性

4.1.2download屬性

4.1.3target屬性

4.1.4id屬性

4.2HTML5字符集

4.2.1字符集

4.2.2字符實體

4.3MathML

4.3.1MathML參考手冊

4.3.2MathML瀏覽器兼容性

4.4小結

4.5習題

第5章HTML5多媒體與嵌入

5.1圖像

5.1.1img標簽

5.1.2map標簽和area標簽

5.1.3figure標簽和figcaption

標簽

5.2響應式圖像

5.2.1像素與設備像素比

5.2.2img標簽的srcset和sizes

屬性

5.2.3picture標簽

5.3音視頻

5.3.1video標簽

5.3.2audio標簽

5.4其他嵌入元素

5.4.1iframe標簽

5.4.2embed標簽

5.4.3object標簽

5.5“叮叮書店”項目首頁超鏈接和圖像的

使用

5.6小結

5.7習題

第6章HTML5表格

6.1表格

6.1.1表格結構

6.1.2表格標簽

6.2常用表格標簽

6.2.1table標簽

6.2.2tr標簽

6.2.3th標簽

6.2.4td標簽

6.2.5colgroup和 col標簽

6.2.6caption標簽

6.2.7thead、tbody和tfoot

標簽

6.3嵌套表格

6.4“叮叮書店”項目購物車頁面的建立

6.5小結

6.6習題

第7章HTML5表單

7.1表單

7.2表單域

7.2.1input標簽

7.2.2textarea標簽

7.2.3label標簽

7.2.4fieldset標簽

7.2.5select標簽

7.2.6option標簽

7.2.7optgroup標簽

7.2.8button標簽

7.2.9datalist標簽

7.3表單數據校驗

7.3.1內置表單數據校驗

7.3.2正則表達式校驗

7.4“叮叮書店”項目客戶服務頁面的

建立

7.5“叮叮書店”項目首頁添加站內搜索

7.6小結

7.7習題

第8章初識CSS3

8.1概述

8.2規則

8.2.1語法

8.2.2註釋

8.3選擇器

8.3.1基本選擇器

8.3.2組合選擇器

8.4屬性

8.5數據類型

8.5.1字符數據類型

8.5.2數值數據類型

8.5.3特殊數據類型

8.5.4CSS函數

8.6使用方式

8.7層疊性

8.8使用Chrome開發者工具檢查

編輯頁面及樣式

8.9小結

8.10習題

第9章CSS3盒模型與定位

9.1盒模型

9.1.1概述

9.1.2盒模型大小

9.1.3padding屬性

9.1.4border屬性

9.1.5margin屬性

9.1.6outline屬性

9.1.7boxshadow屬性

9.1.8opacity屬性

9.2盒模型顯示模式

9.2.1display屬性

9.2.2常用元素默認顯示模式

9.3定位

9.3.1position屬性

9.3.2zindex屬性

9.4浮動

9.4.1float屬性

9.4.2clear屬性

9.5可見與溢出

9.5.1visibility屬性

9.5.2overflow屬性

9.5.3cursor屬性

9.6小結

9.7習題

第10章CSS3頁面佈局

10.1伸縮盒

10.1.1伸縮項目屬性

10.1.2伸縮容器屬性

10.2網格

10.2.1網格佈局的基本概念

10.2.2基於網格線定位網格

項目

10.2.3網格模板區域

10.2.4網格佈局的自動定位

10.2.5網格佈局的盒模型對齊

10.2.6網格與伸縮盒

10.3媒體查詢

10.4默認樣式

10.5基本佈局模板

10.5.1固定佈局

10.5.2響應式佈局

10.6“叮叮書店”項目首頁佈局樣式

設計

10.7小結

10.8習題

第11章CSS3元素外觀屬性

11.1背景

11.1.1backgroundcolor屬性

11.1.2backgroundimage屬性

11.1.3backgroundrepeat屬性

11.1.4backgroundposition屬性

11.1.5backgroundattachment

屬性

11.1.6backgroundorigin屬性

11.1.7backgroundclip屬性

11.1.8backgroundsize屬性

11.2字體

11.2.1fontfamily屬性

11.2.2fontsize屬性

11.2.3fontstyle屬性

11.2.4fontweight屬性

11.2.5@fontface規則

11.3文本

11.3.1lineheight屬性

11.3.2textindent屬性

11.3.3textalign屬性

11.3.4letterspacing屬性

11.3.5texttransform屬性

11.3.6whitespace屬性

11.3.7textdecoration屬性

11.3.8textshadow屬性

11.3.9wordbreak和wordwrap

屬性

11.3.10columns屬性

11.4列表

11.4.1liststyletype屬性

11.4.2liststyleimage屬性

11.4.3liststyleposition屬性

11.5表格

11.5.1表格屬性

11.5.2改善表格顯示效果

11.6“叮叮書店”項目首頁外觀樣式

設計

11.7小結

11.8習題

第12章CSS3偽類和偽元素

12.1偽類

12.1.1超鏈接偽類

12.1.2結構性偽類

12.1.3子元素偽類

12.1.4UI偽類

12.2偽元素

12.2.1::firstline

12.2.2::firstletter

12.2.3::before和::after

12.3內容

12.3.1content屬性

12.3.2counterincrement屬性

12.3.3quotes屬性

12.4導航菜單

12.5“叮叮書店”項目首頁偽類和

偽元素樣式設計

12.6小結

12.7習題

第13章CSS3變換、過渡和動畫

13.1變換

13.1.1CSS變換坐標

13.1.2transform屬性

13.1.3transformorigin屬性

13.1.4transformstyle屬性

13.2過渡

13.2.1transitionproperty屬性

13.2.2transitionduration屬性

13.2.3transitiontimingfunction

屬性

13.2.4transitiondelay屬性

13.3動畫

13.3.1@keyframes規則

13.3.2animation屬性

13.4“叮叮書店”項目首頁變換、過渡

和動畫樣式設計

13.5“叮叮書店”項目首頁響應式

樣式設計

13.6小結

13.7習題

第14章網站製作流程與發布

14.1網站製作流程

14.2模板

14.3基於模板建立“叮叮書店”項目

其他頁面

14.3.1圖書分類(category.html)

14.3.2電子書(ebook.html)

14.3.3客戶服務(contact.html)

14.3.4關於我們(about.html)

14.3.5詳細內容(details.html)

14.3.6購物車(cart.html)

14.4網站發布

14.5小結

14.6習題

第15章初識ES6

15.1JavaScript 

15.1.1JavaScript歷史

15.1.2JavaScript組成

15.1.3JavaScript的使用

15.1.4JavaScript加載原理

15.1.5JavaScript消息框

15.1.6console對象與控制台

15.2ES6基礎

15.2.1語法基礎

15.2.2常量

15.2.3變量

15.2.4標識符

15.3數據類型

15.3.1undefined

15.3.2null

15.3.3boolean

15.3.4number

15.3.5bigint

15.3.6string

15.3.7symbol

15.3.8數據類型轉換

15.4運算符

15.4.1一元運算符

15.4.2算術運算符

15.4.3關系運算符

15.4.4布爾運算符

15.4.5其他運算符

15.5基本語句

15.5.1條件語句

15.5.2循環語句

15.5.3break和continue語句

15.6使用Chrome開發者工具調試

程序

15.7小結

15.8習題

第16章ES6引用類型

16.1引用類型

16.2數組

16.2.1array定義

16.2.2length屬性

16.2.3數組遍歷

16.2.4數組空位

16.3函數

16.3.1函數定義

16.3.2函數作用域

16.3.3函數參數

16.3.4函數立即調用

16.3.5函數嵌套

16.3.6閉包

16.3.7函數屬性和方法

16.4對象

16.4.1對象概述

16.4.2對象屬性操作

16.4.3with語句

16.4.4構造函數

16.5...運算符

16.5.1剩餘參數

16.5.2展開語法

16.6模板字符串和標簽函數

16.6.1模板字符串

16.6.2標簽函數

16.7解構賦值

16.7.1數組解構賦值

16.7.2對象解構賦值

16.7.3其他解構賦值

16.8錯誤處理機制

16.8.1Error實例對象

16.8.2原生錯誤類型

16.8.3try…catch…finally語句

16.8.4throw語句

16.9小結

16.10習題

第17章ES6標準內置對象

17.1ECMAScript對象類型

17.2全局對象

17.2.1全局屬性

17.2.2全局函數(方法)

17.3Object對象

17.3.1Object函數

17.3.2Object對象屬性

17.3.3Object對象方法

17.3.4屬性描述對象

17.3.5控制對象狀態

17.4Math對象

17.4.1Math對象屬性

17.4.2Math對象方法

17.5Array對象

17.5.1Array對象靜態方法

17.5.2Array對象實例方法

17.5.3Iterator接口

17.6包裝對象

17.6.1Boolean對象

17.6.2Number對象

17.6.3String對象

17.7BigInt對象

17.8Date對象

17.8.1Date對象靜態方法

17.8.2Date對象實例方法

17.8.3“叮叮書店”項目首頁顯示

日期和時間

17.9RegExp對象

17.9.1RegExp實例屬性和方法

17.9.2與正則表達式相關的

String實例方法

17.9.3匹配規則

17.10Set和Map對象

17.10.1Set對象

17.10.2WeakSet對象

17.10.3Map對象

17.10.4WeakMap對象

17.11小結

17.12習題

第18章ES6面向對象編程

18.1對象類型和對象實例

18.1.1new運算符

18.1.2Object.create()

18.2this關鍵字

18.2.1使用環境

18.2.2綁定this

18.2.3super關鍵字

18.3對象繼承

18.3.1原型對象

18.3.2構造函數繼承

18.3.3多重繼承

18.3.4相關方法

18.4嚴格模式

18.4.1啟用嚴格模式

18.4.2顯式報錯

18.4.3語法安全保護

18.4.4靜態綁定

18.5類

18.5.1定義類

18.5.2類的靜態屬性方法

18.5.3類的繼承

18.5.4new.target屬性

18.6模塊

18.6.1export語句

18.6.2import語句

18.6.3重導出

18.7小結

18.8習題

第19章文檔對象模型

19.1DOM概述

19.1.1DOM簡介

19.1.2節點

19.1.3節點樹

19.2Node接口

19.2.1Node接口屬性

19.2.2Node接口方法

19.2.3節點集合

19.2.4父節點和子節點

19.3Document節點

19.3.1集合

19.3.2屬性

19.3.3方法

19.4Element節點

19.4.1實例屬性

19.4.2實例方法

19.5Attr節點

19.5.1element.attributes屬性

19.5.2屬性操作方法

19.6Text節點

19.6.1屬性

19.6.2方法

19.7DocumentFragment節點

19.8CSS Object Model

19.8.1CSSStyleDeclaration接口

19.8.2CSS對象

19.8.3StyleSheet和CSSStyleSheet

接口

19.8.4CSSRuleList接口

19.8.5CSSRule接口

19.9“叮叮書店”項目首頁圖片輪播

廣告的實現

19.10小結

19.11習題

第20章DOM事件

20.1DOM事件模型

20.1.1事件模型

20.1.2Event對象

20.2鼠標事件

20.2.1MouseEvent接口

20.2.2MouseEvent實例屬性

20.2.3MouseEvent實例方法

20.2.4WheelEvent接口

20.3鍵盤事件

20.3.1KeyboardEvent接口

20.3.2KeyboardEvent實例屬性

20.3.3KeyboardEvent實例方法

20.4表單事件

20.4.1表單事件類型

20.4.2InputEvent接口

20.5其他事件

20.5.1資源事件

20.5.2session歷史事件

20.5.3網頁狀態事件

20.5.4窗口事件

20.5.5剪貼板事件

20.5.6焦點事件

20.6拖放事件

20.6.1拖放時觸發的事件

20.6.2dataTransfer接口

20.7“叮叮書店”項目電子書頁面

拖放圖書到購物車

20.8小結

20.9習題

第21章HTML元素接口

21.1HTML元素接口概述

21.2HTMLAnchorElement

21.3HTMLAudioElement和

HTMLVideoElement

21.4HTMLImageElement

21.5HTMLInputElement

21.5.1HTMLInputElement實例

屬性

21.5.2HTMLInputElement實例

方法

21.6HTMLSelectElement和

HTMLOptionElement

21.6.1HTMLSelectElement

21.6.2HTMLOptionElement

21.7HTMLButtonElement

21.8HTMLFormElement

21.8.1HTMLFormElement實例

屬性和方法

21.8.2表單內置驗證

21.8.3“叮叮書店”項目客戶服務

頁面表單數據驗證

21.9HTMLCanvasElement

21.9.1canvas繪畫基礎

21.9.2使用路徑

21.9.3繪制文本

21.9.4繪制圖像

21.10“叮叮書店”項目首頁彩蛋小

游戲——石頭剪子布

21.11小結

21.12習題

第22章瀏覽器對象模型

22.1BOM概述

22.2window對象

22.2.1window對象屬性

22.2.2window對象方法

22.3navigator對象

22.4screen對象

22.5location、URL和URLSearchParams

對象

22.5.1location對象

22.5.2URL接口

22.6history對象

22.6.1history對象的屬性和

方法

22.6.2popstate事件

22.7ArrayBuffer、blob、file、FileList和

FileReader對象

22.7.1ArrayBuffer對象

22.7.2blob對象

22.7.3file對象

22.7.4FileList對象

22.7.5FileReader對象

22.8小結

22.9習題

第23章AJAX與JSON

23.1AJAX

23.2XMLHttpRequest對象

23.2.1創建XMLHttpRequest

對象

23.2.2XMLHttpRequest實例

屬性

23.2.3XMLHttpRequest實例

方法

23.2.4XMLHttpRequest對象

事件

23.2.5XMLHttpRequest響應

23.3JSON

23.3.1JSON語法

23.3.2JSON對象

23.4FormData對象

23.4.1構造函數

23.4.2實例方法

23.4.3文件上傳

23.5Web Storage

23.5.1Cookie

23.5.2Storage接口

23.6“叮叮書店”項目試讀頁面的

建立

23.7小結

23.8習題

參考文獻