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

实验报告（华文中宋小初字居中，字间加一个空格）
课程名称：电子商务课程设计系部名称：经济管理学院
专业班级：市场营销12-1 学生姓名：赵泽威
学号： 20121153
指导教师：李崇超、姜晓丽黑龙江工程学院教务处制
2、“实验仪器设备”一栏：设计性实验根据实验条件对实验仪器设备提出具体要求；
3、“实验内容或步骤”一栏：设计性实验需填写设计方案。

附件
电子商务课程设计成果
目录：
第一部分：Macromedia Flash 8.0软件的学习与操作；
第二部分：Macromedia Fireworks 软件的学习与操作；
第三部分：以shypost企业管理系统网站搭建黑龙江中道农业科技发
有限公司网站主页；
第四部分：实训中遇到的问题及解决办法；
第五部分：对本次实训的心得体会。

软件操作及网站设计过程：
第一部分Macromedia Flash 8.0软件的学习与操作
一、Flash制作知识简介：Flash是功能强大的矢量动画制作软件，它采用时间轴
和舞台的设计方式，能够支持和处理多种类型的媒体（音频、视频、矢量图形、文本等），并能生成体积小、传输和播放速度快的高质量动画，特别适合创作网络多媒体课件。

元件：元件是FLASH的基本，一个个动画，其都是有元件组成，元件的功能非常多，可以说，没有元件，就没有动画，越复杂的动画，元件越多。

制作界面：界面称之为场景，元件就是舞者
二、实例——简单升旗动画制作过程：
1、打开软件并进入Flash制作界面
2、点击插入选项卡插入一个元件并命名为“旗帜”类型为“影片剪辑”；
3、利用左侧的工具栏和颜色设置配合使用栏设计出一面旗帜；
4、旗帜的图片设计完成后，点击右上角的的场景回到动画制作页面，然
后在库中找到我们之前制作的元件，将制作好的旗帜图案拖拽到
当前的制作页面，调整旗帜的大小并将其放在最低端；
5、在页面的顶部有时间轴的设置框，我们选择第50帧点击鼠标右键添
插入关键帧，创建成功后，可以发现，第1帧和第50帧中间变灰了，然后在第1帧和第50帧变灰色帧之间选择一处单击鼠标右键，选择
创建补间动画，如果灰色变成粉色了则说明创建成功，然后再在第1 帧和第50帧之间根据预想的图片运行轨迹选取部分关键点分别插入
关键帧；
6、上述过程完成后，我们可以在页面最顶部的“控制”选项卡中选择“测
试影片”可以看到旗帜按照预定的设计的轨迹慢慢上升，一个最简单
的FLASH动画制作成功了！
第二部分 Macromedia Fireworks软件的学习操作
一、Macromedia Fireworks简介：利用该软件可以制作出十分动感的
GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，借助于Macromedia Fireworks 8，您可以在直观、可定制的环境中
创建和优化用于网页的图像并进行精确控制。

Fireworks 业界领先
的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平
衡。

它与 MacromediaDreamweaver和 MacromediaFlash共同构成的
集成工作流程可以让您创建并优化图像，同时又能避免由于进行
Roundtrip 编辑而丢失信息或浪费时间。

二、实例——制作一款打字效果的LOGO
1、启动Firework后，用Firework打开一张图片并设置为共享层；
2、新建一层，用矩形工具画一个矩形，大小可以与画布同样尺寸，也
可以大于画布。

笔触颜色为无，填充色暂时设为黑色，这是为了添
加雪珠时能够看得清楚；
3、选择笔触设置；根据个人需要在新建层上随意地点上一些白点。

4、点完了白点，将原先画的矩形的填充色改为同时选中执行修改－－
平面化所选－－F8－－将合并后的位图转换为图形元件。

5、（1）选中图形元件，
（2）执行编辑－－克隆，这样得到两个图形元件，
（3）选中其中一个，用键盘上的上下左右键将图片向下向左或者向下向右移动几个象素，选中两个元件，
（4）再执行修改－－元件－－补间实例，在跳出的对话框中选择动画的帧数，一般三四帧即可，选择分散到帧，结果如下图；
6、完成上述操作过程后，效果基本就行了。

如果想要更漂亮些，也可
以对每一帧层二的图片进行再工，比如添加雪片，移动等。

导出预览，效果如下图
第三部分以shypost企业管理系统的网站为蓝本搭建
黑龙江中道农业科技发展有限公司网站主页
一、下载Shypost企业管理系统网站网站后台数据库源码程序解压后，
后台数据文件夹（shypost企业管理系统）如图所示；
二、下载一个Asbwebserver自动搭建网页运行所需要的ISS软件并解压
到“shypost企业管理系统”文件根目录中,以此来搭建起整个网站
的模拟网页运行环境；
三、利用Asbwebserver搭建的虚拟运行环境登陆Shypost企业管理系统
网站，然后在地址栏显示的地址后面输入“admin”并回车，进入到该网站的后台管理员登陆界面，输入用户名和密码，就可以访问该网站的后台数据库，此时就可以根据需要修改其后台数据库中的数据信息了；
四、登陆黑龙江中道农业发展科技有限公司的原网站（)下
载搭建新的网站所需的相关的资料和图片，了解两家网站产品分类和网站的结构并对比两个网站在页面布局上的异同；
五、根据黑龙江中道农业发展科技有限公司的资料在Shypost企业管理系
统网站的后台数据库中将其“企业信息”修改为中道农业发展科技有限公司的企业信息、“产品管理”中的产品分类改为中道农业发展科技有限公司的产品，“新闻动态”改成中道农业发展科技有限公司的新闻动态等数据按照对应关系逐项逐步的进行更换，如图所示
六、对于Shypost企业管理系统网站首页的动态滚动显示的内容，需要选
取中道农业发展科技有限公司相应的宣传图片分别命名1.jpg、2.jpg、
3.jpg，然后在shypost企业管理系统”文件根目录中找到“flash”
文件夹打开然后用中道农业发展科技有限公司相应的宣传图片分别命
名1.jpg、2.jpg、3.jpg替代原文件夹中的“1.jpg、2.jpg、3.jpg”，
这样Shypost企业管理系统网站中动态宣传信息就被中道农业发展科
技有限公司宣传的信息所替代；
七、依照步骤六的过程对比两个网站的信息，用中道农业发展科技有限公
司的信息资料替换掉Shypost企业管理系统网站的后台数据库中的数
据，最后通过Asbwebserver来运行网站就看到一个在Shypost企业管理系统网
站的基础上新搭建的一个全新的黑龙江中道农业发展科技有限公司的
网站，如图所示；
第四部分实训中遇到的问题及解决办法
一、在这次电子商务课程设计实训中遇到的主要问题：
1.对本次设计用的相关的软件缺乏深入的了解；
2、软件的操作不够熟练，在练习过程中经常出现一些自己无法解决的
问题；
3、对于搭建网站方面的知识缺乏相应的了解，导致在搭建网站的过程
中，更换后台数据库信息时经常出现更换后在前台界面无法运行
的情况。

二、对于上述出现的问题我主要是通过三个方面来解决这些问题的：
1、向指导老师请教出现问题的解决办法及应该注意的经常出现问题
的地方；
2、和周围的同学互相讨论和研究尝试，一起寻找解决所出现问题的
方法；
3、通过互联网查找类似制作案例和视频，以此来分析自己在操作中
出现的问题并找出解决问题的方法。

第五部分对本次实训的心得体会
通过这次实训，我不仅学到如何利用Macromedia Flash 8.0软件制作Flash动画、用Macromedia Fireworks 软件制作动态Gif动态图片以及在现有网站上搭建一个新网站的相关知识，更重要的是更进一步增进了和其他同学之间的交流。

面临一个难题大家在一起畅所欲言，互相讨论，交流，把自己不理解，不明白的地方提出来，让老师来帮助解决，和老师一起交流和沟通，这样使得相互之间都得到了学习，巩固知识的机会，提高了学习的效率也促进了师生之间的有效沟通和交流，增进了师生之间的感情。

学习的过程就是一个不断遇到问题和不断解决问题的过程。

在学习和使用Macromedia Flash 8.0软件制作Flash动画、用Macromedia Fireworks 软件制作动态Gif动态图片以及在现有网站上搭建一个新网站的时候，我遇到了很多的问题，遇到问题首先我就自己先琢磨，这几个软件和网站的搭建功能项目很多，我们学会的可能只是这些功能中的一部分，有好多功能需要靠自己尝试、研究和琢磨。

当然也有好多问题自己解决不了，我就虚心请教周围的同学和老师。

我相信，只要我们乐于尝试，善于思考问题、询问问
题，一定会寻找到解决问题的方法的。

，。