HTML5+CSS3網(wǎng)頁(yè)制作實(shí)踐
定 價(jià)：35 元
- 作者：李新榮
- 出版時(shí)間：2022/6/23
- ISBN：9787560664408
- 出 版 社：西安電子科技大學(xué)出版社
- 中圖法分類：TP312.8
- 頁(yè)碼：216
- 紙張：
- 版次：1
- 開(kāi)本：16開(kāi)
本書主要介紹HTML5和CSS3網(wǎng)頁(yè)制作技術(shù)。全書共12章。第1～3章介紹網(wǎng)頁(yè)制作技術(shù)基礎(chǔ)知識(shí)；第4章介紹盒子模型的概念和應(yīng)用，該模型是網(wǎng)頁(yè)制作技術(shù)的核心和基礎(chǔ)；第5章介紹鏈接與列表的應(yīng)用；第6章介紹如何利用浮動(dòng)與定位實(shí)現(xiàn)網(wǎng)頁(yè)布局；第7章介紹表格與表單的應(yīng)用；第8章介紹CSS3的選擇器；第9章介紹CSS3的過(guò)渡、變形及動(dòng)畫技術(shù)；第10章介紹CSS3的彈性布局；第11章介紹多媒體與開(kāi)放平臺(tái)實(shí)用工具的應(yīng)用；第12章介紹如何制作一個(gè)完整的網(wǎng)站首頁(yè)，以達(dá)到整合HTML5和CSS3各方面內(nèi)容與技巧的目的。各章均包含若干實(shí)驗(yàn)，每個(gè)實(shí)驗(yàn)都有詳細(xì)的分析過(guò)程和清晰的制作過(guò)程，便于讀者在實(shí)踐中逐步掌握網(wǎng)頁(yè)制作技術(shù)。
本書可作為大中專院校、培訓(xùn)學(xué)校的計(jì)算機(jī)及相關(guān)專業(yè)的實(shí)驗(yàn)實(shí)訓(xùn)教材，也可作為網(wǎng)頁(yè)設(shè)計(jì)與制作、網(wǎng)站開(kāi)發(fā)等相關(guān)人員的參考書。
“網(wǎng)頁(yè)設(shè)計(jì)與制作”是計(jì)算機(jī)相關(guān)專業(yè)的專業(yè)基礎(chǔ)課程之一。HTML與CSS是網(wǎng)頁(yè)制作技術(shù)的核心基礎(chǔ)，也是網(wǎng)頁(yè)制作者必須掌握的基礎(chǔ)知識(shí)，二者在網(wǎng)頁(yè)制作中不可或缺。HTML5是最新的HTML標(biāo)準(zhǔn)，CSS3是CSS最新的版本，本書主要介紹HTML5和CSS3網(wǎng)頁(yè)制作技術(shù)。只有通過(guò)實(shí)踐才能扎實(shí)掌握網(wǎng)頁(yè)制作技術(shù)，因此本書著重于實(shí)踐指導(dǎo)。
本書特色
· 以理論為基礎(chǔ)，以實(shí)踐為目標(biāo)
本書每章內(nèi)容均由知識(shí)點(diǎn)梳理、基礎(chǔ)練習(xí)和動(dòng)手實(shí)踐三部分組成，前兩個(gè)部分是理論，最后一個(gè)部分是基于理論的實(shí)踐。這種安排能讓讀者在學(xué)習(xí)過(guò)程中，透徹理解知識(shí)點(diǎn)，而后通過(guò)基礎(chǔ)練習(xí)鞏固理論知識(shí)，最后再通過(guò)動(dòng)手實(shí)踐達(dá)到學(xué)以致用。
· 實(shí)驗(yàn)內(nèi)容豐富、實(shí)用
書中每個(gè)實(shí)驗(yàn)都是作者精心挑選和設(shè)計(jì)的，是作者在實(shí)際開(kāi)發(fā)中的經(jīng)驗(yàn)?zāi)Y(jié)。實(shí)驗(yàn)給出了深入淺出的分析以及簡(jiǎn)明清晰的制作步驟。實(shí)驗(yàn)案例經(jīng)典，能使學(xué)生舉一反三，直接在實(shí)際項(xiàng)目中使用。每個(gè)實(shí)驗(yàn)具體內(nèi)容大體包括如下五個(gè)要點(diǎn)：
(1) 考核知識(shí)點(diǎn)(知識(shí)點(diǎn)復(fù)習(xí)綱要)；
(2) 練習(xí)目標(biāo)(實(shí)驗(yàn)?zāi)康?；
(3) 實(shí)驗(yàn)內(nèi)容及要求(實(shí)驗(yàn)要求)；
(4) 實(shí)驗(yàn)分析(實(shí)現(xiàn)思路)；
(5) 實(shí)現(xiàn)步驟(制作步驟)。
· 圖文并茂
實(shí)驗(yàn)分析不僅有文字描述，還有分析圖示意，實(shí)現(xiàn)步驟中的每個(gè)階段都有階段性的效果圖。
· 與時(shí)俱進(jìn)
HTML5是最新的HTML標(biāo)準(zhǔn)，CSS3是CSS的最新版本，本書以HTML5和CSS3為平臺(tái)介紹網(wǎng)頁(yè)制作技術(shù)，書中案例都是以最新規(guī)范實(shí)現(xiàn)的。
讀者對(duì)象
本書可作為大中專院校、培訓(xùn)學(xué)校的計(jì)算機(jī)及相關(guān)專業(yè)的實(shí)驗(yàn)實(shí)訓(xùn)教材，也可供網(wǎng)頁(yè)設(shè)計(jì)與制作、網(wǎng)站開(kāi)發(fā)等從業(yè)人員參考。
本書由桂林電子科技大學(xué)李新榮主編，陳小海、鄧杰、謝紹敏任副主編。由于信息技術(shù)的發(fā)展非常迅速，加之作者水平有限，書中不足之處在所難免，歡迎讀者不吝指正。在閱讀本書時(shí)，如發(fā)現(xiàn)問(wèn)題可以通過(guò)電子郵件(123990509@qq.com)與編者聯(lián)系。
編 者?
2022年2月
第1章 網(wǎng)頁(yè)制作基礎(chǔ) 1
1.1 知識(shí)點(diǎn)梳理 1
1.2 基礎(chǔ)練習(xí) 1
1.3 動(dòng)手實(shí)踐 2
1.3.1 實(shí)驗(yàn)1 ?Dreamweaver初始化設(shè)置 2
1.3.2 實(shí)驗(yàn)2 用Dreamweaver制作第一個(gè)網(wǎng)頁(yè) 4
1.3.3 實(shí)驗(yàn)3 下載及安裝VSCode 7
1.3.4 實(shí)驗(yàn)4 ?VSCode插件的獲取及安裝 9
1.3.5 實(shí)驗(yàn)5 用VSCode制作第一個(gè)網(wǎng)頁(yè) 11
第2章 HTML入門 14
2.1 知識(shí)點(diǎn)梳理 14
2.2 基礎(chǔ)練習(xí) 19
2.3 動(dòng)手實(shí)踐 19
2.3.1 實(shí)驗(yàn)1 ?HTML元素和屬性 19
2.3.2 實(shí)驗(yàn)2 圖文混排 21
2.3.3 實(shí)驗(yàn)3 淘寶寶貝展示 25
2.3.4 實(shí)驗(yàn)4 標(biāo)簽綜合練習(xí)(月記文案) 26
第3章 CSS入門 29
3.1 知識(shí)點(diǎn)梳理 29
3.2 基礎(chǔ)練習(xí) 33
3.3 動(dòng)手實(shí)踐 34
3.3.1 實(shí)驗(yàn)1 文章排版一 34
3.3.2 實(shí)驗(yàn)2 文章排版二 36
3.3.3 實(shí)驗(yàn)3 文章排版三 38
3.3.4 實(shí)驗(yàn)4 新品上市 41
第4章 盒子模型 44
4.1 知識(shí)點(diǎn)梳理 44
4.2 基礎(chǔ)練習(xí) 50
4.3 動(dòng)手實(shí)踐 51
4.3.1 實(shí)驗(yàn)1 潮流新品寶貝展示 51
4.3.2 實(shí)驗(yàn)2 酷車e族寶貝展示 56
4.3.3 實(shí)驗(yàn)3 盒子屬性綜合實(shí)戰(zhàn) 60
第5章 鏈接與列表 63
5.1 知識(shí)點(diǎn)梳理 63
5.2 基礎(chǔ)練習(xí) 65
5.3 動(dòng)手實(shí)踐 66
5.3.1 實(shí)驗(yàn)1 頁(yè)碼導(dǎo)航條 66
5.3.2 實(shí)驗(yàn)2 圖片熱點(diǎn)超鏈接 68
5.3.3 實(shí)驗(yàn)3 無(wú)序列表制作魅力彩妝歲末盛惠廣告 71
5.3.4 實(shí)驗(yàn)4 自定義列表展示商品 73
5.3.5 實(shí)驗(yàn)5 服裝鞋包菜單制作 76
第6章 浮動(dòng)與定位 80
6.1 知識(shí)點(diǎn)梳理 80
6.2 基礎(chǔ)練習(xí) 82
6.3 動(dòng)手實(shí)踐 82
6.3.1 實(shí)驗(yàn)1 食品農(nóng)業(yè)市場(chǎng)商品展示 82
6.3.2 實(shí)驗(yàn)2 商品分類二級(jí)菜單 88
6.3.3 實(shí)驗(yàn)3 天貓商城右側(cè)通道工具欄 94
第7章 表格與表單 100
7.1 知識(shí)點(diǎn)梳理 100
7.2 基礎(chǔ)練習(xí) 104
7.3 動(dòng)手實(shí)踐 105
7.3.1 實(shí)驗(yàn)1 信用評(píng)價(jià)表格 105
7.3.2 實(shí)驗(yàn)2 寶貝發(fā)布表單 110
7.3.3 實(shí)驗(yàn)3 服裝上線申請(qǐng)登記表 114
第8章 CSS3選擇器 122
8.1 知識(shí)點(diǎn)梳理 122
8.2 基礎(chǔ)練習(xí) 124
8.3 動(dòng)手實(shí)踐 125
8.3.1 實(shí)驗(yàn)1 慕課課程列表 125
8.3.2 實(shí)驗(yàn)2 模擬小米元素動(dòng)態(tài)鬧鈴 129
8.3.3 實(shí)驗(yàn)3 模擬新浪網(wǎng)站導(dǎo)航欄 133
8.3.4 實(shí)驗(yàn)4 模擬新浪體育網(wǎng)站導(dǎo)航欄 137
8.3.5 實(shí)驗(yàn)5 漢堡菜單 139
8.3.6 實(shí)驗(yàn)6 海洋生物 141
第9章 過(guò)渡、變形及動(dòng)畫 146
9.1 知識(shí)點(diǎn)梳理 146
9.2 基礎(chǔ)練習(xí) 150
9.3 動(dòng)手實(shí)踐 151
9.3.1 實(shí)驗(yàn)1 模仿瑞麗STAR展示效果 151
9.3.2 實(shí)驗(yàn)2 能位移的標(biāo)題列表 157
9.3.3 實(shí)驗(yàn)3 帶延伸線動(dòng)畫的導(dǎo)航欄 159
9.3.4 實(shí)驗(yàn)4 蒲公英的夢(mèng)想 161
第10章 彈性布局 166
10.1 知識(shí)點(diǎn)梳理 166
10.2 基礎(chǔ)練習(xí) 168
10.3 動(dòng)手實(shí)踐 169
10.3.1 實(shí)驗(yàn)1 用彈性盒子模型布局制作中秋節(jié)快樂(lè)卡 169
10.3.2 實(shí)驗(yàn)2 用彈性布局實(shí)現(xiàn)京東導(dǎo)航 172
第11章 多媒體與開(kāi)放平臺(tái)實(shí)用工具的應(yīng)用 175
11.1 知識(shí)點(diǎn)梳理 175
11.2 基礎(chǔ)練習(xí) 176
11.3 動(dòng)手實(shí)踐 177
11.3.1 實(shí)驗(yàn)1 制作學(xué)校的地圖名片 177
11.3.2 實(shí)驗(yàn)2 在網(wǎng)站上設(shè)置QQ在線客服 179
11.3.3 實(shí)驗(yàn)3 社會(huì)化分享按鈕 182
11.3.4 實(shí)驗(yàn)4 網(wǎng)頁(yè)中應(yīng)用視頻分享 185
第12章 網(wǎng)頁(yè)布局綜合實(shí)踐 187
12.1 知識(shí)點(diǎn)梳理 187
12.2 基礎(chǔ)練習(xí) 187
12.3 動(dòng)手實(shí)踐 189
實(shí)驗(yàn) 模仿制作“時(shí)尚芭莎”網(wǎng)站首頁(yè) 189
附錄 各章基礎(chǔ)練習(xí)參考答案 202
參考文獻(xiàn) 208
書單推薦
