HTML+CSS+JavaScript前端開發(fā)基礎(chǔ)教程
定 價：69 元
叢書名：面向新工科普通高等教育系列教材
- 作者：呂云翔 歐陽植昊 張遠(yuǎn) 等編著
- 出版時間：2022/8/1
- ISBN：9787111710813
- 出 版 社：機(jī)械工業(yè)出版社
- 中圖法分類：TP393.092.2
- 頁碼：
- 紙張：膠版紙
- 版次：
- 開本：16開
本書從HTML/CSS/JavaScript的基本概念開始，由淺入深地介紹三種語言在網(wǎng)頁開發(fā)中的應(yīng)用，并挑選了其中*為經(jīng)典的內(nèi)容進(jìn)行講解，幫助讀者高效地掌握網(wǎng)頁開發(fā)技術(shù)。
本書的第壹部分從整體上介紹HTML/CSS/JavaScript在Web開發(fā)中的應(yīng)用；第二部分著重介紹HTML語言，分析其搭建網(wǎng)頁框架的特點(diǎn)；第三部分講解CSS語言如何控制頁面的樣式和風(fēng)格；第四部分介紹JavaScript在實(shí)現(xiàn)網(wǎng)頁動態(tài)邏輯方面的應(yīng)用；第五部分通過綜合案例講解HTML/CSS/JavaScript在實(shí)際開發(fā)中的各類應(yīng)用場景。
本書既適合作為高等院校網(wǎng)頁開發(fā)、Web開發(fā)課程的教材，也適合非計算機(jī)專業(yè)的學(xué)生及廣大計算機(jī)愛好者閱讀。
挑選了三種語言工具中重要、實(shí)用的部分進(jìn)行講解，通過模板使用、代碼規(guī)范、示例講解等形式來幫助讀者進(jìn)一步深化理解。
通過綜合案例講解HTML/CSS/JavaScript在實(shí)際開發(fā)中的各類應(yīng)用場景。
提供電子課件、教學(xué)大綱、習(xí)題答案、源代碼。
隨著信息技術(shù)的發(fā)展，計算機(jī)科學(xué)越來越融入人們的生活當(dāng)中，人們已經(jīng)習(xí)慣了通過各類電子設(shè)備（如手機(jī)、計算機(jī)）來獲取需要的信息，而其中一個重要的途徑即是網(wǎng)頁。HTML/ CSS/JavaScript作為編寫網(wǎng)頁的基本語言，提供了極為強(qiáng)大的兼容性和靈活性，可以說這是當(dāng)前跨平臺信息傳遞方便、靈活的一項技術(shù)，這套技術(shù)也是網(wǎng)頁技術(shù)的發(fā)展方向。在信息時代，HTML/CSS/JavaScript從某種程度上決定了人們獲取信息的方式，它是一種可以改變世界的技術(shù)。
當(dāng)下，無論是計算機(jī)PC端還是移動端，都安裝有瀏覽器，這就意味著幾乎所有的用戶端口都能接入網(wǎng)頁。同時現(xiàn)在常見的社交網(wǎng)絡(luò)、電商、實(shí)時通信技術(shù)等，全部都與網(wǎng)頁技術(shù)息息相關(guān)，甚至現(xiàn)代編程語言的發(fā)展也深受HTML/CSS/JavaScript語言的影響�？梢哉f，HTML/ CSS/JavaScript是當(dāng)前展示信息，開發(fā)應(yīng)用簡單、高效的一種技術(shù)，十分值得推廣學(xué)習(xí)。
市面上雖然有大量HTML/CSS/JavaScript的相關(guān)書籍，但其中也存在一些缺憾與不足。如使用規(guī)范過舊，提及過多被HTML5、CSS3等新標(biāo)準(zhǔn)淘汰的技術(shù)；提供的實(shí)例較少，過多的概念講解無法與實(shí)際結(jié)合；個別內(nèi)容沒有普遍性，沒有引導(dǎo)讀者掌握學(xué)習(xí)HTML/CSS/JavaScript的本質(zhì)，并不能有效提高讀者自主解決問題的能力。
本書從讀者入門學(xué)習(xí)的角度出發(fā)，通過通俗易懂的語言、豐富多彩的實(shí)例、貼近開發(fā)實(shí)戰(zhàn)的項目，循序漸進(jìn)地讓讀者在實(shí)踐中學(xué)習(xí)HTML/CSS/JavaScript編程知識，并提升自己的實(shí)際開發(fā)能力。
本書主要分為五部分，第一部分講解前端開發(fā)的一些基本背景，快速了解HTML/CSS/JavaScript這三種語言的特點(diǎn)，同時了解它們?nèi)咧g的合作關(guān)系。希望讀者通過閱讀第一部分可以有基本的前端開發(fā)能力，之后可以自行學(xué)習(xí)后面的章節(jié)或自行查閱資料學(xué)習(xí)。第二、三、四部分分別針對HTML/CSS/JavaScript展開介紹。我們挑選了三種語言工具中重要、實(shí)用的部分進(jìn)行講解，通過模板使用、代碼規(guī)范、示例講解等形式來展示如何將這三種語言與實(shí)際應(yīng)用緊密聯(lián)系，希望讀者能夠通過學(xué)習(xí)進(jìn)一步深化對于這幾種語言的理解。第五部分為綜合案例。
本書所有實(shí)例代碼都可以從機(jī)械工業(yè)出版社的網(wǎng)站（www.cmpedu.com）上進(jìn)行下載。
本書的作者為呂云翔、歐陽植昊、張遠(yuǎn)、楊壯，曾洪立參與了部分內(nèi)容的編寫并進(jìn)行了素材整理及配套資源制作等。
在本書的編寫過程中，我們盡量做到仔細(xì)認(rèn)真，但由于水平有限，還是可能會出現(xiàn)一些疏漏與不妥之處，在此非常歡迎廣大讀者進(jìn)行批評指正。同時也希望廣大讀者可以將自己讀書學(xué)習(xí)的心得體會反饋給我們。
前言
第1章 HTML/CSS/JavaScript介紹1
1.1 HTML/CSS/JavaScript簡介1
1.2 HTML/CSS/JavaScript背景1
1.2.1 HTML背景1
1.2.2 CSS背景2
1.2.3 JavaScript背景2
1.3 HTML/CSS/JavaScript協(xié)作關(guān)系2
1.4 HTML/CSS/JavaScript學(xué)習(xí)建議3
1.5 前端開發(fā)環(huán)境3
1.5.1 瀏覽器3
1.5.2 開發(fā)工具5
1.5.3 使用說明7
思考題9
第2章 HTML介紹10
2.1 標(biāo)記語言10
2.1.1 定義10
2.1.2 應(yīng)用與示例10
2.2 HTML說明11
2.2.1 HTML發(fā)展歷程11
2.2.2 HTML標(biāo)記11
2.2.3 HTML的語言特點(diǎn)12
2.2.4 HTML5簡介12
2.3 HTML結(jié)構(gòu)13
2.4 HTML示例14
2.5 HTML調(diào)試16
2.5.1 HTML代碼錯誤16
2.5.2 HTML錯誤調(diào)試16
思考題18
第3章 HTML基本概念19
3.1 元素19
3.1.1 HTML元素語法19
3.1.2 常見元素19
3.1.3 HTML 實(shí)例解析21
3.1.4 注意事項22
3.2 屬性22
3.2.1 屬性語法23
3.2.2 常見屬性23
3.2.3 屬性實(shí)例24
3.3 樣式26
3.3.1 樣式簡介26
3.3.2 內(nèi)聯(lián)樣式26
3.3.3 內(nèi)部樣式表27
3.3.4 外部樣式表28
3.3.5 HTML 樣式標(biāo)簽29
3.4 注釋30
3.5 區(qū)塊（div）31
思考題31
第4章 HTML常用控件32
4.1 表單32
4.1.1 表單簡介32
4.1.2 表單定義32
4.1.3 表單屬性33
4.1.4 表單元素34
4.1.5 表單樣例39
4.2 媒體42
4.2.1 HTML 音頻（Audio）42
4.2.2 HTML 視頻（Video）43
4.3 表格45
4.3.1 表格簡介45
4.3.2 表格屬性46
思考題46
第5章 客戶端存儲47
5.1 Cookie47
5.1.1 Cookie的屬性48
5.1.2 Cookie的設(shè)置49
5.1.3 JavaScript操作Cookie51
5.1.4 Cookie的使用示例51
5.2 localStorage53
5.2.1 localStorage概念53
5.2.2 localStorage使用方式54
5.3 sessionStorage54
5.3.1 sessionStorage概念54
5.3.2 sessionStorage使用方式54
5.4 localStorage與sessionStorage的區(qū)別與聯(lián)系55
思考題55
第6章 HTML樣例56
6.1 網(wǎng)頁前端簡歷56
6.1.1 HTML代碼56
6.1.2 代碼說明61
6.1.3 界面62
6.2 個人博客62
6.2.1 HTML代碼62
6.2.2 代碼說明64
6.2.3 界面65
思考題65
第7章 CSS介紹與基本概念66
7.1 CSS簡介66
7.1.1 CSS語言特點(diǎn)66
7.1.2 CSS工作原理67
7.1.3 技術(shù)應(yīng)用67
7.2 語言基礎(chǔ)67
7.3 CSS 語法68
7.4 選擇器69
7.4.1 ID 選擇器70
7.4.2 CLASS 選擇器70
7.4.3 偽類選擇器70
7.4.4 屬性選擇器72
7.5 CSS字體72
7.5.1 CSS字型73
7.5.2 字體系列73
7.5.3 字體樣式74
7.5.4 字體大小74
7.5.5 設(shè)置字體大小像素74
7.5.6 使用百分比和em組合75
7.5.7 所有CSS字體屬性76
7.6 CSS顏色76
7.7 CSS3背景77
7.7.1 瀏覽器支持77
7.7.2 屬性78
7.7.3 背景使用實(shí)例80
思考題82
第8章 CSS盒子模型83
8.1 盒子模型簡介83
8.1.1 元素的寬度和高度83
8.1.2 瀏覽器的兼容性問題84
8.2 CSS 邊框84
8.2.1 邊框樣式84
8.2.2 邊框?qū)挾?5
8.2.3 邊框顏色86
8.2.4 邊框-單獨(dú)設(shè)置各邊86
8.2.5 邊框-簡寫屬性87
8.3 CSS 輪廓87
8.3.1 輪廓屬性87
8.3.2 輪廓實(shí)例88
8.4 CSS Margin（外邊距）89
8.4.1 Margin單邊外邊距屬性89
8.4.2 Margin簡寫屬性89
8.4.3 所有的CSS邊距屬性90
8.4.4 Margin樣例90
8.5 CSS Padding（填充）91
8.5.1 填充單邊內(nèi)邊距屬性91
8.5.2 填充簡寫屬性91
8.5.3 所有的CSS填充屬性92
8.5.4 Padding實(shí)例92
思考題93
第9章 彈性盒布局94
9.1 彈性盒布局簡介94
9.2 彈性容器95
9.3 彈性元素97
9.4 彈性盒的典型示例99
9.4.1 導(dǎo)航99
9.4.2 拆分導(dǎo)航100
9.4.3 元素居中101
9.4.4 絕 對底部102
9.4.5 媒體對象103
思考題104
第10章 CSS定位105
10.1 Position屬性105
10.1.1 static 定位105
10.1.2 fixed 定位105
10.1.3 relative定位106
10.1.4 absolute定位106
10.1.5 sticky 定位106
10.1.6 重疊的元素106
10.1.7 CSS Position屬性總結(jié)107
10.1.8 Position實(shí)例108
10.2 Float 屬性109
10.2.1 CSS Float（浮動）109
10.2.2 元素怎樣浮動109
10.2.3 彼此相鄰的浮動元素109
10.2.4 清除浮動使用 clear109
10.2.5 CSS 中所有的浮動屬性109
10.2.6 浮動的影響109
10.2.7 Float實(shí)例110
10.3 Align屬性111
思考題111
第11章 CSS3 動畫及響應(yīng)式112
11.1 CSS3中的動畫112
11.2 CSS3 @keyframes 規(guī)則113
11.3 CSS3 動畫屬性115
11.4 CSS動畫實(shí)例116
11.5 響應(yīng)式簡介117
11.6 Viewpoint118
11.7 網(wǎng)格視圖118
思考題122
第12章 CSS樣例123
12.1 時鐘123
12.1.1 代碼123
12.1.2 代碼說明與界面128
12.2 圖片網(wǎng)站128
12.2.1 代碼128
12.2.2 代碼說明與界面132
思考題132
第13章 JavaScript介紹與基本概念133
13.1 JavaScript簡介133
13.2 特點(diǎn)與應(yīng)用場景135
13.2.1 特點(diǎn)135
13.2.2 應(yīng)用場景135
13.3 變量136
13.3.1 變量定義136
13.3.2 JavaScript 數(shù)據(jù)類型136
13.3.3 創(chuàng)建JavaScript 變量13
書單推薦
