正版 网页设计与制作项目化实战教程 陈彦,张亚静 人民邮电出版社

赏析典型网站　1
　任务描述：欣赏并解析典型网站　1
　任务准备　1
1.2.1　网页制作相关概念　1
1.2.2　网页构成的基本元素　4
1.2.3　网页的布局类型　4
1.2.4　网站风格定位　7
1.2.5　网站开发流程　9
1.2.6　Dreamweaver开发工具介绍　11
　任务实施　19
1.3.1　赏析各种类型网站　19
1.3.2　讨论Web技术发展　21
　任务拓展　22
1.4.1　网页创意设计思维　22
1.4.2　网页设计配色基础　23
　项目小结　24
　项目练习　24
独立实践任务　25

创建与管理网站站点　26
　任务描述：创建并管理计算机系部
网站站点　26
　任务分析　26
　任务准备　27
2.3.1　站点的概念　27
2.3.2　站点的规划　27
　任务实施　28
2.4.1　创建系部网站站点　28
2.4.2　管理系部网站站点　28
　任务拓展　31
2.5.1　网站目录命名规范　31
2.5.2　网站目录结构规范　32
　项目小结　32
　项目练习　32
独立实践任务　32

设计和制作网站首页　34
　任务描述：制作计算机系部网站首页　34
　任务分析　34
　任务准备　35
3.3.1　HTML基本结构与常用标签　35
3.3.2　CSS简介　39
3.3.3　CSS语法规则　40
3.3.4　CSS常用属性　44
3.3.5　CSS盒子模型　50
3.3.6　浮动和定位　52
3.3.7　DIV+CSS布局　61
　任务实施　71
3.4.1　分析系部网站首页整体结构　71
3.4.2　制作系部网站首页页眉　74
3.4.3　制作系部网站首页导航栏　75
3.4.4　制作系部网站首页主内容区　80
3.4.5　制作系部网站首页页脚　90
　任务拓展　91
3.5.1　网站策划　91
3.5.2　应用Photoshop设计网页效果图　93








3.5.3　在网页中使用多媒体　96
3.5.4　网页设计辅助工具　102
　项目小结　103
　项目练习　103
独立实践任务　103

制作网页特效　106
　任务描述：制作计算机系网页特效　106
　任务分析　106
　任务准备　106
4.3.1　行为的概念　106
4.3.2　通过“行为面板”使用行为　109
4.3.3　通过JavaScript使用行为　116
　任务实施　130
4.4.1　添加简单的首页动态特效　130
4.4.2　添加复杂的首页动态特效　133
　任务拓展　145
4.5.1　变量的命名规范　145
4.5.2　JavaScript中的定时器　145
　项目小结　146
　项目练习　146
独立实践任务　147



设计和制作网站二级页面　149
　任务描述：应用模板创建计算机系部
网站二级页面　149
　任务分析　149
　任务准备　150
5.3.1　创建模板　150
5.3.2　应用模板　151
　任务实施　152
5.4.1　创建网站模板页　152
5.4.2　应用模板页制作系部网站二级页面　154
　任务拓展　154
5.5.1　更新模板　154
5.5.2　应用库项目　155
　项目小结　157
　项目练习　158
独立实践任务　159

制作网站后台管理页面　161
　任务1描述：制作网站后台登录页面　162
　任务1分析　162
　任务1准备　162
6.3.1　表格构成　162
6.3.2　表格属性　162
6.3.3　单元格属性　163
6.3.4　创建表格　164
6.3.5　操作表格　165
6.3.6　表格布局　172
6.3.7　使用CSS设置表格样式　172
6.3.8　表单的概念及功能　184
6.3.9　表单控件　185
6.3.10　使用CSS设置表单样式　188






　任务1实施　190
6.4.1　创建系部网站后台管理登录页面表单域　190
6.4.2　利用表格布局系部网站后台管理
登录页面　191
6.4.3　在系部网站后台管理登录页面插入
表单控件　193
　任务2描述：制作系部网站后台管理
主界面　195
　任务2分析　195
　任务2准备　195
6.7.1　框架和框架集的概念　195
6.7.2　操作框架和框架集　196
　任务2实施　199
6.8.1　设计实现系部网站后台管理主界面
整体布局　199
6.8.2　实现系部网站后台管理主界面各
框架页面的制作　199
　任务拓展　204
6.9.1　网站后台设计注意事项　204
6.9.2　网页表单设计注意事项　204
　项目小结　204
　项目练习　204
独立实践任务　206



网站测试与发布　208
　任务描述：测试和发布计算机系部网站　208
　任务分析　208
　任务准备　208
7.3.1　域名的概念　208
7.3.2　网站空间的概念　209
　任务实施　209
7.4.1　测试系部网站　209
7.4.2　发布系部网站　210
　任务拓展　214
7.5.1　网站测试注意事项　214
7.5.2　网站推广　214
　项目小结　215
　项目练习　215
独立实践任务　216

综合项目实战　218
　实战项目：制作电子商务网站　218
8.1.1　项目分析　218
8.1.2　页面布局设计　218
8.1.3　网站制作流程　225
8.1.4　项目小结　240
　拓展项目：HTML 5移动前端开发　240
8.2.1　项目任务　240
8.2.2　项目准备　241
8.2.3　项目实施　244
8.2.4　项目小结　254

本书由河北工业职业技术学院刘少坤主审，陈彦、张亚静主编，于丽娜、张晓玲、韩爱霞副主编，张国娟参编。其中项目单元一由韩爱霞老师编写；项目单元二由张晓玲老师编写；项目单元三和项目单元五由陈彦编写；项目单元四和项目单元六由张亚静编写；项目单元七由张国娟编写；项目单元八由于丽娜编写。

《网页设计与制作项目化实战教程》采用两大真实项目贯穿始终，一主一辅，侧重于综合职业能力与职业素养，将设计理念、创作理念与知识进行整合，融“教、学、做”为一体，摒弃了传统的HTML占据静态网页核心部分的设计思想，以CSS+DIV主导项目内容，融合HTML知识实施项目。在知识编排上进行了创新，按照网站设计制作的主要流程（网站需求分析及策划、网站设计与制作、测试发布）来编排知识点，提高学生的职业岗位能力。在每个章节都提供课堂练习和独立实践任务，让读者通过课堂练习加深对知识点的理解；通过独立实践任务提高动手能力。项目涉及到门户网站、电商网站、企业网站和移动端网站，涵盖了目前网站应用的各个领域，网站类型丰富，且具有代表性。内容与时俱进，结合移动端电子书籍网站的制作引入了HTML5+CSS3新技术，介绍了**的HTML5的相关知识和应用。

本书介绍了网页设计与制作的基本知识和方法，内容包括赏析典型网站、创建与管理网站站点、设计和制作网站首页、制作网站特效、设计和制作网站二级页面、制作网站后台管理页面、网站测试与发布以及综合项目实战。本书采用两大真实项目贯穿始终，按照网站设计制作的主要流程编排知识点，每个项目都提供课堂练习和独立实践任务，涵盖了网站应用的各个领域。

《网页设计与制作项目化实战教程》采用两大真实项目贯穿始终，一主一辅，侧重于综合职业能力与职业素养，将设计理念、创作理念与知识进行整合，融“教、学、做”为一体，摒弃了传统的HTML占据静态网页核心部分的设计思想，以CSS+DIV知名品牌项目内容，融合HTML知识实施项目。在知识编排上进行了创新，按照网站设计制作的主要流程（网站需求分析及策划、网站设计与制作、测试发布）来编排知识点，提高学生的职业岗位能力。在每个章节都提供课堂练习和独立实践任务，让读者通过课堂练习加深对知识点的理解；通过独立实践任务提高动手能力。项目涉及到门户网站、电商网站、企业网站和移动端网站，涵盖了目前网站应用的各个领域，网站类型丰富，且具有代表性。内容与时俱进，结合移动端电子书籍网站的制作引入了HTML5+CSS3新技术，介绍了近期新的HTML5的相关知识和应用。