HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)與制作
定 價(jià):69.8 元
叢書(shū)名:工業(yè)和信息化精品系列教材
- 作者:黑馬程序員
- 出版時(shí)間:2025/4/1
- ISBN:9787115653413
- 出 版 社:人民郵電出版社
- 中圖法分類(lèi):TP393.092.2
- 頁(yè)碼:
- 紙張:膠版紙
- 版次:
- 開(kāi)本:16開(kāi)
HTML5與CSS3是網(wǎng)頁(yè)制作技術(shù)的核心,也是每位網(wǎng)頁(yè)制作者都需要掌握的基礎(chǔ)知識(shí)。本書(shū)從初學(xué)者的角度出發(fā),以形象的比喻、實(shí)用的案例、通俗易懂的語(yǔ)言詳細(xì)介紹如何使用HTML5與CSS3進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作的相關(guān)知識(shí)和技巧。
全書(shū)共12章,第1~4章主要講解HTML5與CSS3的基礎(chǔ)知識(shí),內(nèi)容包括網(wǎng)頁(yè)設(shè)計(jì)概述、初識(shí)HTML5、初識(shí)CSS3、CSS3中其他類(lèi)型的選擇器等;第5~8章主要講解網(wǎng)頁(yè)制作的一些重要技術(shù),內(nèi)容包括盒子模型、列表和超鏈接、表格和表單、DIV+CSS布局等;第9~11章主要講解HTML5和CSS3的新特性,內(nèi)容包括多媒體嵌入、過(guò)渡、變形、動(dòng)畫(huà)、繪圖和數(shù)據(jù)存儲(chǔ);第12章為實(shí)戰(zhàn)開(kāi)發(fā)項(xiàng)目——制作企業(yè)網(wǎng)站頁(yè)面,本章將結(jié)合前面所學(xué)知識(shí),帶領(lǐng)讀者開(kāi)發(fā)一個(gè)中型網(wǎng)站頁(yè)面,進(jìn)一步培養(yǎng)讀者網(wǎng)頁(yè)制作和開(kāi)發(fā)的能力。
本書(shū)配套豐富的教學(xué)資源,包括教學(xué)PPT、教學(xué)大綱、源代碼、課后習(xí)題及答案等。為幫助讀者更好地學(xué)習(xí)本書(shū)中的內(nèi)容,編者團(tuán)隊(duì)還提供了在線答疑服務(wù),希望能夠幫助到更多讀者。
1.黑馬程序員-Web前端開(kāi)發(fā)系列叢書(shū)
2.本書(shū)配套豐富的教學(xué)資源,包括教學(xué)PPT、教學(xué)大綱、教案、源代碼、教學(xué)視頻、課后習(xí)題及答案。
3.新版教材做了升級(jí)、優(yōu)化,更加符合最新的教學(xué)需求。
黑馬程序員是傳智教育旗下高端IT教育品牌,傳智教育是國(guó)內(nèi)首個(gè)實(shí)現(xiàn)A股IPO的教育企業(yè)。依托于傳智雄厚的教育資源,秉承傳智教育“為中華民族偉大復(fù)興而講課,為千萬(wàn)學(xué)生少走彎路而著書(shū)”的使命,致力于培養(yǎng)高精尖數(shù)字化人才,為國(guó)家建設(shè)現(xiàn)代化經(jīng)濟(jì)體系的戰(zhàn)略目標(biāo)培養(yǎng)科技人才。
黑馬程序員課程涵蓋了JavaEE、鴻蒙應(yīng)用開(kāi)發(fā)、HTML&JS+前端、Python大數(shù)據(jù)開(kāi)發(fā)、人工智能、電商視覺(jué)設(shè)計(jì)、軟件測(cè)試、新媒體、產(chǎn)品經(jīng)理等熱門(mén)精品學(xué)科。已在北京昌平、北京順義、上海、廣州、深圳、武漢、鄭州、西安、長(zhǎng)沙、濟(jì)南、重慶、南京、杭州、石家莊、成都、合肥、太原16個(gè)城市設(shè)立17所分校。
第 1章 HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)
概述1
1.1 網(wǎng)頁(yè)概述1
1.1.1 認(rèn)識(shí)網(wǎng)頁(yè)1
1.1.2 網(wǎng)頁(yè)名詞解釋3
1.1.3 Web標(biāo)準(zhǔn)4
1.2 網(wǎng)頁(yè)制作入門(mén)6
1.2.1 HTML6
1.2.2 CSS7
1.2.3 JavaScript8
1.2.4 網(wǎng)頁(yè)的展示平臺(tái)—瀏覽器9
1.3 網(wǎng)頁(yè)代碼編輯工具12
1.3.1 Visual Studio Code的安裝和
設(shè)置12
1.3.2 Visual Studio Code的使用15
1.4 階段案例—?jiǎng)?chuàng)建第 一個(gè)網(wǎng)頁(yè)17
1.5 本章小結(jié)17
1.6 課后練習(xí)18
第 2章 初識(shí)HTML519
2.1 HTML5的優(yōu)勢(shì)19
2.2 HTML5的基本結(jié)構(gòu)20
2.3 標(biāo)簽概述21
2.3.1 標(biāo)簽的分類(lèi)22
2.3.2 標(biāo)簽間的關(guān)系23
2.3.3 標(biāo)簽的屬性23
2.3.4 HTML5頭部相關(guān)標(biāo)簽24
2.4 文本控制標(biāo)簽25
2.4.1 頁(yè)面格式化標(biāo)簽25
2.4.2 文本格式化標(biāo)簽28
2.4.3 HTML實(shí)體29
2.5 圖像標(biāo)簽30
2.5.1 常見(jiàn)圖像格式30
2.5.2 插入圖像31
2.6 階段案例—制作新聞頁(yè)面37
2.7 本章小結(jié)37
2.8 課后練習(xí)37
第3章 初識(shí)CSS338
3.1 結(jié)構(gòu)與表現(xiàn)分離38
3.2 CSS3的優(yōu)勢(shì)39
3.3 CSS核心基礎(chǔ)40
3.3.1 CSS樣式規(guī)則40
3.3.2 引入CSS樣式41
3.3.3 CSS基礎(chǔ)選擇器45
3.4 設(shè)置文本樣式47
3.4.1 字體樣式屬性47
3.4.2 文本外觀屬性51
3.5 CSS核心進(jìn)階60
3.5.1 CSS復(fù)合選擇器60
3.5.2 CSS層疊性和繼承性63
3.5.3 CSS優(yōu)先級(jí)65
3.6 階段案例—制作活動(dòng)通知頁(yè)面68
3.7 本章小結(jié)68
3.8 課后練習(xí)68
第4章 CSS3中其他類(lèi)型的選擇器69
4.1 屬性選擇器69
4.1.1 E[attribute^=value]選擇器69
4.1.2 E[attribute$=value]選擇器70
4.1.3 E[attribute*=value]選擇器71
4.2 關(guān)系選擇器72
4.2.1 子代關(guān)系選擇器72
4.2.2 兄弟關(guān)系選擇器73
4.3 結(jié)構(gòu)化偽類(lèi)選擇器75
4.3.1 :root選擇器75
4.3.2 :not選擇器76
4.3.3 :only-child選擇器77
4.3.4 :first-child選擇器和:last-child
選擇器78
4.3.5 :nth-child(n)選擇器和:nth-
last-child(n)選擇器79
4.3.6 :first-of-type選擇器和
:last-of-type選擇器80
4.3.7 :nth-of-type(n)選擇器和:nth-
last-of-type(n)選擇器81
4.3.8 :empty選擇器83
4.4 偽元素選擇器84
4.4.1 ::before選擇器84
4.4.2 ::after選擇器85
4.5 階段案例—制作列車(chē)時(shí)刻表87
4.6 本章小結(jié)87
4.7 課后練習(xí)87
第5章 盒子模型88
5.1 認(rèn)識(shí)盒子模型88
5.2 盒子模型的相關(guān)屬性90
5.2.1 邊框?qū)傩?0
5.2.2 內(nèi)邊距屬性96
5.2.3 外邊距屬性98
5.2.4 背景屬性99
5.2.5 寬度屬性與高度屬性104
5.3 CSS3新增盒子模型屬性105
5.3.1 透明度105
5.3.2 圓角邊框106
5.3.3 圖像邊框109
5.3.4 陰影111
5.3.5 漸變113
5.3.6 多背景圖像118
5.3.7 調(diào)整背景圖像的屬性119
5.4 元素的類(lèi)型和轉(zhuǎn)換120
5.4.1 元素的類(lèi)型120
5.4.2 標(biāo)簽和標(biāo)簽121
5.4.3 元素類(lèi)型的轉(zhuǎn)換124
5.5 塊元素垂直外邊距的合并126
5.5.1 相鄰塊元素垂直外邊距的合并126
5.5.2 嵌套塊元素垂直外邊距的合并127
5.6 階段案例—制作音樂(lè)排行榜128
5.7 本章小結(jié)129
5.8 課后練習(xí)129
第6章 列表和超鏈接130
6.1 列表標(biāo)簽130
6.1.1 無(wú)序列表130
6.1.2 有序列表131
6.1.3 定義列表133
6.1.4 列表的嵌套134
6.2 CSS列表樣式屬性135
6.2.1 list-style-type屬性135
6.2.2 list-style-image屬性137
6.2.3 list-style-position屬性137
6.2.4 list-style屬性139
6.3 超鏈接標(biāo)簽140
6.3.1 創(chuàng)建超鏈接141
6.3.2 錨點(diǎn)鏈接142
6.4 用鏈接偽類(lèi)控制超鏈接144
6.5 階段案例—制作新聞列表146
6.6 本章小結(jié)146
6.7 課后練習(xí)146
第7章 表格和表單147
7.1 表格147
7.1.1 創(chuàng)建表格147
7.1.2 表格標(biāo)簽的屬性149
7.1.3 用CSS控制表格樣式152
7.2 表單157
7.2.1 表單的構(gòu)成157
7.2.2 創(chuàng)建表單158
7.3 表單控件159
7.3.1 標(biāo)簽159
7.3.2