基于工作过程网站设计与制作项目教程

　　本书将教学内容按照“工作过程”的模式编写。内容的组织与编排既注意符合知识的逻辑顺序，又着眼于符合学生的思维发展规律和“网页设计与网站开发”工作过程。本书以真实项目——盛世？景园为蓝本，从网页的需求分析、素材的收集、网页界面设计、网站的建设与网页的制作等内容，全方位的介绍“网页设计与网站建设”的工作过程和工作内容，从而让学生掌握网页制作的整个工作流程和工作技巧。

　　作者多年从事职业教育工作，有着丰富的教学经验，参与企业项目制作，有着丰富的实践经验，主编的多部教材，得到老师们的认可

任务一 网页设计与制作基础 1
能力目标　1
任务目标　1
核心知识　1
一、网页概述　1
二、网站概述　8

任务二　网页中的色彩　14
能力目标　14
任务目标　14
核心知识　14
一、色彩的基本知识　14
二、色彩的三要素　15
三、色彩分析　15
四、网页色彩搭配方法　20

任务三　“盛和·景园”房产网站设计　22
模块一　“盛和·景园”房产网站
需求分析的建立　22
能力目标　22
任务目标　22
核心知识　22
一、确定网站主题　22
二、网站整体规划　23
三、收集素材　24
模块二　网页的首页界面设计　24
能力目标　24
任务目标　24
任务解析　25
一、页面整体尺寸及框架结构设计　25
核心知识　25
操作过程　26
二、页面顶端区域的设计　26
核心知识　26
操作过程　30
三、页面导航区域的设计　35
核心知识　35
操作过程　35
四、页面Banner区域的设计　38
核心知识　39
操作过程　40
五、页面主体内容区域的设计　45
操作过程　45
六、页面页脚区域的设计　57
操作过程　57
七、内页设计　58
拓展实训　59

任务四　“盛和·景园”房产网站的制作　62
模块一　网站制作基础　62
能力目标　62
任务目标　62
核心知识　62
一、网页制作基础　62
二、网页制作软件　98
模块二　“盛和·景园”房产网站的
制作方法　101
能力目标　101
任务目标　101
一、创建“盛和·景园”站点　101
核心知识　101
操作过程　104
二、“盛和·景园”房产网站的
制作过程　106
核心知识　106
操作过程　107
拓展实训　141

任务五　制作“盛和·景园”网站中首页的特效　145
能力目标　145
任务目标　145
核心知识　145
一、JavaScript基本数据结构　145
二、JavaScript程序构成　147
三、事件驱动及事件处理　149
操作过程　150

任务六　“盛和·景园”网站中开场动画的制作　161
模块一　“盛和·景园”开场动画
文档的创建　161
能力目标　161
任务目标　161
核心知识　161
一、认识Flash　CS6　161
二、新建Flash文档　165
操作过程　166
模块二　“盛和·景园”开场动画的
制作　167
能力目标　167
任务目标　167
核心知识　167
一、元件　167
二、补间动画、传统补间动画与补间
形状动画　168
三、ActionScript动作脚本　169
操作过程　171
一、画轴展开动画的制作　171
二、制作文本逐个显示的补间动画　181
三、制作蝴蝶飞舞的动画　186
四、制作“进入首页”按钮　189
模块三　将“盛和·景园”开场动画
应用在进入页面　193
能力目标　193
任务目标　193
核心知识　194
一、在网页中插入Flash动画　194
二、IIS服务器　196
操作过程　198
拓展实训　204

附录A　“网页设计与网站规划”课程实训指导书　207
实训任务　企业网站建设　207
一、实训目的　207
二、实训条件　207
三、实训要求　207
四、实训步骤　208
五、考核方式　209

附录B　山东德州市高职组网页设计与制作技能大赛试题　210
一、单项选择题　210
二、多项选择题　212
三、操作题　214