本書(shū)是針對(duì)零基礎(chǔ)網(wǎng)頁(yè)設(shè)計(jì)人員而編寫(xiě)的入門(mén)教程。HTML5與CSS3是網(wǎng)頁(yè)制作技術(shù)的核心,也是每個(gè)網(wǎng)頁(yè)制作人員必須掌握的基礎(chǔ)知識(shí)。本書(shū)從初學(xué)者的角度,以實(shí)用的案例、通俗易懂的語(yǔ)言詳細(xì)介紹如何使用HTML5與CSS3進(jìn)行網(wǎng)頁(yè)制作的方法和技巧。
本書(shū)共10章。第1~4章主要講解HTML5與CSS3的基礎(chǔ)知識(shí),包括HTML5入門(mén)、HTML5標(biāo)簽和屬性、CSS3入門(mén)、CSS3選擇器等;第5~9章分別講解盒子模型、網(wǎng)頁(yè)布局、表格和表單、多媒體嵌入,以及過(guò)渡、變形和動(dòng)畫(huà)等,這些內(nèi)容是網(wǎng)頁(yè)制作技術(shù)的核心;第10章是一個(gè)實(shí)戰(zhàn)開(kāi)發(fā)項(xiàng)目,帶領(lǐng)讀者綜合運(yùn)用本書(shū)所學(xué)知識(shí)制作油紙傘網(wǎng)站首頁(yè)。
本書(shū)提供教學(xué)PPT、教學(xué)大綱、教學(xué)視頻、源代碼等豐富的配套資源。
本書(shū)可作為高等教育本、專(zhuān)科院校網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教材,也可作為相關(guān)從業(yè)人員的自學(xué)參考書(shū)。
1.“十三五”職業(yè)教育國(guó)家規(guī)劃教材改版;
2.本書(shū)配套有豐富的教學(xué)資源,包括教學(xué)PPT、教學(xué)設(shè)計(jì)、教學(xué)大綱、課后習(xí)題及答案、教學(xué)視頻等。
3.較上一版調(diào)整了部分知識(shí)點(diǎn)的順序,更符合由淺入深、循序漸進(jìn)的學(xué)習(xí)思路。
黑馬程序員,傳智教育旗下高端IT教育品牌,它是由中國(guó)Java培訓(xùn)先行者張孝祥老師發(fā)起,聯(lián)合全球最大的中文IT社區(qū)CSDN、中關(guān)村軟件園共同創(chuàng)辦的一家專(zhuān)業(yè)教育機(jī)構(gòu)。辦學(xué)至今,我們一直堅(jiān)守著“為千萬(wàn)人少走彎路而著書(shū),為中華軟件之崛起而講課”的辦學(xué)理念,堅(jiān)持培養(yǎng)優(yōu)秀軟件應(yīng)用工程師的宏偉目標(biāo),在累計(jì)培養(yǎng)的十萬(wàn)余名學(xué)員中,其中90%的學(xué)員均已在北、上、廣等一線(xiàn)城市高薪就業(yè),特別是“黑馬程序員”的平均就業(yè)薪資已達(dá)到8K以上。為了迎合軟件市場(chǎng)的需求,我們陸續(xù)開(kāi)設(shè)了Java、網(wǎng)頁(yè)平面、PHP、.Net、iOS、C/C++、Android等9個(gè)專(zhuān)業(yè)方向的課程,并且未來(lái)將逐漸開(kāi)設(shè)其他專(zhuān)業(yè)方向的課程。隨著傳智播客的日益壯大,除了北京總部,我們?cè)谏虾!V州、武漢、成都、深圳等地也創(chuàng)立了直營(yíng)分支機(jī)構(gòu),傳智播客儼然已成為了國(guó)內(nèi)具有專(zhuān)業(yè)口碑的IT教育機(jī)構(gòu)。
第 1章 HTML5入門(mén) 1
1.1 網(wǎng)頁(yè)相關(guān)知識(shí) 1
1.1.1 網(wǎng)頁(yè)構(gòu)成 1
1.1.2 網(wǎng)頁(yè)相關(guān)名詞 3
1.1.3 Web標(biāo)準(zhǔn) 4
1.1.4 瀏覽器 5
1.2 HTML5概述 8
1.2.1 HTML的演變歷程 8
1.2.2 HTML5的優(yōu)勢(shì) 9
1.2.3 瀏覽器對(duì)HTML5的兼容情況 10
1.3 HTML5的基礎(chǔ)知識(shí) 10
1.3.1 HTML5的基本結(jié)構(gòu) 10
1.3.2 HTML5的語(yǔ)法格式 11
1.3.3 HTML5標(biāo)簽的類(lèi)型 12
1.3.4 HTML5標(biāo)簽的屬性 13
1.3.5 HTML5文檔頭部相關(guān)標(biāo)簽 14
1.4 HTML5的代碼編輯工具 15
1.4.1 VS Code的安裝、設(shè)置 15
1.4.2 VS Code的使用 18
1.5 階段案例——第 一個(gè)HTML5頁(yè)面 20
1.5.1 案例分析 20
1.5.2 制作HTML5頁(yè)面 20
本章小結(jié) 21
動(dòng)手實(shí)踐 21
第 2章 HTML5標(biāo)簽和屬性 22
2.1 文本控制標(biāo)簽 22
2.1.1 頁(yè)面格式化標(biāo)簽 22
2.1.2 文本格式化標(biāo)簽 25
2.1.3 文本樣式標(biāo)簽 27
2.1.4 特殊字符 28
2.2 圖像標(biāo)簽 29
2.2.1 常用圖像格式 29
2.2.2 圖像標(biāo)簽及其屬性 29
2.2.3 絕對(duì)路徑和相對(duì)路徑 33
2.3 列表標(biāo)簽 34
2.3.1 無(wú)序列表 34
2.3.2 有序列表 35
2.3.3 定義列表 37
2.3.4 列表的嵌套 38
2.4 超鏈接標(biāo)簽 39
2.4.1 創(chuàng)建超鏈接 39
2.4.2 錨點(diǎn)鏈接 40
2.5 結(jié)構(gòu)標(biāo)簽 42
2.5.1
標(biāo)簽 42
2.5.2