电子商务网站设计实训报告

1、实 验 报 告（华文中宋小初字居中，字间加一个空格） 课程名称： 电子商务课程设计 系部名称： 经济管理学院 专业班级： 市场营销12-1 学生姓名： 赵 泽 威 学 号： 指导教师： 李崇超、姜晓丽 黑龙江工程学院教务处制实验项目电子商务课程设计实验日期2014.7.14实验地点文管楼会计实验室同组人数实验台号实验类型验证性 综合性 设计性 其 他一、实验目的 培养学生进行电子商务方案设计，培养学生网站开发和调试计算机程序的能力，提高学生进行技术总结和撰写课程设计说明书的能力二、实验仪器设备计算机及相关软件（Dreamweaver CS3、Fireworks等）三、实验原理自主设计开发建设一

2、个WEB应用系统网站，完成网站规划，网站功能设计，数据库的设计，程序设计，页面设计，网站测试等。1规划和设计一个网站，要求有一定的网页数目和内容。最少有5页。独立设计实现站点。站点中需要实现功能文件的制作。2使用设计工具选用Dreamweaver CS3。3使用Fireworks 和 Photoshop 设计页面图并且通过切割制作成IE形式。使用绘图软件设计和切割效果图。4增加必要的Flash动画。使用Flash制作矢量图文件。也可以使用其他动画制作。5使用数据库建立动态网页。四、实验内容或步骤1.站点设计 独立设计实现一个站点。使用设计工具建立站点。站点中需要实现功能文件的制作。独立设计至少

3、5页的网页，总页面数不少于20页。网站和网页的建立需要网上的空间，要有自己的网上空间。2. 工具使用在Dreamweaver CS3等工具中选择需要的工具。选择合适的软件环境制作。 3. 页面设计使用绘图软件设计和切割效果图。通过对图的设计安排实现一张网页。使用表格进行网页布局设计。要求整体风格要一致，网页的制作、页面的结构、色彩、导航合理。提供的内容，信息是否准确、及时、信息量大小适度。4. 动画的插入 增加Flash动画。可以使用其他的动画形式。使用时间轴和层实现动画的效果。5. 声音的使用增加背景的音乐效果。制作网络音乐的各种形式。6. 视频的使用增加网络视频新闻。制作网站的视频内容。7

4、. 使用网络数据库建立动态网页。8把文件复制到其他地方链接不会错。五、数据表格详见附件六、数据处理结果（结论）详见附件七、实验中存在的问题、解决方法及进一步的想法等八、教师评语成 绩指导教师签字： 年 月 日注：1、此报告为参考格式，各栏项目可根据实际情况进行调整；2、“实验仪器设备”一栏：设计性实验根据实验条件对实验仪器设备提出具体要求；3、“实验内容或步骤”一栏：设计性实验需填写设计方案。附件电子商务课程设计成果目录：第一部分：Macromedia Flash 8.0软件的学习与操作；第二部分：Macromedia Fireworks 软件的学习与操作；第三部分：以shypost企业管理系

5、统网站搭建黑龙江中道农业科技发 有限公司网站主页；第四部分：实训中遇到的问题及解决办法；第五部分：对本次实训的心得体会。软件操作及网站设计过程： 第一部分 Macromedia Flash 8.0软件的学习与操作一、Flash制作知识简介：Flash是功能强大的矢量动画制作软件，它采用时间轴和舞台的设计方式，能够支持和处理多种类型的媒体（音频、视频、矢量图形、文本等），并能生成体积小、传输和播放速度快的高质量动画，特别适合创作网络多媒体课件。元件：元件是FLASH的基本，一个个动画，其都是有元件组成，元件的功能非常多，可以说，没有元件，就没有动画，越复杂的动画，元件越多。制作界面：界面称之为场

6、景，元件就是舞者 二、实例简单升旗动画制作过程： 1、打开软件并进入Flash制作界面 2、点击插入选项卡插入一个元件并命名为“旗帜”类型为“影片剪辑”； 3、利用左侧的工具栏和颜色设置配合使用栏设计出一面旗帜； 4、旗帜的图片设计完成后，点击右上角的的场景回到动画制作页面，然 后在库中找到我们之前制作的元件，将制作好的旗帜图案拖拽到 当前的制作页面，调整旗帜的大小并将其放在最低端； 5、在页面的顶部有时间轴的设置框，我们选择第50帧点击鼠标右键添 插入关键帧，创建成功后，可以发现，第1帧和第50帧中间变灰了， 然后在第1帧和第50帧变灰色帧之间选择一处单击鼠标右键，选择 创建补间动画，如果灰

7、色变成粉色了则说明创建成功，然后再在第1 帧和第50帧之间根据预想的图片运行轨迹选取部分关键点分别插入 关键帧； 6、上述过程完成后，我们可以在页面最顶部的“控制”选项卡中选择“测 试影片”可以看到旗帜按照预定的设计的轨迹慢慢上升，一个最简单 的FLASH动画制作成功了！ 第二部分 Macromedia Fireworks软件的学习操作 一、Macromedia Fireworks简介：利用该软件可以制作出十分动感的 GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等， 借助于Macromedia Fireworks 8，您可以在直观、可定制的环境中 创建和优化用于网页的图像并进行精

8、确控制。Fireworks 业界领先 的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平 衡。它与 MacromediaDreamweaver和 MacromediaFlash共同构成的 集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。二、实例制作一款打字效果的LOGO 1、启动Firework后，用Firework打开一张图片并设置为共享层； 2、 新建一层，用矩形工具画一个矩形，大小可以与画布同样尺寸，也 可以大于画布。笔触颜色为无，填充色暂时设为黑色，这是为了添 加雪珠时能够看得清楚； 3、 选择笔触设置；根据个人需要在新建层

9、上随意地点上一些白点。 4、点完了白点，将原先画的矩形的填充色改为同时选中执行修改 平面化所选F8将合并后的位图转换为图形元件。 5、 （1）选中图形元件， （2）执行编辑克隆，这样得到两个图形元件， （3）选中其中一个，用键盘上的上下左右键将图片向下向左或者 向下向右移动几个象素，选中两个元件， （4）再执行修改元件补间实例，在跳出的对话框中选择 动画的帧数，一般三四帧即可，选择分散到帧，结果如下图； 6、 完成上述操作过程后，效果基本就行了。如果想要更漂亮些，也可 以对每一帧层二的图片进行再工，比如添加雪片，移动等。导出 预览，效果如下图 第三部分 以shypost企业管理系统的网站为蓝本

10、搭建 黑龙江中道农业科技发展有限公司网站主页 一、下载Shypost企业管理系统网站网站后台数据库源码程序解压后， 后台数据文件夹（shypost企业管理系统）如图所示； 二、下载一个Asbwebserver自动搭建网页运行所需要的ISS软件并解压 到“shypost企业管理系统”文件根目录中,以此来搭建起整个网站 的模拟网页运行环境； 三、利用Asbwebserver搭建的虚拟运行环境登陆Shypost企业管理系统 网站，然后在地址栏显示的地址后面输入“admin”并回车，进入到 该网站的后台管理员登陆界面，输入用户名和密码，就可以访问该网 站的后台数据库，此时就可以根据需要修改其后台数据库

11、中的数据信 息了； 四、登陆黑龙江中道农业发展科技有限公司的原网站（)下 载搭建新的网站所需的相关的资料和图片，了解两家网站产品分类和 网站的结构并对比两个网站在页面布局上的异同； 五、根据黑龙江中道农业发展科技有限公司的资料在Shypost企业管理系统网站的后台数据库中将其“企业信息”修改为中道农业发展科技有限公司的企业信息、“产品管理”中的产品分类改为中道农业发展科技有限公司的产品，“新闻动态”改成中道农业发展科技有限公司的新闻动态等数据按照对应关系逐项逐步的进行更换，如图所示 6、 对于Shypost企业管理系统网站首页的动态滚动显示的内容，需要选取中道农业发展

12、科技有限公司相应的宣传图片分别命名1.jpg、2.jpg、3.jpg，然后在shypost企业管理系统”文件根目录中找到“flash”文件夹打开然后用中道农业发展科技有限公司相应的宣传图片分别命名1.jpg、2.jpg、3.jpg替代原文件夹中的“1.jpg、2.jpg、3.jpg”，这样Shypost企业管理系统网站中动态宣传信息就被中道农业发展科技有限公司宣传的信息所替代； 七、依照步骤六的过程对比两个网站的信息，用中道农业发展科技有限公 司的信息资料替换掉Shypost企业管理系统网站的后台数据库中的数据，最后通过Asbwebserver来运行网站就看到一个在Shypost企业管理系统网

13、站的基础上新搭建的一个全新的黑龙江中道农业发展科技有限公司的网站，如图所示； 第四部分 实训中遇到的问题及解决办法一、在这次电子商务课程设计实训中遇到的主要问题：1.对本次设计用的相关的软件缺乏深入的了解；2、软件的操作不够熟练，在练习过程中经常出现一些自己无法解决的 问题；3、 对于搭建网站方面的知识缺乏相应的了解，导致在搭建网站的过程 中，更换后台数据库信息时经常出现更换后在前台界面无法运行 的情况。 二、对于上述出现的问题我主要是通过三个方面来解决这些问题的： 1、向指导老师请教出现问题的解决办法及应该注意的经常出现问题 的地方； 2、和周围的同学互相讨论和研究尝试，一起寻找解决所出现问

14、题的 方法； 3、通过互联网查找类似制作案例和视频，以此来分析自己在操作中 出现的问题并找出解决问题的方法。 第五部分 对本次实训的心得体会 通过这次实训，我不仅学到如何利用Macromedia Flash 8.0软件制作Flash动画、用Macromedia Fireworks 软件制作动态Gif动态图片以及在现有网站上搭建一个新网站的相关知识，更重要的是更进一步增进了和其他同学之间的交流。面临一个难题大家在一起畅所欲言，互相讨论，交流，把自己不理解，不明白的地方提出来，让老师来帮助解决，和老师一起交流和沟通，这样使得相互之间都得到了学习，巩固知识的机会，提高了学习的效率也促进了师生之间的有效沟通和交流，增进了师生之间的感情。 学习的过程就是一个不断遇到问题和不断解决问题的过程。在学习和使用Macromedia Fl