电子商务网页设计与制作 教案 项目六 设计与制作网上商城（任务单）.doc

项目六 设计与制作网上商城 项目编号：WYSJ-6 学 时： 指导老师： 日 期： 项目简介 网上商城的成功与否在于是否能够抓住用户的眼球，让客户能够在你的网站上消费，因此网站的首页设计就起到了非常关键的作用。网站的首页设计通常都要经历网站策划、首页效果图制作及切片最后的页面制作三个阶段。本项目按照以上标准的设计流程，通过三个任务的形式来完成首页的设计，具体包括通过网站策划来确定网站的整体风格及布局结构；通过Photoshop软件来完成首页效果图的制作与切片处理，生成网页基础素材；通过Dreamweaver软件及JavaScript来完成最后的首页面的制作与测试。 项目目标 1. 能力目标： 学习完本项目后，学生应当能够依据网站的主题按照网站制作的标准流程进行页面的设计与制作，包括： （1）确定网站的色彩搭配及版面布局结构； （2）利用Photoshop软件完成页面效果图的设计与制作； （3）利用JavaScript完成首页特效的制作； （4）利用Dreamweaver软件完成页面的具体制作。 2. 知识目标： （1）Photoshop的切片工具和切片选择工具 （2）Photoshop切片的导出 （3）Flash的工作区 （4）Flash的基本操作 （5）Flash 元件和库 （6）Flash 补间动画和补间形状 （7）Flash的遮罩层 （8）Flash的测试和发布 （9）Dreamweaver的工作区 （10）Dreamweaver的基本操作 （11）Dreamweaver表格的创建和设置 （12）Dreamweaver 各网页元素属性面板 3. 态度目标： （1）具有思考、探究问题的自觉性、主动性和创新性； （2）具备良好的沟通、表达能力； （3）具备良好的团队合作精神。 项目内容 任务一： 规划电子商务网站风格和版面布局 任务二： 制作内利商城首页效果图 任务三： 设计与制作内利商城的首页 教学形式 1、学生两人一组进行讨论、分工及制作 2、各任务的实施（过程中教师进行分析指导，并讲解所涉及的相关知识） 3、小组交流汇报 任务一 “规划电子商务网站风格和版面布局”任务单 任务编号：WYSJ-6-1 学 时： 实训地点： 日 期： 小组成员： 姓名： 班级： 学号： 一、任务描述 本任务目标是根据内利商城的客户需求分析确定网站的风格，主要确立网站色彩搭配方案及首页版面布局，效果如图所示。 二、任务分配（由学生填写） 三、任务实施（由学生填写） 要求写出主要步骤 四、任务小结 五、任务执行评价： （根据任务完成的质量、及时度、报告的编写质量给出成绩 （100制），作为本项目总成绩评定时的依据之一） 成绩： 　　　　　　　　　　日期：　　年　　月　　日 六、任务拓展 1. 要求以“浙江经贸职业技术学院大学生创业园”为主题，对创业园网站进行网站策划，确立网站的风格、色彩搭配方案及首页的布局草图。 任务二 “制作内利商城首页效果图”任务单 任务编号：WYSJ-62 学 时： 实训地点： 日 期： 小组 姓名： 班级： 学号： 任务描述 本任务目标是完成内利商城首页效果图的制作及切片处理,具体内容如图所示。 二、任务分配（由学生填写） 三、任务实施 四、任务小结 五、任务执行评价： （根据任务完成的质量、及时度、报告的编写质量给出成绩 （100制），作为本项目总成绩评定时的依据之一） 成绩： 　　　　　　　　　　日期：　　年　　月　　日 任务拓展 依据上面创业园网站的策划，要求使用PhotoShop软件完成该网站首页效果图的设计与制作。首页中要求至少包括logo、导航条、广告栏这些主要元素。也可以参考图6-50所示的效果图来进行制作。 任务三 “设计与制作内利商城的首页”任务单 任务编号：WYSJ-6-3 学 时： 实训地点： 日 期： 小组 姓名： 班级： 学号： 任务描述 本任务目标是使用Dreamweaver软件完成内利商城首页的制作，效果如图所示。 二、任务分配（由学生填写） 三、任务实施 四、任务小结 五、任务执行评价： （根据任务完成的质量、及时度、报告的编写质量给出成绩 （100制），作为本项目总成绩评定时的依据之一） 成绩： 　　　　　　　　　　日期：　　年　　月　　日 六、任务拓展 1.要求基于任务二的拓展练习结果，基于网站的首页效果图，使用Dreamweaver的表格布局完成首页面的制作。 2.完成鼠标经过图像