源碼下載
第1章Web技術(shù)概述
1.1Internet概述
1.1.1TCP/IP
1.1.2主機和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)記語言
1.3.1超文本
1.3.2標(biāo)記語言
1.4Web標(biāo)準
1.5瀏覽器
1.5.1瀏覽器歷史
1.5.2瀏覽器內(nèi)核
1.5.3常用瀏覽器
1.5.4標(biāo)準瀏覽器
1.6Web開發(fā)工具
1.6.1Visual
Studio
Code
1.6.2測試和調(diào)試環(huán)境
1.7小結(jié)
1.8習(xí)題
第2章初識HTML5
2.1HTML5基礎(chǔ)
2.1.1文檔結(jié)構(gòu)
2.1.2元素與標(biāo)簽
2.1.3元素屬性
2.1.4語法規(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叮叮書店項目首頁添加頭部信息
2.6小結(jié)
2.7習(xí)題
第3章HTML5網(wǎng)頁內(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ù)語定義標(biāo)簽
3.5格式標(biāo)簽
3.6網(wǎng)頁常見內(nèi)容結(jié)構(gòu)
3.7HTML5調(diào)試
3.8叮叮書店項目首頁內(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字符實體
4.3MathML
4.3.1MathML參考手冊
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叮叮書店項目首頁超鏈接和圖像的
使用
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叮叮書店項目購物車頁面的建立
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ù)校驗
7.3.1內(nèi)置表單數(shù)據(jù)校驗
7.3.2正則表達式校驗
7.4叮叮書店項目客戶服務(wù)頁面的
建立
7.5叮叮書店項目首頁添加站內(nèi)搜索
7.6小結(jié)
7.7習(xí)題
第8章初識CSS3
8.1概述
8.2規(guī)則
8.2.1語法
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開發(fā)者工具檢查
編輯頁面及樣式
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.7box�瞫hadow屬性
9.1.8opacity屬性
9.2盒模型顯示模式
9.2.1display屬性
9.2.2常用元素默認顯示模式
9.3定位
9.3.1position屬性
9.3.2z�瞚ndex屬性
9.4浮動
9.4.1float屬性
9.4.2clear屬性
9.5可見與溢出
9.5.1visibility屬性
9.5.2overflow屬性
9.5.3cursor屬性
9.6小結(jié)
9.7習(xí)題
第10章CSS3頁面布局
10.1伸縮盒
10.1.1伸縮項目屬性
10.1.2伸縮容器屬性
10.2網(wǎng)格
10.2.1網(wǎng)格布局的基本概念
10.2.2基于網(wǎng)格線定位網(wǎng)格
項目
10.2.3網(wǎng)格模板區(qū)域
10.2.4網(wǎng)格布局的自動定位
10.2.5網(wǎng)格布局的盒模型對齊
10.2.6網(wǎng)格與伸縮盒
10.3媒體查詢
10.4默認樣式
10.5基本布局模板
10.5.1固定布局
10.5.2響應(yīng)式布局
10.6叮叮書店項目首頁布局樣式
設(shè)計
10.7小結(jié)
10.8習(xí)題
第11章CSS3元素外觀屬性
11.1背景
11.1.1background�瞔olor屬性
11.1.2background�瞚mage屬性
11.1.3background�瞨epeat屬性
11.1.4background�瞤osition屬性
11.1.5background�瞐ttachment
屬性
11.1.6background�瞣rigin屬性
11.1.7background�瞔lip屬性
11.1.8background�瞫ize屬性
11.2字體
11.2.1font�瞗amily屬性
11.2.2font�瞫ize屬性
11.2.3font�瞫tyle屬性
11.2.4font�瞱eight屬性
11.2.5@font�瞗ace規(guī)則
11.3文本
11.3.1line�瞙eight屬性
11.3.2text�瞚ndent屬性
11.3.3text�瞐lign屬性
11.3.4letter�瞫pacing屬性
11.3.5text�瞭ransform屬性
11.3.6white�瞫pace屬性
11.3.7text�瞕ecoration屬性
11.3.8text�瞫hadow屬性
11.3.9word�瞓reak和word�瞱rap
屬性
11.3.10columns屬性
11.4列表
11.4.1list�瞫tyle�瞭ype屬性
11.4.2list�瞫tyle�瞚mage屬性
11.4.3list�瞫tyle�瞤osition屬性
11.5表格
11.5.1表格屬性
11.5.2改善表格顯示效果
11.6叮叮書店項目首頁外觀樣式
設(shè)計
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::first�瞝ine
12.2.2::first�瞝etter
12.2.3::before和::after
12.3內(nèi)容
12.3.1content屬性
12.3.2counter�瞚ncrement屬性
12.3.3quotes屬性
12.4導(dǎo)航菜單
12.5叮叮書店項目首頁偽類和
偽元素樣式設(shè)計
12.6小結(jié)
12.7習(xí)題
第13章CSS3變換、過渡和動畫
13.1變換
13.1.1CSS變換坐標(biāo)
13.1.2transform屬性
13.1.3transform�瞣rigin屬性
13.1.4transform�瞫tyle屬性
13.2過渡
13.2.1transition�瞤roperty屬性
13.2.2transition�瞕uration屬性
13.2.3transition�瞭iming�瞗unction
屬性
13.2.4transition�瞕elay屬性
13.3動畫
13.3.1@keyframes規(guī)則
13.3.2animation屬性
13.4叮叮書店項目首頁變換、過渡
和動畫樣式設(shè)計
13.5叮叮書店項目首頁響應(yīng)式
樣式設(shè)計
13.6小結(jié)
13.7習(xí)題
第14章網(wǎng)站制作流程與發(fā)布
14.1網(wǎng)站制作流程
14.2模板
14.3基于模板建立叮叮書店項目
其他頁面
14.3.1圖書分類(category.html)
14.3.2電子書(ebook.html)
14.3.3客戶服務(wù)(contact.html)
14.3.4關(guān)于我們(about.html)
14.3.5詳細內(nèi)容(details.html)
14.3.6購物車(cart.html)
14.4網(wǎng)站發(fā)布
14.5小結(jié)
14.6習(xí)題
第15章初識ES6
15.1JavaScript
15.1.1JavaScript歷史
15.1.2JavaScript組成
15.1.3JavaScript的使用
15.1.4JavaScript加載原理
15.1.5JavaScript消息框
15.1.6console對象與控制臺
15.2ES6基礎(chǔ)
15.2.1語法基礎(chǔ)
15.2.2常量
15.2.3變量
15.2.4標(biāo)識符
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運算符
15.4.1一元運算符
15.4.2算術(shù)運算符
15.4.3關(guān)系運算符
15.4.4布爾運算符
15.4.5其他運算符
15.5基本語句
15.5.1條件語句
15.5.2循環(huán)語句
15.5.3break和continue語句
15.6使用Chrome開發(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對象
16.4.1對象概述
16.4.2對象屬性操作
16.4.3with語句
16.4.4構(gòu)造函數(shù)
16.5...運算符
16.5.1剩余參數(shù)
16.5.2展開語法
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對象解構(gòu)賦值
16.7.3其他解構(gòu)賦值
16.8錯誤處理機制
16.8.1Error實例對象
16.8.2原生錯誤類型
16.8.3try…catch…finally語句
16.8.4throw語句
16.9小結(jié)
16.10習(xí)題
第17章ES6標(biāo)準內(nèi)置對象
17.1ECMAScript對象類型
17.2全局對象
17.2.1全局屬性
17.2.2全局函數(shù)(方法)
17.3Object對象
17.3.1Object函數(shù)
17.3.2Object對象屬性
17.3.3Object對象方法
17.3.4屬性描述對象
17.3.5控制對象狀態(tài)
17.4Math對象
17.4.1Math對象屬性
17.4.2Math對象方法
17.5Array對象
17.5.1Array對象靜態(tài)方法
17.5.2Array對象實例方法
17.5.3Iterator接口
17.6包裝對象
17.6.1Boolean對象
17.6.2Number對象
17.6.3String對象
17.7BigInt對象
17.8Date對象
17.8.1Date對象靜態(tài)方法
17.8.2Date對象實例方法
17.8.3叮叮書店項目首頁顯示
日期和時間
17.9RegExp對象
17.9.1RegExp實例屬性和方法
17.9.2與正則表達式相關(guān)的
String實例方法
17.9.3匹配規(guī)則
17.10Set和Map對象
17.10.1Set對象
17.10.2WeakSet對象
17.10.3Map對象
17.10.4WeakMap對象
17.11小結(jié)
17.12習(xí)題
第18章ES6面向?qū)ο缶幊?br /> 18.1對象類型和對象實例
18.1.1new運算符
18.1.2Object.create()
18.2this關(guān)鍵字
18.2.1使用環(huán)境
18.2.2綁定this
18.2.3super關(guān)鍵字
18.3對象繼承
18.3.1原型對象
18.3.2構(gòu)造函數(shù)繼承
18.3.3多重繼承
18.3.4相關(guān)方法
18.4嚴格模式
18.4.1啟用嚴格模式
18.4.2顯式報錯
18.4.3語法安全保護
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語句
18.6.2import語句
18.6.3重導(dǎo)出
18.7小結(jié)
18.8習(xí)題
第19章文檔對象模型
19.1DOM概述
19.1.1DOM簡介
19.1.2節(jié)點
19.1.3節(jié)點樹
19.2Node接口
19.2.1Node接口屬性
19.2.2Node接口方法
19.2.3節(jié)點集合
19.2.4父節(jié)點和子節(jié)點
19.3Document節(jié)點
19.3.1集合
19.3.2屬性
19.3.3方法
19.4Element節(jié)點
19.4.1實例屬性
19.4.2實例方法
19.5Attr節(jié)點
19.5.1element.attributes屬性
19.5.2屬性操作方法
19.6Text節(jié)點
19.6.1屬性
19.6.2方法
19.7DocumentFragment節(jié)點
19.8CSS
Object
Model
19.8.1CSSStyleDeclaration接口
19.8.2CSS對象
19.8.3StyleSheet和CSSStyleSheet
接口
19.8.4CSSRuleList接口
19.8.5CSSRule接口
19.9叮叮書店項目首頁圖片輪播
廣告的實現(xiàn)
19.10小結(jié)
19.11習(xí)題
第20章DOM事件
20.1DOM事件模型
20.1.1事件模型
20.1.2Event對象
20.2鼠標(biāo)事件
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網(wǎng)頁狀態(tài)事件
20.5.4窗口事件
20.5.5剪貼板事件
20.5.6焦點事件
20.6拖放事件
20.6.1拖放時觸發(fā)的事件
20.6.2dataTransfer接口
20.7叮叮書店項目電子書頁面
拖放圖書到購物車
20.8小結(jié)
20.9習(xí)題
第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表單內(nèi)置驗證
21.8.3叮叮書店項目客戶服務(wù)
頁面表單數(shù)據(jù)驗證
21.9HTMLCanvasElement
21.9.1canvas繪畫基礎(chǔ)
21.9.2使用路徑
21.9.3繪制文本
21.9.4繪制圖像
21.10叮叮書店項目首頁彩蛋小
游戲石頭剪子布
21.11小結(jié)
21.12習(xí)題
第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小結(jié)
22.9習(xí)題
第23章AJAX與JSON
23.1AJAX
23.2XMLHttpRequest對象
23.2.1創(chuàng)建XMLHttpRequest
對象
23.2.2XMLHttpRequest實例
屬性
23.2.3XMLHttpRequest實例
方法
23.2.4XMLHttpRequest對象
事件
23.2.5XMLHttpRequest響應(yīng)
23.3JSON
23.3.1JSON語法
23.3.2JSON對象
23.4FormData對象
23.4.1構(gòu)造函數(shù)
23.4.2實例方法
23.4.3文件上傳
23.5Web
Storage
23.5.1Cookie
23.5.2Storage接口
23.6叮叮書店項目試讀頁面的
建立

23.7小結(jié)

23.8習(xí)題

參考文獻