Web前端開發(fā)案例教程（HTML5+CSS3 微課版）

第 1章
Web前端開發(fā)概述\t1
1．1 認識Web前端開發(fā)\t1
1．2 Web相關(guān)概念\t1
1．3 HTML5概述\t3
1．4 常用的瀏覽器\t3
1．5 創(chuàng)建第 一個HTML5頁面\t4
1．5．1 Dreamweaver工具簡介\t4
1．5．2 案例：創(chuàng)建第 一個HTML5
網(wǎng)頁\t4
本章小結(jié)\t\t6
實訓1\t6
第 2章
HTML5基礎(chǔ)\t8
2．1 案例：簡單學院網(wǎng)站\t8
2．2 知識準備\t9
2．2．1 HTML5文檔的基本結(jié)構(gòu)\t9
2．2．2 HTML標記及其屬性\t10
2．2．3 HTML文本標記\t11
2．2．4 HTML列表標記\t16
2．2．5 HTML超鏈接標記\t20
2．2．6 HTML圖像標記\t23
2．3 案例實現(xiàn)\t25
2．3．1 創(chuàng)建站點\t25
2．3．2 創(chuàng)建首頁\t27
2．3．3 創(chuàng)建學院簡介頁面\t28
2．3．4 創(chuàng)建學院新聞頁面\t28
2．3．5 創(chuàng)建專業(yè)介紹頁面\t29
本章小結(jié)\t\t30
實訓2\t30
第3章
HTML5新增頁面元素\t32
3．1 案例：旅游部落網(wǎng)頁\t32
3．2 知識準備\t33
3．2．1 HTML5結(jié)構(gòu)元素\t33
3．2．2 HTML5分組元素\t37
3．2．3 HTML5頁面交互元素\t38
3．2．4 HTML5文本語義元素\t40
3．3 案例實現(xiàn)\t42
3．3．1 創(chuàng)建站點\t42
3．3．2 頁面分析\t43
本章小結(jié)\t\t45
實訓3\t45
第4章
CSS3基礎(chǔ)\t47
4．1 案例：學院新聞詳情頁面\t47
4．2 知識準備\t48
4．2．1 初識CSS\t48
4．2．2 CSS發(fā)展歷史\t48
4．2．3 引入CSS樣式\t48
4．2．4 CSS基礎(chǔ)選擇器\t52
4．2．5 CSS常用文本屬性\t57
4．2．6 CSS的高級特性\t62
4．3 案例實現(xiàn)\t63
4．3．1 創(chuàng)建新聞詳情頁面\t63
4．3．2 定義CSS樣式\t64
本章小結(jié)\t\t65
實訓4\t65
第5章
CSS3高級選擇器\t66
5．1 案例：景點介紹頁面\t66
5．2 知識準備\t66
5．2．1 屬性選擇器\t67
5．2．2 關(guān)系選擇器\t68
5．2．3 結(jié)構(gòu)化偽類選擇器\t69
5．2．4 偽元素選擇器\t74
5．3 案例實現(xiàn)\t75
本章小結(jié)\t\t78
實訓5\t78
第6章
CSS3盒子模型\t79
6．1 案例：學院簡介頁面\t79
6．2 知識準備\t80
6．2．1 盒子模型的概念\t80
6．2．2 盒子模型的相關(guān)屬性\t81
6．2．3 CSS設(shè)置背景\t90
6．2．4 元素的類型與轉(zhuǎn)換\t98
6．2．5 塊元素間的外邊距\t100
6．3 案例實現(xiàn)\t101
6．3．1 制作頁面結(jié)構(gòu)\t101
6．3．2 添加CSS樣式\t103
本章小結(jié)\t\t103
實訓6\t104
第7章
列表與超鏈接\t105
7．1 案例：通知公告塊與學院網(wǎng)站
導航條\t105
7．2 知識準備\t106
7．2．1 列表樣式設(shè)置\t106
7．2．2 超鏈接樣式設(shè)置\t108
7．3 案例實現(xiàn)\t109
7．3．1 制作通知公告塊\t109
7．3．2 制作學院網(wǎng)站導航條\t112
本章小結(jié)\t\t113
實訓7\t114
第8章
表格與表單\t115
8．1 表格案例：學生信息表\t115
8．2 表格相關(guān)知識\t116
8．2．1 表格標記\t116
8．2．2 合并單元格\t117
8．2．3 使用CSS設(shè)置表格樣式\t118
8．3 表格案例實現(xiàn)\t120
8．3．1 學生信息表的頁面結(jié)構(gòu)\t120
8．3．2 添加CSS樣式\t122
8．4 表單案例：用戶注冊表單\t122
8．5 表單相關(guān)知識\t123
8．5．1 認識表單\t123
8．5．2 表單標記\t123
8．5．3 表單控件\t124
8．5．4 使用CSS設(shè)置表單樣式\t126
8．6 表單案例實現(xiàn)\t129
8．6．1 用戶注冊表單的頁面結(jié)構(gòu)\t129
8．6．2 添加CSS樣式\t131
本章小結(jié)\t\t132
實訓8\t132
第9章
HTML5+CSS3布局
網(wǎng)頁\t134
9．1 案例：學院網(wǎng)站主頁布局\t134
9．2 知識準備\t135
9．2．1 元素的浮動\t135
9．2．2 元素的定位\t140
9．2．3 元素的overflow屬性\t145
9．2．4 HTML5+CSS3布局\t147
9．3 案例實現(xiàn)\t153
9．3．1 制作頁面結(jié)構(gòu)\t153
9．3．2 添加CSS樣式\t154
本章小結(jié)\t\t157
實訓9\t157
第 10章
CSS3動畫\t159
10．1 過渡屬性\t159
10．2 變形屬性\t159
10．3 動畫屬性\t160
10．4 案例\t162
10．4．1 圖片遮罩效果\t162
10．4．2 圖片翻轉(zhuǎn)效果\t163
10．4．3 照片墻效果\t164
10．4．4 魔方效果\t166
本章小結(jié)\t\t168
實訓10\t168
第 11章
完整案例：學院網(wǎng)站設(shè)計與
制作\t170
11．1 信息學院網(wǎng)站描述\t170
11．2 網(wǎng)站規(guī)劃\t171
11．3 效果圖設(shè)計\t172
11．3．1 效果圖設(shè)計原則\t172
11．3．2 效果圖設(shè)計步驟\t173
11．3．3 效果圖切片導出網(wǎng)頁\t178
11．4 網(wǎng)站主頁設(shè)計\t178
11．5 新聞列表頁設(shè)計\t194
11．6 制作新聞詳情頁面\t200
11．7 制作視頻宣傳頁面\t202
11．8 添加網(wǎng)站中的JavaScript
或jQuery腳本\t203
本章小結(jié)\t\t205
第 12章
完整案例：化妝品公司網(wǎng)站設(shè)計與制作\t206
12．1 化妝品公司網(wǎng)站描述\t206
12．2 網(wǎng)站規(guī)劃\t208
12．2．1 網(wǎng)站需求分析\t208
12．2．2 網(wǎng)站的風格定位\t208
12．2．3 規(guī)劃草圖\t208
12．2．4 素材準備\t209
12．3 網(wǎng)站主頁設(shè)計\t209
12．4 網(wǎng)站其他頁設(shè)計\t223
本章小結(jié)\t\t223
參考文獻\t224