HTML5+CSS3網(wǎng)站設(shè)計(jì)基礎(chǔ)教程
定 價(jià)：69.8 元
- 作者：全麗莉 李杰
- 出版時(shí)間：2022/8/1
- ISBN：9787115499615
- 出 版 社：人民郵電出版社
- 中圖法分類：TP312.8
- 頁碼：0
- 紙張：
- 版次：01
- 開本：16開
全書將網(wǎng)頁設(shè)計(jì)與制作知識(shí)分解為10個(gè)章節(jié)，第1～2章主要講解HTML5的基礎(chǔ)知識(shí)。第3～4章主要講解CSS3入門及CSS3選擇器。第5～7章分別講解盒子模型、元素的浮動(dòng)與定位和表單的應(yīng)用。第8章主要講解多媒體技術(shù)。第9章講解CSS3的高級(jí)應(yīng)用。第10章為跨平臺(tái)移動(dòng)Web技術(shù)，利用HTMl5和CSS3互相配合與支持的，實(shí)現(xiàn)響應(yīng)式Web設(shè)計(jì)。
本書適合沒有任何網(wǎng)頁設(shè)計(jì)基礎(chǔ)的初學(xué)者進(jìn)行學(xué)習(xí)。
1.企業(yè)與院校結(jié)合的產(chǎn)品
2.通過大量實(shí)例深入淺出地分析了網(wǎng)頁制作的方方面面
3.配套資源豐富。有配套課后習(xí)題、教材案例參考代碼項(xiàng)目、PPT課件、微課視頻、習(xí)題答案等
發(fā)表了《“職業(yè)院校學(xué)生頂崗實(shí)習(xí)評(píng)價(jià)指標(biāo)體系研究與實(shí)踐”》、《基于微信平臺(tái)的高職院校移動(dòng)學(xué)習(xí)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)》等多篇論文；出版了適合高職高專學(xué)生使用的《Office辦公自動(dòng)化高級(jí)應(yīng)用》、《C語言程序設(shè)計(jì)》等多部教材；主講了《網(wǎng)頁設(shè)計(jì)與制作》、《辦公自動(dòng)化高級(jí)應(yīng)用》等課程。參與建設(shè)的《模型制作》課程被教育部評(píng)審為國(guó)家級(jí)教學(xué)資源共享課程。主持湖北省教育科學(xué)“十二五”規(guī)劃課題《高職院�，F(xiàn)代學(xué)徒制實(shí)施方式與配套政策設(shè)計(jì)研究》、武漢市教育局高教處教學(xué)研究課題《基于微信平臺(tái)高職學(xué)生移動(dòng)學(xué)習(xí)資源的設(shè)計(jì)與開發(fā)》等立項(xiàng)課題的研究。多次指導(dǎo)學(xué)生參加湖北省高職院校技能大賽，多次獲得市級(jí)一、二等獎(jiǎng)項(xiàng)。
目錄
第 一章 網(wǎng)站概述與HTML語言 2
1.1 HTML概述 2
1.1.1 HTML發(fā)展歷程 2
1.1.2 HTML5的優(yōu)勢(shì) 3
1.1.3 HTML5瀏覽器支持情況 4
1.1.4 創(chuàng)建第 一個(gè)HTML5頁面 5
1.2 HTML5基礎(chǔ) 10
1.2.1 HTML5文檔基本格式 10
1.2.2 HTML5語法 11
1.2.3 HTML標(biāo)記 12
1.2.4 標(biāo)記的屬性 14
1.2.5 HTML5文檔頭部相關(guān)標(biāo)記 16
1.3 文本控制標(biāo)記 20
1.3.1 標(biāo)題和段落標(biāo)記 20
1.3.2 文本格式化標(biāo)記 25
1.3.3 特殊標(biāo)記字符 26
1.4 圖像標(biāo)記 27
1.4.1 常用圖像格式 27
1.4.2 圖像標(biāo)記
![]()
28
1.4.3 絕對(duì)路徑和相對(duì)路徑 33
1.5 超鏈接標(biāo)記 33
1.5.1 創(chuàng)建超鏈接 33
1.5.2 錨點(diǎn)鏈接 35
1.6階段案例——制作HTML5百科頁面 37
1.6.1 分析效果圖 39
1.6.2 制作頁面 39
1.6.3 制作頁面鏈接 43
本章小節(jié) 43
第二章 HTML5頁面元素及屬性 2
2.1 列表元素 2
2.1.1 無序列表元素 2
2.1.2 有序列表元素 4
2.1.3 定義列表元素 6
2.1.4 列表的嵌套應(yīng)用 7
2.2 結(jié)構(gòu)元素 8
2.2.1 header元素 8
2.2.2 nav元素 9
2.2.3 article元素 10
2.2.4 aside元素 11
2.2.5 section元素 13
2.2.6 footer元素 14
2.3 分組元素 15
2.3.1 figure元素和figcaption元素 15
2.3.2 hgroup元素 16
2.4頁面交互元素 18
2.4.1 details元素和summary元素 18
2.4.2 progress元素 20
2.4.3 meter元素 21
2.5 文本層次語義元素 22
2.5.1 time元素 22
2.5.2 mark 元素 23
2.5.3 cite 元素 24
2.6 全局屬性 25
2.6.1 draggable 屬性 25
2.6.2 hidden 屬性 26
2.6.3 spellcheck屬性 26
2.6.4 contenteditable屬性 27
2.7 階段案例--制作電影影評(píng)網(wǎng) 28
2.7.1 分析效果圖 29
2.7.2 制作頁面 30
本章小結(jié) 35
第三章 CSS3入門 2
3.1 CSS3 簡(jiǎn)介 2
3.1.1 CSS概述 2
3.1.2 CSS3發(fā)展歷史 3
3.1.3 CSS3瀏覽器支持情況 4
3.2 CSS核心基礎(chǔ) 5
3.2.1 CSS樣式規(guī)則 5
3.2.2 引入CSS樣式表 6
3.2.3 CSS基礎(chǔ)選擇器 11
3.3 文本樣式屬性 18
3.3.1 字體樣式屬性 18
3.3.2 文本外觀屬性 24
3.4 CSS高級(jí)特性 35
3.4.1 CSS層疊性和繼承性 35
3.4.2 CSS優(yōu)先級(jí) 37
3.5 階段案例——制作服裝推廣軟文 41
3.5.1 分析結(jié)果圖 42
3.5.2 制作頁面結(jié)構(gòu) 42
3.5.3 定義CSS樣式 43
本章小結(jié) 45
第四章 CSS3選擇器 2
4.1 屬性選擇器 2
4.1.1 E[att^=value]屬性選擇器 2
4.1.2 E[att$=value]屬性選擇器 4
4.1.3 E[att*=value]屬性選擇器 6
4.2 關(guān)系選擇器 7
4.2.1 子代選擇器（>） 7
4.2.2 兄弟選擇器（+、~） 8
4.3 結(jié)構(gòu)化偽類選擇器 11
4.3.1 :root選擇器 11
4.3.2 :not選擇器 12
4.3.3 :only-child選擇器 13
4.3.4 :first-child 和 :last-child選擇器 15
4.3.5 :nth-child(n)和:nth-last-child(n)選擇器 16
4.3.6 :nth-of-type(n)和:nth-last-of-type(n)選擇器 17
4.3.7 :empty選擇器 19
4.3.8 :target選擇器 20
4.4 偽元素選擇器 22
4.4.1 :before選擇器 22
4.4.2 :after選擇器 23
4.5 鏈接偽類 24
4.6 階段案例——制作網(wǎng)頁設(shè)計(jì)軟件列表 26
4.6.1 分析效果圖 27
4.6.2 制作頁面結(jié)構(gòu) 28
4.6.3 定義CSS樣式 30
本章小結(jié) 32
第五章 CSS盒子模型 2
5.1盒子模型概述 2
5.1.1 認(rèn)識(shí)盒子模型 2
5.1.2
標(biāo)記 4
5.1.3 盒子的寬與高 6
5.2盒子模型相關(guān)屬性 8
5.2.1 邊框?qū)傩?8
5.2.2 邊距屬性 19
5.2.3 box-shadow屬性 24
5.2.4 box-sizing屬性 25
5.3背景屬性 27
5.3.1 設(shè)置背景顏色 27
5.3.2 設(shè)置背景圖片 29
5.3.3 背景與圖片不透明度設(shè)置 29
5.3.4 設(shè)置背景圖像平鋪 31
5.3.5 設(shè)置背景圖像的位置 32
5.3.6 設(shè)置背景圖像固定 34
5.3.7 設(shè)置背景圖像的大小 35
5.3.8 設(shè)置背景的顯示區(qū)域 37
5.3.9 設(shè)置背景圖像的裁剪區(qū)域 39
5.3.10 設(shè)置多重背景圖像 40
5.3.11 背景復(fù)合屬性 42
5.4 CSS漸變屬性 44
5.4.1 線性漸變 44
5.4.2 徑向漸變 46
5.4.3 重復(fù)漸變 48
5.5階段案例——制作音樂排行榜 51
5.5.1 分析效果圖 51
5.5.2 制作頁面結(jié)構(gòu) 52
5.5.3 定義CSS樣式 53
本章小結(jié) 55
第六章 浮動(dòng)與定位 3
6.1 元素浮動(dòng) 3
6.1.1 元素的浮動(dòng)屬性float 3
6.1.2 清除浮動(dòng) 7
6.2 overflow屬性 15
6.3 元素的定位 17
6.3.1 元素的定位屬性 17
6.3.2 靜態(tài)定位static 18
6.3.3 相對(duì)定位 relative 18
6.3.4 絕對(duì)定位 absolute 20
6.3.5 固定定位fixed 23
6.3.6 z-index層疊等級(jí)屬性 23
6.4 元素的類型與轉(zhuǎn)換 24
6.4.1 元素的類型 24
6.4.2 標(biāo)記 27
6.4.3 元素的轉(zhuǎn)換 28
6.5 階段案例--制作網(wǎng)頁焦點(diǎn)圖 30
6.5.1 分析效果圖 31
6.5.2 制作頁面結(jié)構(gòu) 31
6.5.3 定義CSS樣式 33
本章小結(jié) 36
第七章 表單的應(yīng)用 2
7.1 認(rèn)識(shí)表單 2
7.1.1 表單的構(gòu)成 2
7.1.2 創(chuàng)建表單 3
7.2 表單屬性 4
7.3 input元素及屬性 7
7.3.1 input元素的type屬性 8
7.3.2 input元素的其他屬性 17
7.4 其他表單元素 25
7.4.1 textarea元素 25
7.4.2 select元素 26
7.4.3 datalist元素 30
7.4.4 keygen元素 31
7.4.5 output元素 33
7.5 CSS控制表單樣式 33
7.6 階段案例——制作信息登記表 38
7.6.1 分析效果圖 39
7.6.2 制作頁面結(jié)構(gòu) 40
7.6.3 定義CSS樣式 42
本章小結(jié) 45
第八章 多媒體技術(shù) 2
8.1 HTML5多媒體的特性 2
8.2 多媒體的支持條件 3
8.2.1 視頻和音頻編解碼器 3
8.2.2 多媒體的格式 4
8.2.3 支持視頻和音頻的瀏覽器 4
8.3 嵌入視頻和音頻 6
8.3.1 在HTML5中嵌入視頻 6
8.3.2 在HTML5中嵌入音頻 8
8.3.3 音、視頻中的source元素 9
8.3.4 調(diào)用網(wǎng)頁多媒體文件 10
8.4 CSS控制視頻的寬高 13
8.5 視頻和音頻的方法和事件 15
8.6 HTML5音、視頻發(fā)展趨勢(shì) 16
8.7 階段案例-------制作音樂播放界面 17
8.7.1 分析效果圖 17
8.7.2 制作頁面結(jié)構(gòu) 18
8.7.3 定義CSS樣式 19
本章小結(jié) 22
第九章 CSS高級(jí)應(yīng)用 2
9.1 過渡 2
9.1.1 transition-property屬性 2
9.1.2 transition-duration屬性 4
9.1.3 transition-timing-function屬性 5
9.1.4 transition-delay屬性 7
9.1.5 transition屬性 8
9.2 變形 8
9.2.1認(rèn)識(shí)transform 8
9.2.2 D轉(zhuǎn)換 9
9.2.3 3D轉(zhuǎn)換 17
9.3 動(dòng)畫 23
9.3.1 @keyframes 23
9.3.2 animation-name屬性 24
9.3.3 animation-duration屬性 24
9.3.4 animation-timing-function屬性 26
9.3.5 animation-delay屬性 27
9.3.6 animation-iteration-count屬性 28
9.3.7 animation-direction屬性 28
9.3.8 animation屬性 30
9.4 階段案例——制作工作日天氣預(yù)報(bào) 30
9.4.1 分析效果圖 31
9.4.2 制作頁面結(jié)構(gòu) 32
9.4.3 定義CSS樣式 33
9.4.4 制作CSS3動(dòng)畫 37
本章小結(jié) 43
第十章 跨平臺(tái)移動(dòng)Web技術(shù) 1
10.1 響應(yīng)式Web設(shè)計(jì) 1
10.1.1 響應(yīng)式Web設(shè)計(jì)簡(jiǎn)介 2
10.1.2 響應(yīng)式Web設(shè)計(jì)相關(guān)技術(shù) 3
10.2 媒體查詢 4
10.3 柵格系統(tǒng) 7
10.4 彈性盒布局 11
本章小結(jié) 20
書單推薦
