章Web前端开发概述1
1．1认识Web前端开发1
1．2Web相关概念1
1．3HTML5概述3
1．4常用的浏览器3
1．5创建个HTML5页面4
1．5．1Dreamweaver工具简介4
1．5．2案例：创建个HTML5网页4
本章小结6
实训16
第2章HTML5基础8
2．1案例：简单学院网站8
2．2知识准备9
2．2．1HTML5文档的基本结构9
2．2．2HTML标记及其属性10
2．2．3HTML文本标记11
2．2．4HTML列表标记16
2．2．5HTML超链接标记20
2．2．6HTML图像标记23
2．3案例实现25
2．3．1创建站点25
2．3．2创建首页27
2．3．3创建学院简介页面28
2．3．4创建学院新闻页面28
2．3．5创建专业介绍页面29
本章小结30
实训230
第3章HTML5新增页面元素32
3．1案例：旅游部落网页32
3．2知识准备33
3．2．1HTML5结构元素33
3．2．2HTML5分组元素37
3．2．3HTML5页面交互元素38
3．2．4HTML5文本语义元素40
3．3案例实现42
3．3．1创建站点42
3．3．2页面分析43
本章小结45
实训345
第4章CSS3基础47
4．1案例：学院新闻详情页面47
4．2知识准备48
4．2．1初识CSS48
4．2．2CSS发展历史48
4．2．3引入CSS样式48
4．2．4CSS基础选择器52
4．2．5CSS常用文本属性57
4．2．6CSS的不错特性62
4．3案例实现63
4．3．1创建新闻详情页面63
4．3．2定义CSS样式64
本章小结65
实训465
第5章CSS3不错选择器66
5．1案例：景点介绍页面66
5．2知识准备66
5．2．1属性选择器67
5．2．2关系选择器68
5．2．3结构化伪类选择器69
5．2．4伪元素选择器74
5．3案例实现75
本章小结78
实训578
第6章CSS3盒子模型79
6．1案例：学院简介页面79
6．2知识准备80
6．2．1盒子模型的概念80
6．2．2盒子模型的相关属性81
6．2．3CSS设置背景90
6．2．4元素的类型与转换98
6．2．5块元素间的外边距100
6．3案例实现101
6．3．1制作页面结构101
6．3．2添加CSS样式103
本章小结103
实训6104
第7章列表与超链接105
7．1案例：通知公告块与学院网站导航条105
7．2知识准备106
7．2．1列表样式设置106
7．2．2超链接样式设置108
7．3案例实现109
7．3．1制作通知公告块109
7．3．2制作学院网站导航条112
本章小结113
实训7114
第8章表格与表单115
8．1表格案例：学生信息表115
8．2表格相关知识116
8．2．1表格标记116
8．2．2合并单元格117
8．2．3使用CSS设置表格样式118
8．3表格案例实现120
8．3．1学生信息表的页面结构120
8．3．2添加CSS样式122
8．4表单案例：用户注册表单122
8．5表单相关知识123
8．5．1认识表单123
8．5．2表单标记123
8．5．3表单控件124
8．5．4使用CSS设置表单样式126
8．6表单案例实现129
8．6．1用户注册表单的页面结构129
8．6．2添加CSS样式131
本章小结132
实训8132
第9章HTML5+CSS3布局网页134
9．1案例：学院网站主页布局134
9．2知识准备135
9．2．1元素的浮动135
9．2．2元素的定位140
9．2．3元素的overflow属性145
9．2．4HTML5+CSS3布局147
9．3案例实现153
9．3．1制作页面结构153
9．3．2添加CSS样式154
本章小结157
实训9157
0章CSS3动画159
10．1过渡属性159
10．2变形属性159
10．3动画属性160
10．4案例162
10．4．1图片遮罩效果162
10．4．2图片翻转效果163
10．4．3照片墙效果164
10．4．4魔方效果166
本章小结168
实训10168
1章完整案例：学院网站设计与制作170
11．1信息学院网站描述170
11．2网站规划171
11．3效果图设计172
11．3．1效果图设计原则172
11．3．2效果图设计步骤173
11．3．3效果图切片导出网页178
11．4网站主页设计178
11．5新闻列表页设计194
11．6制作新闻详情页面200
11．7制作视频宣传页面202
11．8添加网站中的JavaScript或jQuery脚本203
本章小结205
2章完整案例：化妆品公司网站设计与制作206
12．1化妆品公司网站描述206
12．2网站规划208
12．2．1网站需求分析208
12．2．2网站的风格定位208
12．2．3规划草图208
12．2．4素材准备209
12．3网站主页设计209
12．4网站其他页设计223
本章小结223
参考文献224

本书以真实案例组织内容，介绍如何利用网页制作技术HTML5和CSS3等制作网站。全书共12章，前10章将学院网站制作过程中的知识点进行分解，每章以小案例引导，介绍Web开发设计中的关键知识点，1章完成学院网站的完整制作，2章介绍当前流行的电商网站的制作，充分运用HTML5的新增结构元素构建网页内容，利用CSS3的过渡、变形和动画等属性实现图片的变换和旋转。本书可以作为高职高专院校计算机相关专业“Web前端开发”课程的教材，也可以作为Web前端开发爱好者学习Web前端程序设计的参考书。