全書將網(wǎng)頁設計與制作知識分解為10個章節(jié)，第1～2章主要講解HTML5的基礎知識。第3～4章主要講解CSS3入門及CSS3選擇器。第5～7章分別講解盒子模型、元素的浮動與定位和表單的應用。第8章主要講解多媒體技術。第9章講解CSS3的高級應用。第10章為跨平臺移動Web技術，利用HTMl5和CSS3互相配合與支持的，實現(xiàn)響應式Web設計。
本書適合沒有任何網(wǎng)頁設計基礎的初學者進行學習。
1.企業(yè)與院校結合的產品
2.通過大量實例深入淺出地分析了網(wǎng)頁制作的方方面面
3.配套資源豐富。有配套課后習題、教材案例參考代碼項目、PPT課件、微課視頻、習題答案等
發(fā)表了《“職業(yè)院校學生頂崗實習評價指標體系研究與實踐”》、《基于微信平臺的高職院校移動學習平臺的設計與實現(xiàn)》等多篇論文；出版了適合高職高專學生使用的《Office辦公自動化高級應用》、《C語言程序設計》等多部教材；主講了《網(wǎng)頁設計與制作》、《辦公自動化高級應用》等課程。參與建設的《模型制作》課程被教育部評審為國家級教學資源共享課程。主持湖北省教育科學“十二五”規(guī)劃課題《高職院�，F(xiàn)代學徒制實施方式與配套政策設計研究》、武漢市教育局高教處教學研究課題《基于微信平臺高職學生移動學習資源的設計與開發(fā)》等立項課題的研究。多次指導學生參加湖北省高職院校技能大賽，多次獲得市級一、二等獎項。
目錄
第 一章 網(wǎng)站概述與HTML語言 2
1.1 HTML概述 2
1.1.1 HTML發(fā)展歷程 2
1.1.2 HTML5的優(yōu)勢 3
1.1.3 HTML5瀏覽器支持情況 4
1.1.4 創(chuàng)建第 一個HTML5頁面 5
1.2 HTML5基礎 10
1.2.1 HTML5文檔基本格式 10
1.2.2 HTML5語法 11
1.2.3 HTML標記 12
1.2.4 標記的屬性 14
1.2.5 HTML5文檔頭部相關標記 16
1.3 文本控制標記 20
1.3.1 標題和段落標記 20
1.3.2 文本格式化標記 25
1.3.3 特殊標記字符 26
1.4 圖像標記 27
1.4.1 常用圖像格式 27
1.4.2 圖像標記
![]()
28
1.4.3 絕對路徑和相對路徑 33
1.5 超鏈接標記 33
1.5.1 創(chuàng)建超鏈接 33
1.5.2 錨點鏈接 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 列表的嵌套應用 7
2.2 結構元素 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 階段案例--制作電影影評網(wǎng) 28
2.7.1 分析效果圖 29
2.7.2 制作頁面 30
本章小結 35
第三章 CSS3入門 2
3.1 CSS3 簡介 2
3.1.1 CSS概述 2
3.1.2 CSS3發(fā)展歷史 3
3.1.3 CSS3瀏覽器支持情況 4
3.2 CSS核心基礎 5
3.2.1 CSS樣式規(guī)則 5
3.2.2 引入CSS樣式表 6
3.2.3 CSS基礎選擇器 11
3.3 文本樣式屬性 18
3.3.1 字體樣式屬性 18
3.3.2 文本外觀屬性 24
3.4 CSS高級特性 35
3.4.1 CSS層疊性和繼承性 35
3.4.2 CSS優(yōu)先級 37
3.5 階段案例——制作服裝推廣軟文 41
3.5.1 分析結果圖 42
3.5.2 制作頁面結構 42
3.5.3 定義CSS樣式 43
本章小結 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 關系選擇器 7
4.2.1 子代選擇器（>） 7
4.2.2 兄弟選擇器（+、~） 8
4.3 結構化偽類選擇器 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)頁設計軟件列表 26
4.6.1 分析效果圖 27
4.6.2 制作頁面結構 28
4.6.3 定義CSS樣式 30
本章小結 32
第五章 CSS盒子模型 2
5.1盒子模型概述 2
5.1.1 認識盒子模型 2
5.1.2
標記 4
5.1.3 盒子的寬與高 6
5.2盒子模型相關屬性 8
5.2.1 邊框屬性 8
5.2.2 邊距屬性 19
5.2.3 box-shadow屬性 24
5.2.4 box-sizing屬性 25
5.3背景屬性 27
5.3.1 設置背景顏色 27
5.3.2 設置背景圖片 29
5.3.3 背景與圖片不透明度設置 29
5.3.4 設置背景圖像平鋪 31
5.3.5 設置背景圖像的位置 32
5.3.6 設置背景圖像固定 34
5.3.7 設置背景圖像的大小 35
5.3.8 設置背景的顯示區(qū)域 37
5.3.9 設置背景圖像的裁剪區(qū)域 39
5.3.10 設置多重背景圖像 40
5.3.11 背景復合屬性 42
5.4 CSS漸變屬性 44
5.4.1 線性漸變 44
5.4.2 徑向漸變 46
5.4.3 重復漸變 48
5.5階段案例——制作音樂排行榜 51
5.5.1 分析效果圖 51
5.5.2 制作頁面結構 52
5.5.3 定義CSS樣式 53
本章小結 55
第六章 浮動與定位 3
6.1 元素浮動 3
6.1.1 元素的浮動屬性float 3
6.1.2 清除浮動 7
6.2 overflow屬性 15
6.3 元素的定位 17
6.3.1 元素的定位屬性 17
6.3.2 靜態(tài)定位static 18
6.3.3 相對定位 relative 18
6.3.4 絕對定位 absolute 20
6.3.5 固定定位fixed 23
6.3.6 z-index層疊等級屬性 23
6.4 元素的類型與轉換 24
6.4.1 元素的類型 24
6.4.2 標記 27
6.4.3 元素的轉換 28
6.5 階段案例--制作網(wǎng)頁焦點圖 30
6.5.1 分析效果圖 31
6.5.2 制作頁面結構 31
6.5.3 定義CSS樣式 33
本章小結 36
第七章 表單的應用 2
7.1 認識表單 2
7.1.1 表單的構成 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 制作頁面結構 40
7.6.3 定義CSS樣式 42
本章小結 45
第八章 多媒體技術 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 調用網(wǎng)頁多媒體文件 10
8.4 CSS控制視頻的寬高 13
8.5 視頻和音頻的方法和事件 15
8.6 HTML5音、視頻發(fā)展趨勢 16
8.7 階段案例-------制作音樂播放界面 17
8.7.1 分析效果圖 17
8.7.2 制作頁面結構 18
8.7.3 定義CSS樣式 19
本章小結 22
第九章 CSS高級應用 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認識transform 8
9.2.2 D轉換 9
9.2.3 3D轉換 17
9.3 動畫 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 階段案例——制作工作日天氣預報 30
9.4.1 分析效果圖 31
9.4.2 制作頁面結構 32
9.4.3 定義CSS樣式 33
9.4.4 制作CSS3動畫 37
本章小結 43
第十章 跨平臺移動Web技術 1
10.1 響應式Web設計 1
10.1.1 響應式Web設計簡介 2
10.1.2 響應式Web設計相關技術 3
10.2 媒體查詢 4
10.3 柵格系統(tǒng) 7
10.4 彈性盒布局 11
本章小結 20
書單推薦
