HTML5+CSS3+ES6前端開(kāi)發(fā)項(xiàng)目實(shí)戰(zhàn)（微課視頻版）
定 價(jià)：99 元
叢書(shū)名：項(xiàng)目案例開(kāi)發(fā)叢書(shū)
- 作者：張樹(shù)明
- 出版時(shí)間：2023/5/1
- ISBN：9787302610113
- 出 版 社：清華大學(xué)出版社
- 中圖法分類：TP393.092
- 頁(yè)碼：
- 紙張：膠版紙
- 版次：
- 開(kāi)本：16開(kāi)
本書(shū)基于Web標(biāo)準(zhǔn)和響應(yīng)式Web設(shè)計(jì)思想，深入淺出地介紹Web前端技術(shù)的基礎(chǔ)知識(shí)，涵蓋
HTML5、CSS3和ES6的**內(nèi)容。全書(shū)以實(shí)戰(zhàn)驅(qū)動(dòng)知識(shí)點(diǎn)，以案例貫穿實(shí)戰(zhàn)，內(nèi)容翔實(shí)，結(jié)構(gòu)合理，語(yǔ)言精練，表達(dá)簡(jiǎn)明，實(shí)用性強(qiáng)，易于自學(xué)。
全書(shū)共分23章。第1章介紹Web技術(shù)的基本概念、Web體系結(jié)構(gòu)、超文本與標(biāo)記語(yǔ)言、Web標(biāo)準(zhǔn)的組成和常用瀏覽器； 第2~7章重點(diǎn)介紹Web標(biāo)準(zhǔn)的結(jié)構(gòu)標(biāo)準(zhǔn)HTML5常用的元素標(biāo)簽及應(yīng)用； 第8~13章介紹Web標(biāo)準(zhǔn)的表現(xiàn)標(biāo)準(zhǔn)CSS3常用的屬性及應(yīng)用； 第14章介紹網(wǎng)站制作流程與發(fā)布過(guò)程； 第15~23章介紹Web標(biāo)準(zhǔn)的行為標(biāo)準(zhǔn)ECMAScript6、DOM和BOM的基礎(chǔ)知識(shí)及應(yīng)用。
本書(shū)可作為高等院校計(jì)算機(jī)及相關(guān)專業(yè)的教材，也可作為相關(guān)培訓(xùn)機(jī)構(gòu)的培訓(xùn)教材以及對(duì)Web前端技術(shù)感興趣
的讀者的參考書(shū)。
源碼下載
第1章Web技術(shù)概述
1.1Internet概述
1.1.1TCP/IP
1.1.2主機(jī)和IP地址
1.1.3域名和DNS
1.2Web概述
1.2.1Web歷史
1.2.2Web體系結(jié)構(gòu)
1.2.3基本W(wǎng)eb技術(shù)
1.2.4Web服務(wù)器
1.3超文本與標(biāo)記語(yǔ)言
1.3.1超文本
1.3.2標(biāo)記語(yǔ)言
1.4Web標(biāo)準(zhǔn)
1.5瀏覽器
1.5.1瀏覽器歷史
1.5.2瀏覽器內(nèi)核
1.5.3常用瀏覽器
1.5.4標(biāo)準(zhǔn)瀏覽器
1.6Web開(kāi)發(fā)工具
1.6.1Visual
Studio
Code
1.6.2測(cè)試和調(diào)試環(huán)境
1.7小結(jié)
1.8習(xí)題
第2章初識(shí)HTML5
2.1HTML5基礎(chǔ)
2.1.1文檔結(jié)構(gòu)
2.1.2元素與標(biāo)簽
2.1.3元素屬性
2.1.4語(yǔ)法規(guī)則
2.2Visual
Studio
Code基礎(chǔ)
2.2.1Visual
Studio
Code安裝及
設(shè)置
2.2.2Visual
Studio
Code基本操作
2.3文檔結(jié)構(gòu)標(biāo)簽
2.3.1html標(biāo)簽
2.3.2head標(biāo)簽
2.3.3body標(biāo)簽
2.4頭部元素標(biāo)簽
2.4.1title標(biāo)簽
2.4.2meta標(biāo)簽
2.4.3link標(biāo)簽
2.5叮叮書(shū)店項(xiàng)目首頁(yè)添加頭部信息
2.6小結(jié)
2.7習(xí)題
第3章HTML5網(wǎng)頁(yè)內(nèi)容結(jié)構(gòu)與文本
3.1結(jié)構(gòu)標(biāo)簽
3.1.1header標(biāo)簽
3.1.2main標(biāo)簽
3.1.3nav標(biāo)簽
3.1.4article標(biāo)簽
3.1.5section標(biāo)簽
3.1.6aside標(biāo)簽
3.1.7footer標(biāo)簽
3.1.8details和summary
標(biāo)簽
3.2基礎(chǔ)標(biāo)簽
3.2.1h1~h6標(biāo)簽
3.2.2p標(biāo)簽
3.2.3br標(biāo)簽
3.2.4!…標(biāo)簽
3.2.5pre標(biāo)簽
3.2.6div標(biāo)簽
3.2.7span標(biāo)簽
3.3列表標(biāo)簽
3.3.1ul標(biāo)簽
3.3.2ol標(biāo)簽
3.3.3dl標(biāo)簽
3.4引用和術(shù)語(yǔ)定義標(biāo)簽
3.5格式標(biāo)簽
3.6網(wǎng)頁(yè)常見(jiàn)內(nèi)容結(jié)構(gòu)
3.7HTML5調(diào)試
3.8叮叮書(shū)店項(xiàng)目首頁(yè)內(nèi)容結(jié)構(gòu)和
文本
3.8.1用結(jié)構(gòu)標(biāo)簽建立內(nèi)容結(jié)構(gòu)
3.8.2在內(nèi)容結(jié)構(gòu)中添加文本
3.9小結(jié)
3.10習(xí)題
第4章HTML5超鏈接
4.1a標(biāo)簽
4.1.1href屬性
4.1.2download屬性
4.1.3target屬性
4.1.4id屬性
4.2HTML5字符集
4.2.1字符集
4.2.2字符實(shí)體
4.3MathML
4.3.1MathML參考手冊(cè)
4.3.2MathML瀏覽器兼容性
4.4小結(jié)
4.5習(xí)題
第5章HTML5多媒體與嵌入
5.1圖像
5.1.1img標(biāo)簽
5.1.2map標(biāo)簽和area標(biāo)簽
5.1.3figure標(biāo)簽和figcaption
標(biāo)簽
5.2響應(yīng)式圖像
5.2.1像素與設(shè)備像素比
5.2.2img標(biāo)簽的srcset和sizes
屬性
5.2.3picture標(biāo)簽
5.3音視頻
5.3.1video標(biāo)簽
5.3.2audio標(biāo)簽
5.4其他嵌入元素
5.4.1iframe標(biāo)簽
5.4.2embed標(biāo)簽
5.4.3object標(biāo)簽
5.5叮叮書(shū)店項(xiàng)目首頁(yè)超鏈接和圖像的
使用
5.6小結(jié)
5.7習(xí)題
第6章HTML5表格
6.1表格
6.1.1表格結(jié)構(gòu)
6.1.2表格標(biāo)簽
6.2常用表格標(biāo)簽
6.2.1table標(biāo)簽
6.2.2tr標(biāo)簽
6.2.3th標(biāo)簽
6.2.4td標(biāo)簽
6.2.5colgroup和
col標(biāo)簽
6.2.6caption標(biāo)簽
6.2.7thead、tbody和tfoot
標(biāo)簽
6.3嵌套表格
6.4叮叮書(shū)店項(xiàng)目購(gòu)物車(chē)頁(yè)面的建立
6.5小結(jié)
6.6習(xí)題
第7章HTML5表單
7.1表單
7.2表單域
7.2.1input標(biāo)簽
7.2.2textarea標(biāo)簽
7.2.3label標(biāo)簽
7.2.4fieldset標(biāo)簽
7.2.5select標(biāo)簽
7.2.6option標(biāo)簽
7.2.7optgroup標(biāo)簽
7.2.8button標(biāo)簽
7.2.9datalist標(biāo)簽
7.3表單數(shù)據(jù)校驗(yàn)
7.3.1內(nèi)置表單數(shù)據(jù)校驗(yàn)
7.3.2正則表達(dá)式校驗(yàn)
7.4叮叮書(shū)店項(xiàng)目客戶服務(wù)頁(yè)面的
建立
7.5叮叮書(shū)店項(xiàng)目首頁(yè)添加站內(nèi)搜索
7.6小結(jié)
7.7習(xí)題
第8章初識(shí)CSS3
8.1概述
8.2規(guī)則
8.2.1語(yǔ)法
8.2.2注釋
8.3選擇器
8.3.1基本選擇器
8.3.2組合選擇器
8.4屬性
8.5數(shù)據(jù)類型
8.5.1字符數(shù)據(jù)類型
8.5.2數(shù)值數(shù)據(jù)類型
8.5.3特殊數(shù)據(jù)類型
8.5.4CSS函數(shù)
8.6使用方式
8.7層疊性
8.8使用Chrome開(kāi)發(fā)者工具檢查
編輯頁(yè)面及樣式
8.9小結(jié)
8.10習(xí)題
第9章CSS3盒模型與定位
9.1盒模型
9.1.1概述
9.1.2盒模型大小
9.1.3padding屬性
9.1.4border屬性
9.1.5margin屬性
9.1.6outline屬性
9.1.7boxshadow屬性
9.1.8opacity屬性
9.2盒模型顯示模式
9.2.1display屬性
9.2.2常用元素默認(rèn)顯示模式
9.3定位
9.3.1position屬性
9.3.2zindex屬性
9.4浮動(dòng)
9.4.1float屬性
9.4.2clear屬性
9.5可見(jiàn)與溢出
9.5.1visibility屬性
9.5.2overflow屬性
9.5.3cursor屬性
9.6小結(jié)
9.7習(xí)題
第10章CSS3頁(yè)面布局
10.1伸縮盒
10.1.1伸縮項(xiàng)目屬性
10.1.2伸縮容器屬性
10.2網(wǎng)格
10.2.1網(wǎng)格布局的基本概念
10.2.2基于網(wǎng)格線定位網(wǎng)格
項(xiàng)目
10.2.3網(wǎng)格模板區(qū)域
10.2.4網(wǎng)格布局的自動(dòng)定位
10.2.5網(wǎng)格布局的盒模型對(duì)齊
10.2.6網(wǎng)格與伸縮盒
10.3媒體查詢
10.4默認(rèn)樣式
10.5基本布局模板
10.5.1固定布局
10.5.2響應(yīng)式布局
10.6叮叮書(shū)店項(xiàng)目首頁(yè)布局樣式
設(shè)計(jì)
10.7小結(jié)
10.8習(xí)題
第11章CSS3元素外觀屬性
11.1背景
11.1.1backgroundcolor屬性
11.1.2backgroundimage屬性
11.1.3backgroundrepeat屬性
11.1.4backgroundposition屬性
11.1.5backgroundattachment
屬性
11.1.6backgroundorigin屬性
11.1.7backgroundclip屬性
11.1.8backgroundsize屬性
11.2字體
11.2.1fontfamily屬性
11.2.2fontsize屬性
11.2.3fontstyle屬性
11.2.4fontweight屬性
11.2.5@fontface規(guī)則
11.3文本
11.3.1lineheight屬性
11.3.2textindent屬性
11.3.3textalign屬性
11.3.4letterspacing屬性
11.3.5texttransform屬性
11.3.6whitespace屬性
11.3.7textdecoration屬性
11.3.8textshadow屬性
11.3.9wordbreak和wordwrap
屬性
11.3.10columns屬性
11.4列表
11.4.1liststyletype屬性
11.4.2liststyleimage屬性
11.4.3liststyleposition屬性
11.5表格
11.5.1表格屬性
11.5.2改善表格顯示效果
11.6叮叮書(shū)店項(xiàng)目首頁(yè)外觀樣式
設(shè)計(jì)
11.7小結(jié)
11.8習(xí)題
第12章CSS3偽類和偽元素
12.1偽類
12.1.1超鏈接偽類
12.1.2結(jié)構(gòu)性偽類
12.1.3子元素偽類
12.1.4UI偽類
12.2偽元素
12.2.1::firstline
12.2.2::firstletter
12.2.3::before和::after
12.3內(nèi)容
12.3.1content屬性
12.3.2counterincrement屬性
12.3.3quotes屬性
12.4導(dǎo)航菜單
12.5叮叮書(shū)店項(xiàng)目首頁(yè)偽類和
偽元素樣式設(shè)計(jì)
12.6小結(jié)
12.7習(xí)題
第13章CSS3變換、過(guò)渡和動(dòng)畫(huà)
13.1變換
13.1.1CSS變換坐標(biāo)
13.1.2transform屬性
13.1.3transformorigin屬性
13.1.4transformstyle屬性
13.2過(guò)渡
13.2.1transitionproperty屬性
13.2.2transitionduration屬性
13.2.3transitiontimingfunction
屬性
13.2.4transitiondelay屬性
13.3動(dòng)畫(huà)
13.3.1@keyframes規(guī)則
13.3.2animation屬性
13.4叮叮書(shū)店項(xiàng)目首頁(yè)變換、過(guò)渡
和動(dòng)畫(huà)樣式設(shè)計(jì)
13.5叮叮書(shū)店項(xiàng)目首頁(yè)響應(yīng)式
樣式設(shè)計(jì)
13.6小結(jié)
13.7習(xí)題
第14章網(wǎng)站制作流程與發(fā)布
14.1網(wǎng)站制作流程
14.2模板
14.3基于模板建立叮叮書(shū)店項(xiàng)目
其他頁(yè)面
14.3.1圖書(shū)分類(category.html)
14.3.2電子書(shū)(ebook.html)
14.3.3客戶服務(wù)(contact.html)
14.3.4關(guān)于我們(about.html)
14.3.5詳細(xì)內(nèi)容(details.html)
14.3.6購(gòu)物車(chē)(cart.html)
14.4網(wǎng)站發(fā)布
14.5小結(jié)
14.6習(xí)題
第15章初識(shí)ES6
15.1JavaScript
15.1.1JavaScript歷史
15.1.2JavaScript組成
15.1.3JavaScript的使用
15.1.4JavaScript加載原理
15.1.5JavaScript消息框
15.1.6console對(duì)象與控制臺(tái)
15.2ES6基礎(chǔ)
15.2.1語(yǔ)法基礎(chǔ)
15.2.2常量
15.2.3變量
15.2.4標(biāo)識(shí)符
15.3數(shù)據(jù)類型
15.3.1undefined
15.3.2null
15.3.3boolean
15.3.4number
15.3.5bigint
15.3.6string
15.3.7symbol
15.3.8數(shù)據(jù)類型轉(zhuǎn)換
15.4運(yùn)算符
15.4.1一元運(yùn)算符
15.4.2算術(shù)運(yùn)算符
15.4.3關(guān)系運(yùn)算符
15.4.4布爾運(yùn)算符
15.4.5其他運(yùn)算符
15.5基本語(yǔ)句
15.5.1條件語(yǔ)句
15.5.2循環(huán)語(yǔ)句
15.5.3break和continue語(yǔ)句
15.6使用Chrome開(kāi)發(fā)者工具調(diào)試
程序
15.7小結(jié)
15.8習(xí)題
第16章ES6引用類型
16.1引用類型
16.2數(shù)組
16.2.1array定義
16.2.2length屬性
16.2.3數(shù)組遍歷
16.2.4數(shù)組空位
16.3函數(shù)
16.3.1函數(shù)定義
16.3.2函數(shù)作用域
16.3.3函數(shù)參數(shù)
16.3.4函數(shù)立即調(diào)用
16.3.5函數(shù)嵌套
16.3.6閉包
16.3.7函數(shù)屬性和方法
16.4對(duì)象
16.4.1對(duì)象概述
16.4.2對(duì)象屬性操作
16.4.3with語(yǔ)句
16.4.4構(gòu)造函數(shù)
16.5...運(yùn)算符
16.5.1剩余參數(shù)
16.5.2展開(kāi)語(yǔ)法
16.6模板字符串和標(biāo)簽函數(shù)
16.6.1模板字符串
16.6.2標(biāo)簽函數(shù)
16.7解構(gòu)賦值
16.7.1數(shù)組解構(gòu)賦值
16.7.2對(duì)象解構(gòu)賦值
16.7.3其他解構(gòu)賦值
16.8錯(cuò)誤處理機(jī)制
16.8.1Error實(shí)例對(duì)象
16.8.2原生錯(cuò)誤類型
16.8.3try…catch…finally語(yǔ)句
16.8.4throw語(yǔ)句
16.9小結(jié)
16.10習(xí)題
第17章ES6標(biāo)準(zhǔn)內(nèi)置對(duì)象
17.1ECMAScript對(duì)象類型
17.2全局對(duì)象
17.2.1全局屬性
17.2.2全局函數(shù)(方法)
17.3Object對(duì)象
17.3.1Object函數(shù)
17.3.2Object對(duì)象屬性
17.3.3Object對(duì)象方法
17.3.4屬性描述對(duì)象
17.3.5控制對(duì)象狀態(tài)
17.4Math對(duì)象
17.4.1Math對(duì)象屬性
17.4.2Math對(duì)象方法
17.5Array對(duì)象
17.5.1Array對(duì)象靜態(tài)方法
17.5.2Array對(duì)象實(shí)例方法
17.5.3Iterator接口
17.6包裝對(duì)象
17.6.1Boolean對(duì)象
17.6.2Number對(duì)象
17.6.3String對(duì)象
17.7BigInt對(duì)象
17.8Date對(duì)象
17.8.1Date對(duì)象靜態(tài)方法
17.8.2Date對(duì)象實(shí)例方法
17.8.3叮叮書(shū)店項(xiàng)目首頁(yè)顯示
日期和時(shí)間
17.9RegExp對(duì)象
17.9.1RegExp實(shí)例屬性和方法
17.9.2與正則表達(dá)式相關(guān)的
String實(shí)例方法
17.9.3匹配規(guī)則
17.10Set和Map對(duì)象
17.10.1Set對(duì)象
17.10.2WeakSet對(duì)象
17.10.3Map對(duì)象
17.10.4WeakMap對(duì)象
17.11小結(jié)
17.12習(xí)題
第18章ES6面向?qū)ο缶幊?br />
18.1對(duì)象類型和對(duì)象實(shí)例
18.1.1new運(yùn)算符
18.1.2Object.create()
18.2this關(guān)鍵字
18.2.1使用環(huán)境
18.2.2綁定this
18.2.3super關(guān)鍵字
18.3對(duì)象繼承
18.3.1原型對(duì)象
18.3.2構(gòu)造函數(shù)繼承
18.3.3多重繼承
18.3.4相關(guān)方法
18.4嚴(yán)格模式
18.4.1啟用嚴(yán)格模式
18.4.2顯式報(bào)錯(cuò)
18.4.3語(yǔ)法安全保護(hù)
18.4.4靜態(tài)綁定
18.5類
18.5.1定義類
18.5.2類的靜態(tài)屬性方法
18.5.3類的繼承
18.5.4new.target屬性
18.6模塊
18.6.1export語(yǔ)句
18.6.2import語(yǔ)句
18.6.3重導(dǎo)出
18.7小結(jié)
18.8習(xí)題
第19章文檔對(duì)象模型
19.1DOM概述
19.1.1DOM簡(jiǎn)介
19.1.2節(jié)點(diǎn)
19.1.3節(jié)點(diǎn)樹(shù)
19.2Node接口
19.2.1Node接口屬性
19.2.2Node接口方法
19.2.3節(jié)點(diǎn)集合
19.2.4父節(jié)點(diǎn)和子節(jié)點(diǎn)
19.3Document節(jié)點(diǎn)
19.3.1集合
19.3.2屬性
19.3.3方法
19.4Element節(jié)點(diǎn)
19.4.1實(shí)例屬性
19.4.2實(shí)例方法
19.5Attr節(jié)點(diǎn)
19.5.1element.attributes屬性
19.5.2屬性操作方法
19.6Text節(jié)點(diǎn)
19.6.1屬性
19.6.2方法
19.7DocumentFragment節(jié)點(diǎn)
19.8CSS
Object
Model
19.8.1CSSStyleDeclaration接口
19.8.2CSS對(duì)象
19.8.3StyleSheet和CSSStyleSheet
接口
19.8.4CSSRuleList接口
19.8.5CSSRule接口
19.9叮叮書(shū)店項(xiàng)目首頁(yè)圖片輪播
廣告的實(shí)現(xiàn)
19.10小結(jié)
19.11習(xí)題
第20章DOM事件
20.1DOM事件模型
20.1.1事件模型
20.1.2Event對(duì)象
20.2鼠標(biāo)事件
20.2.1MouseEvent接口
20.2.2MouseEvent實(shí)例屬性
20.2.3MouseEvent實(shí)例方法
20.2.4WheelEvent接口
20.3鍵盤(pán)事件
20.3.1KeyboardEvent接口
20.3.2KeyboardEvent實(shí)例屬性
20.3.3KeyboardEvent實(shí)例方法
20.4表單事件
20.4.1表單事件類型
20.4.2InputEvent接口
20.5其他事件
20.5.1資源事件
20.5.2session歷史事件
20.5.3網(wǎng)頁(yè)狀態(tài)事件
20.5.4窗口事件
20.5.5剪貼板事件
20.5.6焦點(diǎn)事件
20.6拖放事件
20.6.1拖放時(shí)觸發(fā)的事件
20.6.2dataTransfer接口
20.7叮叮書(shū)店項(xiàng)目電子書(shū)頁(yè)面
拖放圖書(shū)到購(gòu)物車(chē)
20.8小結(jié)
20.9習(xí)題
第21章HTML元素接口
21.1HTML元素接口概述
21.2HTMLAnchorElement
21.3HTMLAudioElement和
HTMLVideoElement
21.4HTMLImageElement
21.5HTMLInputElement
21.5.1HTMLInputElement實(shí)例
屬性
21.5.2HTMLInputElement實(shí)例
方法
21.6HTMLSelectElement和
HTMLOptionElement
21.6.1HTMLSelectElement
21.6.2HTMLOptionElement
21.7HTMLButtonElement
21.8HTMLFormElement
21.8.1HTMLFormElement實(shí)例
屬性和方法
21.8.2表單內(nèi)置驗(yàn)證
21.8.3叮叮書(shū)店項(xiàng)目客戶服務(wù)
頁(yè)面表單數(shù)據(jù)驗(yàn)證
21.9HTMLCanvasElement
21.9.1canvas繪畫(huà)基礎(chǔ)
21.9.2使用路徑
21.9.3繪制文本
21.9.4繪制圖像
21.10叮叮書(shū)店項(xiàng)目首頁(yè)彩蛋小
游戲石頭剪子布
21.11小結(jié)
21.12習(xí)題
第22章瀏覽器對(duì)象模型
22.1BOM概述
22.2window對(duì)象
22.2.1window對(duì)象屬性
22.2.2window對(duì)象方法
22.3navigator對(duì)象
22.4screen對(duì)象
22.5location、URL和URLSearchParams
對(duì)象
22.5.1location對(duì)象
22.5.2URL接口
22.6history對(duì)象
22.6.1history對(duì)象的屬性和
方法
22.6.2popstate事件
22.7ArrayBuffer、blob、file、FileList和
FileReader對(duì)象
22.7.1ArrayBuffer對(duì)象
22.7.2blob對(duì)象
22.7.3file對(duì)象
22.7.4FileList對(duì)象
22.7.5FileReader對(duì)象
22.8小結(jié)
22.9習(xí)題
第23章AJAX與JSON
23.1AJAX
23.2XMLHttpRequest對(duì)象
23.2.1創(chuàng)建XMLHttpRequest
對(duì)象
23.2.2XMLHttpRequest實(shí)例
屬性
23.2.3XMLHttpRequest實(shí)例
方法
23.2.4XMLHttpRequest對(duì)象
事件
23.2.5XMLHttpRequest響應(yīng)
23.3JSON
23.3.1JSON語(yǔ)法
23.3.2JSON對(duì)象
23.4FormData對(duì)象
23.4.1構(gòu)造函數(shù)
23.4.2實(shí)例方法
23.4.3文件上傳
23.5Web
Storage
23.5.1Cookie
23.5.2Storage接口
23.6叮叮書(shū)店項(xiàng)目試讀頁(yè)面的
建立
23.7小結(jié)
23.8習(xí)題
參考文獻(xiàn)
書(shū)單推薦
