网页设计与制作项目案例教程(第2版)

本书为高职高专院校网页设计与制作相关课程的教材，主要内容包括网页设计与制作概述、HTML5页面元素及属性、CSS美化HTML网页、网页div+CSS布局设计与制作、网页表格布局设计与制作、网页框架设计与制作、网页模板设计与制作、网页表单设计与制作、网页简单特效设计与制作，以及网页多媒体设计与制作。各项目内容通过项目导向、任务驱动逐步展开，不仅更好地体现了“能力导向，学生主体”的原则，也更好地适应了高职项目化的教学要求。本书既可以作为高职高专院校网页设计与制作相关课程的教材，也可以作为对网页设计与制作感兴趣的人员的学习参考用书。

上篇基础部分
项目1网页设计与制作概述1
1．1任务目标1
1．2知识准备2
1．2．1网站和网页概述2
1．2．2网页设计素养10
1．2．3Web标准12
1．2．4HTML基础13
1．2．5网页设计常用软件20
1．3任务实施20
任务1：实现大国工匠年度人物的图像信息展示21
任务2：实现大国工匠年度人物的文字信息展示24
1．4任务总结26
1．5能力与知识拓展26
1．6巩固练习30
项目2HTML5页面元素及属性32
2．1任务目标32
2．2知识准备32
2．2．1结构元素32
2．2．2列表元素36
2．2．3分组元素41
2．2．4页面交互元素42
2．3任务实施44
任务1：实现感动中国年度人物信息展示页面分区45
任务2：实现感动中国年度人物的文字信息展示46
2．4任务总结49
2．5能力与知识拓展50
2．6巩固练习50
项目3CSS美化HTML网页53
3．1任务目标53
3．2知识准备54
3．2．1CSS概述54
3．2．2CSS语法与用法55
3．2．3CSS样式属性57
3．2．4基本选择器61
3．2．5复合选择器64
3．2．6CSS高级特性68
3．3任务实施71
任务1：实现热点新闻网首页的信息展示72
任务2：实现热点新闻网首页的样式设置74
3．4任务总结76
3．5能力与知识拓展78
3．6巩固练习82
下篇应用实践部分
项目4网页div+CSS布局设计与制作83
4．1任务目标83
4．2知识准备84
4．2．1CSS盒子模型84
4．2．2盒子模型属性设置85
4．2．3div90
4．2．4浮动与定位92
4．2．5div+CSS实现网页布局98
4．3重庆愉快网学做菜首页页面设计与制作任务实施103
任务1：创建重庆愉快网学做菜首页header部分105
任务2：设置导航（nav）部分的CSS样式110
任务3：设置文字部分的CSS样式111
任务4：设置图文的CSS样式113
4．4任务总结115
4．5能力与知识拓展115
4．6巩固练习116
项目5网页表格布局设计与制作118
5．1任务目标118
5．2知识准备119
5．2．1表格标签119
5．2．2使用表格布局的原因122
5．2．3设计软件123
5．3个人网站相册页面设计与制作任务实施123
任务1：创建个人网站相册页面站点125
任务2：插入表格完成基本布局131
任务3：编辑页面内容134
5．4任务总结139
5．5能力与知识拓展139
5．5．1网页常见结构布局139
5．5．2网页常见布局方法与原则143
5．6巩固练习143
项目6网页框架设计与制作145
6．1任务目标145
6．2知识准备146
6．2．1框架146
6．2．2＜frameset＞标签与＜frame＞标签146
6．2．3＜noframes＞标签148
6．2．4＜iframe＞标签149
6．3重庆愉快网个人主页页面设计与制作任务实施149
任务1：创建重庆愉快网个人主页页面152
任务2：设计与制作top页面156
任务3：设计与制作left页面159
任务4：设计制作main页面164
6．4任务总结168
6．5能力与知识拓展170
6．5．1重庆愉快网找优惠页面中浮动框架的设计与制作170
6．5．2重庆愉快网找优惠框架链接的设计与制作172
6．6巩固练习175
项目7网页模板设计与制作177
7．1任务目标177
7．2知识准备178
7．2．1资源179
7．2．2库179
7．2．3库项目180
7．2．4编辑库项目182
7．3重庆愉快网内容页面设计与制作任务实施183
任务1：分析、设计与制作内容页面的布局184
任务2：设计与制作网页可编辑区域189
任务3：通过模板页来设计与制作同类型的内容页面192
7．4任务总结196
7．5能力与知识拓展198
7．6巩固练习200
项目8网页表单设计与制作202
8．1任务目标202
8．2知识准备203
8．2．1表单标签203
8．2．2表单域204
8．2．3表单按钮207
8．3重庆愉快网注册表单页面设计与制作任务实施208
任务1：创建重庆愉快网注册表单页面站点210
任务2：创建重庆愉快网注册表单页面210
任务3：注册表单页面的设计与制作212
任务4：美化注册表单页面219
8．4任务总结220
8．5能力与知识拓展223
8．5．1表单页面制作原则223
8．5．2下拉列表的设计与制作224
8．6巩固练习225
项目9网页简单特效设计与制作227
9．1任务目标227
9．2知识准备228
9．2．1行为228
9．2．2JavaScript230
9．2．3JavaScript事件232
9．2．4JavaScript对象232
9．3重庆市少年宫网站首页页面设计与制作任务实施233
任务1：创建重庆市少年宫网站首页页面站点236
任务2：创建重庆市少年宫网站首页页面236
任务3：重庆市少年宫网站首页页面的设计与制作238
9．4任务总结243
9．5能力与知识拓展245
9．6巩固练习246
项目10网页多媒体设计与制作248
10．1任务目标248
10．2知识准备249
10．2．1HTML5多媒体的特性249
10．2．2视频和音频编解码器249
10．2．3多媒体的格式250
10．2．4支持视频或音频的浏览器251
10．2．5在网页中嵌入音频251
10．2．6在网页中嵌入视频252
10．3简单音乐播放器设计与制作任务实施256
任务1：创建音乐播放器网页257
任务2：实现音乐播放功能260
10．4任务总结263
10．5能力与知识拓展263
10．6巩固练习266