Web前端开发案例教程（HTML5+CSS3 微课版）

第 1章
Web前端开发概述\t1
1．1 认识Web前端开发\t1
1．2 Web相关概念\t1
1．3 HTML5概述\t3
1．4 常用的浏览器\t3
1．5 创建第 一个HTML5页面\t4
1．5．1 Dreamweaver工具简介\t4
1．5．2 案例：创建第 一个HTML5
网页\t4
本章小结\t\t6
实训1\t6
第 2章
HTML5基础\t8
2．1 案例：简单学院网站\t8
2．2 知识准备\t9
2．2．1 HTML5文档的基本结构\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 案例实现\t25
2．3．1 创建站点\t25
2．3．2 创建首页\t27
2．3．3 创建学院简介页面\t28
2．3．4 创建学院新闻页面\t28
2．3．5 创建专业介绍页面\t29
本章小结\t\t30
实训2\t30
第3章
HTML5新增页面元素\t32
3．1 案例：旅游部落网页\t32
3．2 知识准备\t33
3．2．1 HTML5结构元素\t33
3．2．2 HTML5分组元素\t37
3．2．3 HTML5页面交互元素\t38
3．2．4 HTML5文本语义元素\t40
3．3 案例实现\t42
3．3．1 创建站点\t42
3．3．2 页面分析\t43
本章小结\t\t45
实训3\t45
第4章
CSS3基础\t47
4．1 案例：学院新闻详情页面\t47
4．2 知识准备\t48
4．2．1 初识CSS\t48
4．2．2 CSS发展历史\t48
4．2．3 引入CSS样式\t48
4．2．4 CSS基础选择器\t52
4．2．5 CSS常用文本属性\t57
4．2．6 CSS的高级特性\t62
4．3 案例实现\t63
4．3．1 创建新闻详情页面\t63
4．3．2 定义CSS样式\t64
本章小结\t\t65
实训4\t65
第5章
CSS3高级选择器\t66
5．1 案例：景点介绍页面\t66
5．2 知识准备\t66
5．2．1 属性选择器\t67
5．2．2 关系选择器\t68
5．2．3 结构化伪类选择器\t69
5．2．4 伪元素选择器\t74
5．3 案例实现\t75
本章小结\t\t78
实训5\t78
第6章
CSS3盒子模型\t79
6．1 案例：学院简介页面\t79
6．2 知识准备\t80
6．2．1 盒子模型的概念\t80
6．2．2 盒子模型的相关属性\t81
6．2．3 CSS设置背景\t90
6．2．4 元素的类型与转换\t98
6．2．5 块元素间的外边距\t100
6．3 案例实现\t101
6．3．1 制作页面结构\t101
6．3．2 添加CSS样式\t103
本章小结\t\t103
实训6\t104
第7章
列表与超链接\t105
7．1 案例：通知公告块与学院网站
导航条\t105
7．2 知识准备\t106
7．2．1 列表样式设置\t106
7．2．2 超链接样式设置\t108
7．3 案例实现\t109
7．3．1 制作通知公告块\t109
7．3．2 制作学院网站导航条\t112
本章小结\t\t113
实训7\t114
第8章
表格与表单\t115
8．1 表格案例：学生信息表\t115
8．2 表格相关知识\t116
8．2．1 表格标记\t116
8．2．2 合并单元格\t117
8．2．3 使用CSS设置表格样式\t118
8．3 表格案例实现\t120
8．3．1 学生信息表的页面结构\t120
8．3．2 添加CSS样式\t122
8．4 表单案例：用户注册表单\t122
8．5 表单相关知识\t123
8．5．1 认识表单\t123
8．5．2 表单标记\t123
8．5．3 表单控件\t124
8．5．4 使用CSS设置表单样式\t126
8．6 表单案例实现\t129
8．6．1 用户注册表单的页面结构\t129
8．6．2 添加CSS样式\t131
本章小结\t\t132
实训8\t132
第9章
HTML5+CSS3布局
网页\t134
9．1 案例：学院网站主页布局\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 案例实现\t153
9．3．1 制作页面结构\t153
9．3．2 添加CSS样式\t154
本章小结\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 图片翻转效果\t163
10．4．3 照片墙效果\t164
10．4．4 魔方效果\t166
本章小结\t\t168
实训10\t168
第 11章
完整案例：学院网站设计与
制作\t170
11．1 信息学院网站描述\t170
11．2 网站规划\t171
11．3 效果图设计\t172
11．3．1 效果图设计原则\t172
11．3．2 效果图设计步骤\t173
11．3．3 效果图切片导出网页\t178
11．4 网站主页设计\t178
11．5 新闻列表页设计\t194
11．6 制作新闻详情页面\t200
11．7 制作视频宣传页面\t202
11．8 添加网站中的JavaScript
或jQuery脚本\t203
本章小结\t\t205
第 12章
完整案例：化妆品公司网站设计与制作\t206
12．1 化妆品公司网站描述\t206
12．2 网站规划\t208
12．2．1 网站需求分析\t208
12．2．2 网站的风格定位\t208
12．2．3 规划草图\t208
12．2．4 素材准备\t209
12．3 网站主页设计\t209
12．4 网站其他页设计\t223
本章小结\t\t223
参考文献\t224