电子商务网站设计实训报告.docx
- 文档编号:25516457
- 上传时间:2023-06-09
- 格式:DOCX
- 页数:20
- 大小:794.65KB
电子商务网站设计实训报告.docx
《电子商务网站设计实训报告.docx》由会员分享,可在线阅读,更多相关《电子商务网站设计实训报告.docx(20页珍藏版)》请在冰豆网上搜索。
电子商务网站设计实训报告
实验报告
(华文中宋小初字居中,字间加一个空格)
课程名称:
电子商务课程设计
系部名称:
经济管理学院
专业班级:
市场营销12-1
学生姓名:
赵泽威
学号:
20121153
指导教师:
李崇超、姜晓丽
黑龙江工程学院教务处制
实验项目
电子商务课程设计
实验日期
2014.7.14
实验地点
文管楼会计实验室
同组人数
实验台号
实验类型
□验证性□综合性■设计性□其他
一、实验目的
培养学生进行电子商务方案设计,培养学生网站开发和调试计算机程序的能力,提高学生进行技术总结和撰写课程设计说明书的能力
二、实验仪器设备
计算机及相关软件(DreamweaverCS3、Fireworks等)
三、实验原理
自主设计开发建设一个WEB应用系统网站,完成网站规划,网站功能设计,数据库的设计,程序设计,页面设计,网站测试等。
1.规划和设计一个网站,要求有一定的网页数目和内容。
最少有5页。
独立设计实现站点。
站点中需要实现功能文件的制作。
2.使用设计工具选用DreamweaverCS3。
3.使用Fireworks和Photoshop设计页面图并且通过切割制作成IE形式。
使用绘图软件设计和切割效果图。
4.增加必要的Flash动画。
使用Flash制作矢量图文件。
也可以使用其他动画制作。
5.使用数据库建立动态网页。
四、实验内容或步骤
1.站点设计
独立设计实现一个站点。
使用设计工具建立站点。
站点中需要实现功能文件的制作。
独立设计至少5页的网页,总页面数不少于20页。
网站和网页的建立需要网上的空间,要有自己的网上空间。
2.工具使用
在DreamweaverCS3等工具中选择需要的工具。
选择合适的软件环境制作。
3.页面设计
使用绘图软件设计和切割效果图。
通过对图的设计安排实现一张网页。
使用表格进行网页布局设计。
要求整体风格要一致,网页的制作、页面的结构、色彩、导航合理。
提供的内容,信息是否准确、及时、信息量大小适度。
4.动画的插入
增加Flash动画。
可以使用其他的动画形式。
使用时间轴和层实现动画的效果。
5.声音的使用
增加背景的音乐效果。
制作网络音乐的各种形式。
6.视频的使用
增加网络视频新闻。
制作网站的视频内容。
7.使用网络数据库建立动态网页。
8.把文件复制到其他地方链接不会错。
五、数据表格
详见附件
六、数据处理结果(结论)
详见附件
七、实验中存在的问题、解决方法及进一步的想法等
八、教师评语
成绩
指导教师签字:
年月日
注:
1、此报告为参考格式,各栏项目可根据实际情况进行调整;
2、“实验仪器设备”一栏:
设计性实验根据实验条件对实验仪器设备提出具体要求;
3、“实验内容或步骤”一栏:
设计性实验需填写设计方案。
附件
电子商务课程设计成果
目录:
第一部分:
MacromediaFlash8.0软件的学习与操作;
第二部分:
MacromediaFireworks软件的学习与操作;
第三部分:
以shypost企业管理系统网站搭建黑龙江中道农业科技发
有限公司网站主页;
第四部分:
实训中遇到的问题及解决办法;
第五部分:
对本次实训的心得体会。
软件操作及网站设计过程:
第一部分MacromediaFlash8.0软件的学习与操作
一、Flash制作知识简介:
Flash是功能强大的矢量动画制作软件,它采用时间轴和舞台的设计方式,能够支持和处理多种类型的媒体(音频、视频、矢量图形、文本等),并能生成体积小、传输和播放速度快的高质量动画,特别适合创作网络多媒体课件。
元件:
元件是FLASH的基本,一个个动画,其都是有元件组成,元件的功能非常多,可以说,没有元件,就没有动画,越复杂的动画,元件越多。
制作界面:
界面称之为场景,元件就是舞者
二、实例——简单升旗动画制作过程:
1、打开软件并进入Flash制作界面
2、点击插入选项卡插入一个元件并命名为“旗帜”类型为“影片剪辑”;
3、利用左侧的工具栏和颜色设置配合使用栏设计出一面旗帜;
4、旗帜的图片设计完成后,点击右上角的的场景回到动画制作页面,然
后在库中找到我们之前制作的元件,将制作好的旗帜图案拖拽到
当前的制作页面,调整旗帜的大小并将其放在最低端;
5、在页面的顶部有时间轴的设置框,我们选择第50帧点击鼠标右键添
插入关键帧,创建成功后,可以发现,第1帧和第50帧中间变灰了,
然后在第1帧和第50帧变灰色帧之间选择一处单击鼠标右键,选择
创建补间动画,如果灰色变成粉色了则说明创建成功,然后再在第1
帧和第50帧之间根据预想的图片运行轨迹选取部分关键点分别插入
关键帧;
6、上述过程完成后,我们可以在页面最顶部的“控制”选项卡中选择“测
试影片”可以看到旗帜按照预定的设计的轨迹慢慢上升,一个最简单
的FLASH动画制作成功了!
第二部分MacromediaFireworks软件的学习操作
一、MacromediaFireworks简介:
利用该软件可以制作出十分动感的
GIF动画,还可以轻易地完成大图切割、动态按钮、动态翻转图等,
借助于MacromediaFireworks8,您可以在直观、可定制的环境中
创建和优化用于网页的图像并进行精确控制。
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企业管理系
统网站的后台数据库中将其“企业信息”修改为中道农业发展科技有
限公司的企业信息、“产品管理”中的产品分类改为中道农业发展科技
有限公司的产品,“新闻动态”改成中道农业发展科技有限公司的新闻
动态等数据按照对应关系逐项逐步的进行更换,如图所示
6、对于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、通过互联网查找类似制作案例和视频,以此来分析自己在操作中
出现的问题并找出解决问题的方法。
第五部分对本次实训的心得体会
通过这次实训,我不仅学到如何利用MacromediaFlash8.0软件制作Flash动画、用MacromediaFireworks软件制作动态Gif动态图片以及在现有网站上搭建一个新网站的相关知识,更重要的是更进一步增进了和其他同学之间的交流。
面临一个难题大家在一起畅所欲言,互相讨论,交流,把自己不理解,不明白的地方提出来,让老师来帮助解决,和老师一起交流和沟通,这样使得相互之间都得到了学习,巩固知识的机会,提高了学习的效率也促进了师生之间的有效沟通和交流,增进了师生之间的感情。
学习的过程就是一个不断遇到问题和不断解决问题的过程。
在学习和使用MacromediaFlash8.0软件制作Flash动画、用MacromediaFireworks软件制作动态Gif动态图片以及在现有网站上搭建一个新网站的时候,我遇到了很多的问题,遇到问题首先我就自己先琢磨,这几个软件和网站的搭建功能项目很多,我们学会的可能只是这些功能中的一部分,有好多功能需要靠自己尝试、研究和琢磨。
当然也有好多问题自己解决不了,我就虚心请教周围的同学和老师。
我相信,只要我们乐于尝试,善于思考问题、询问问题,一定会寻找到解决问题的方法的。
,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子商务 网站 设计 报告