HTML5+CSS3+ES6前端開發(fā)項目實戰(zhàn)(微課視頻版)
定 價:99 元
叢書名:項目案例開發(fā)叢書
- 作者:張樹明
- 出版時間:2023/5/1
- ISBN:9787302610113
- 出 版 社:清華大學出版社
- 中圖法分類:TP393.092
- 頁碼:
- 紙張:膠版紙
- 版次:
- 開本:16開
本書基于Web標準和響應式Web設計思想,深入淺出地介紹Web前端技術(shù)的基礎知識,涵蓋
HTML5、CSS3和ES6的**內(nèi)容。全書以實戰(zhàn)驅(qū)動知識點,以案例貫穿實戰(zhàn),內(nèi)容翔實,結(jié)構(gòu)合理,語言精練,表達簡明,實用性強,易于自學。
全書共分23章。第1章介紹Web技術(shù)的基本概念、Web體系結(jié)構(gòu)、超文本與標記語言、Web標準的組成和常用瀏覽器; 第2~7章重點介紹Web標準的結(jié)構(gòu)標準HTML5常用的元素標簽及應用; 第8~13章介紹Web標準的表現(xiàn)標準CSS3常用的屬性及應用; 第14章介紹網(wǎng)站制作流程與發(fā)布過程; 第15~23章介紹Web標準的行為標準ECMAScript6、DOM和BOM的基礎知識及應用。
本書可作為高等院校計算機及相關專業(yè)的教材,也可作為相關培訓機構(gòu)的培訓教材以及對Web前端技術(shù)感興趣
的讀者的參考書。
源碼下載
第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服務器
1.3超文本與標記語言
1.3.1超文本
1.3.2標記語言
1.4Web標準
1.5瀏覽器
1.5.1瀏覽器歷史
1.5.2瀏覽器內(nèi)核
1.5.3常用瀏覽器
1.5.4標準瀏覽器
1.6Web開發(fā)工具
1.6.1Visual
Studio
Code
1.6.2測試和調(diào)試環(huán)境
1.7小結(jié)
1.8習題
第2章初識HTML5
2.1HTML5基礎
2.1.1文檔結(jié)構(gòu)
2.1.2元素與標簽
2.1.3元素屬性
2.1.4語法規(guī)則
2.2Visual
Studio
Code基礎
2.2.1Visual
Studio
Code安裝及
設置
2.2.2Visual
Studio
Code基本操作
2.3文檔結(jié)構(gòu)標簽
2.3.1html標簽
2.3.2head標簽
2.3.3body標簽
2.4頭部元素標簽
2.4.1title標簽
2.4.2meta標簽
2.4.3link標簽
2.5叮叮書店項目首頁添加頭部信息
2.6小結(jié)
2.7習題
第3章HTML5網(wǎng)頁內(nèi)容結(jié)構(gòu)與文本
3.1結(jié)構(gòu)標簽
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引用和術(shù)語定義標簽
3.5格式標簽
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)標簽建立內(nèi)容結(jié)構(gòu)
3.8.2在內(nèi)容結(jié)構(gòu)中添加文本
3.9小結(jié)
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小結(jié)
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小結(jié)
5.7習題
第6章HTML5表格
6.1表格
6.1.1表格結(jié)構(gòu)
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小結(jié)
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表單數(shù)據(jù)校驗
7.3.1內(nèi)置表單數(shù)據(jù)校驗
7.3.2正則表達式校驗
7.4叮叮書店項目客戶服務頁面的
建立
7.5叮叮書店項目首頁添加站內(nèi)搜索
7.6小結(jié)
7.7習題
第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習題
第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常用元素默認顯示模式
9.3定位
9.3.1position屬性
9.3.2zindex屬性
9.4浮動
9.4.1float屬性
9.4.2clear屬性
9.5可見與溢出
9.5.1visibility屬性
9.5.2overflow屬性
9.5.3cursor屬性
9.6小結(jié)
9.7習題
第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響應式布局
10.6叮叮書店項目首頁布局樣式
設計
10.7小結(jié)
10.8習題
第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叮叮書店項目首頁外觀樣式
設計
11.7小結(jié)
11.8習題
第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導航菜單
12.5叮叮書店項目首頁偽類和
偽元素樣式設計
12.6小結(jié)
12.7習題
第13章CSS3變換、過渡和動畫
13.1變換
13.1.1CSS變換坐標
13.1.2transform屬性
13.1.3transformorigin屬性
13.1.4transformstyle屬性
13.2過渡
13.2.1transitionproperty屬性
13.2.2transitionduration屬性
13.2.3transitiontimingfunction
屬性
13.2.4transitiondelay屬性
13.3動畫
13.3.1@keyframes規(guī)則
13.3.2animation屬性
13.4叮叮書店項目首頁變換、過渡
和動畫樣式設計
13.5叮叮書店項目首頁響應式
樣式設計
13.6小結(jié)
13.7習題
第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客戶服務(contact.html)
14.3.4關于我們(about.html)
14.3.5詳細內(nèi)容(details.html)
14.3.6購物車(cart.html)
14.4網(wǎng)站發(fā)布
14.5小結(jié)
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數(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關系運算符
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習題
第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模板字符串和標簽函數(shù)
16.6.1模板字符串
16.6.2標簽函數(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習題
第17章ES6標準內(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與正則表達式相關的
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習題
第18章ES6面向?qū)ο缶幊?br />
18.1對象類型和對象實例
18.1.1new運算符
18.1.2Object.create()
18.2this關鍵字
18.2.1使用環(huán)境
18.2.2綁定this
18.2.3super關鍵字
18.3對象繼承
18.3.1原型對象
18.3.2構(gòu)造函數(shù)繼承
18.3.3多重繼承
18.3.4相關方法
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重導出
18.7小結(jié)
18.8習題
第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習題
第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網(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習題
第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叮叮書店項目客戶服務
頁面表單數(shù)據(jù)驗證
21.9HTMLCanvasElement
21.9.1canvas繪畫基礎
21.9.2使用路徑
21.9.3繪制文本
21.9.4繪制圖像
21.10叮叮書店項目首頁彩蛋小
游戲石頭剪子布
21.11小結(jié)
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小結(jié)
22.9習題
第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響應
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習題
參考文獻