电子商务网站222115.docx
- 文档编号:17901837
- 上传时间:2023-08-04
- 格式:DOCX
- 页数:12
- 大小:783.81KB
电子商务网站222115.docx
《电子商务网站222115.docx》由会员分享,可在线阅读,更多相关《电子商务网站222115.docx(12页珍藏版)》请在冰点文库上搜索。
电子商务网站222115
网络课程设计
题目电子商务网站制作
系(部)电子与信息工程系
班级09级计算机科学与技术
姓名王
学号2009222115
指导教师康
2010年12月5号
电子与信息工程系
《网络》课程设计任务书
设计题目
网络课程设计——电子商务网站的制作
已知技术参数和设计要求
设计要求:
有显示电子商务网站页面;网上冲印栏目页面制作;网上冲印交易流程网页
设计内容与步骤
1、网站设计:
Dreamweaver
2、网站静态界面设计
3、网站动态部分以及数据库连接调试
4、系统调试运行
5、课程设计总结报告
设计工作计划与进度安排
1、设计工作4学时
2、实现与调试16学时
3、课程设计总结报告8学时
设计考核要求
1、考勤10%
2、作品60%
3、课程设计总结报告30%
计算机教研室制
电子商务网站的制作
作者:
韩咲
(安康学院电子与信息工程系计算机科学与技术09级陕西安康725000)
指导老师:
康亚娟
摘要:
近年来,电子商务得到了迅猛的发展。
它是数字化商业社会的核心,是未来企业发展、生存的主流方式。
随着时代的发展,不具备网上交易能力的企业将失去广阔的市场,以致无法在未来的市场竞争中占据优势。
如何制作出符合商业特点的网站就是本论文要解决的问题。
主要是制作一个网上冲印店,并且了解一个传统行业是如何在网上实现交易的全过程。
关键字:
电子商;网上冲印;网上交易
引言
电子商务(ElectronicBusiness)通过网路来实现商品交易过程(包括原材料查询、采购、产品展示、订购、出品、储运以及电子支付等等),即用电子方式进行商务数据交换和开展商务活动。
真正成功的电子商务项目能够为企业增加营销渠道、节省中间环节、提高运营效率、拓展市场宣传与提升客户服务。
设计电子商务站点应该记住的最重要的事情是方便顾客购买。
电子商务必须制造强烈的第一印象。
这是公司与用户联系和说服他们开始购买的重点。
提供商店的商标也是最重要的事情之一。
其次,很重要的一点是为商店的种类或门类提供一个清楚地、形象的定义。
这一切可以用制表符或放在导航条中来完成。
查找的特征也必须放在公司商标附近或几乎所有网页的顶部和底部这样显著地位置。
考虑在主页上突出特殊的商品以激发客户购买的欲望。
关于商品的细节,提供得越多越好。
如果产品介绍的网页很长,则要确保在信息正文的顶部和底部都提供购买或添加到购物篮的选项,使客户购买产品更为方便。
处于这样一个变化万千的信息时代,每个人面对的信息都十分庞杂。
即使是同样的信息,通过不同的编排、组织和分类、流程操作,不同的布局和样式,不同的视觉传达手段和表现方法,给人们带来的印象和理解也是完全不同的。
要使网站使用者迅速地领会网站想要表达的信息、快速获得访问用户的认可和信任,就必须结合商业需求和市场形象的信息构架和视觉设计。
因此,好的网站会将网站希望用户记住的信息、重点、特色潜移默化地传递给用户,引导用户做出选择,从而将访问者转变为顾客。
需求分析
1.1选择设计模型
对于电子商务系统而言,应该根据自己的需要来选择适当的模型,有时候单独采用某个模型并不能满足所有的需要。
此时,应该需要选择一种复合型的设计模型。
1.2确定网站主题及风格创意
网站主页的风格是浏览者对整个网站的普遍的感觉,是主页的版式、色调及图文组合的高度抽象。
而网站的创意则是在设计之前对内容的选择和表现形式运用的思考,力求个性的发挥。
在茫茫网海没有创意的网站很快就会被人遗忘。
主页的美化首先要考虑风格的定位。
任何主页都要根据主题的内容决定其风格与形式,因为只有形式与内容的完美统一,才能达到理想的宣传效果。
目前主页的应用范围日益扩大,几乎包括了所有的行业,林林总总,包罗万象,但归纳起来大体有这么几个大类:
新闻机构、政府机关、科教文化、娱乐艺术、电子商务、网络中心等。
对于不同性质的行业,应体现出不同的主页风格,就像穿着打扮,应依不同的性别以及年龄层次而异一样。
例如:
政府部门的主页风格一般应比较庄重,而娱乐行业则可以活泼生动一些;商务主页则可以贴近民俗,使大众喜闻乐见;文化教育部门的主页风格应该高雅大方、格调清新,不宜太花。
对于画面风格的选择:
需要考虑是写实还是写意,是体现专业性还是大众化,是为儿童还是为成人。
对形式的简繁的选择:
是追求简洁还是花哨,不同性质的网站在这方面会有不同。
如艺术网站,会不厌其烦地用各种手法来展示其创意。
对于色调选择:
是活泼还是庄重,是素还是艳,比如食品网站应选择的色彩很艳丽,如果选择素的色彩,可能就无法体现出水果和蔬菜的那种生气,而工艺品网站的色调是以素为主,突出了手工艺品的典雅。
1.3主题材料的搜集和整理
明确了网站的主题以后,你就要围绕主题开始搜集材料了。
常言道“巧妇难为无米之炊”。
要想让自己的网站有血有肉,能够吸引住用户。
你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。
材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集。
然后把搜集的材料去粗取精、去伪存真。
作为自己制作网页的素材。
主要是收集与你的站点相关的信息,包括站点的目标浏览,要发布或是要在网站呈现的内容,开发Web服务器平台。
1.4多媒体网站开发工具和开发平台的选择
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。
网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。
除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool3d、GifAnimator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,可以根据需要灵活运用。
以下是多媒体网站的开发工具和开发平台:
1.梦幻网页的编织者——DreamweaverMX
DreamweaverMX可以为用户做到:
使用动态HTML功能(例如具有动态效果的层和行为)而不用写一行代码。
它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。
DreamweaverMX还是一个可以完全自定义的应用程序。
用户可以创建自己的对象和命令,修改菜单和快捷键,甚至编写javascript代码扩展Dreamweaver的行为和属性检查器。
2.网页动画的制作软件——MicromediaFlashMX
MicromediaFlashMX用于web站点的交互式的矢量图形和动画的制作,它可制作出用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画,创建出生动的富于表现力的。
网页Flash中的图形都是矢量的,占据存储空间较少,因而下载时间短,且能很好地适应浏览者不同尺寸的屏幕。
FlashMX的交互性的大部分设置就在ACTION和FSCOMMAND里,通过对ACTION和FSCOMMAND的设置,你可以随意的设置各事件发生的效果,还有对变量及函数的设置。
3.影像与动画的制作软件——AdobePhotoshop6.0
AdobePhotoshop6.0是目前最流行的图形、图像编辑设计软件,在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。
系统设计
1.5网站设计原则
依据上面所说的设计步骤我们完全有理由相信,您已经可以建立自己的个人网站了。
但是当你细细品味自己的站点时,你可能会觉得总有点美中不足,这时什么原因呢?
这是因为您还没有掌握好一些网站建设的简单原则,一旦您掌握好了以下原则,你的网站将会是锦上添花。
那么,就让我们共同来看一看专家为我们提出的个人网站建设的几个原则:
1.总体设计主题鲜明
在目标明确的基础上,完成网站的构思创意即总体设计方案。
对网站的整体风格和特色做出定位,规划网站的组织结构。
Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。
有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。
好的Web站点把图形表现手法和有效的组织与通信结合起来。
要做到主题鲜明突出,要点明确,以简单明确的语言和画面体现站点的主题。
调动一切手段充分表现网站点的个性和情趣,办出网站的特点。
2.网站版式设计
网页设计作为一种视觉语言,要讲究编排和布局,虽然主页的设计不等同于平面设计但它们有许多相近之处,应充分以利用和借鉴。
版式设计通过文字图形的空间组合,表达出和谐与美。
一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。
为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。
3.网页形式与内容相统一
要将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。
运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。
1.6制作步骤
客户在电子商务网站上交易时,通常需要若干步骤才能完成操作。
在设置操作步骤的时候需要根据交易的规则和习惯,使客户在尽量少的步骤内完成所需的交易。
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。
所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。
所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。
在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
以下是Css代码:
body{font-size:
12px;
color:
#333333;}
input{font-size:
12px;}
.red{font-size:
12px;
color:
#FF0000;}
.blue{font-size:
12px;
color:
#0033CC;}
.line{color:
#666666;}
.orange{color:
#FF6600;}
A.orange:
link{color:
#FF6600;text-decoration:
none;}
A.orange:
visited{color:
#FF6600;text-decoration:
none;}
A.orange:
active{color:
#FF6600;text-decoration:
none;}
A.orange:
hover{color:
#3333FF;text-decoration:
underline;}
A.white_bottom:
link{color:
#FFFFFF;text-decoration:
none;}
A.white_bottom:
visited{color:
#FFFFFF;text-decoration:
none;}
A.white_bottom:
active{color:
#FFFFFF;text-decoration:
none;}
A.white_bottom:
hover{color:
#FFFFFF;text-decoration:
underline;}
.white{color:
#FFFFFF;}
a:
link{color:
#333333;
text-decoration:
none;}
a:
visited{color:
#333333;
text-decoration:
none;}
a:
hover{color:
#009900;
text-decoration:
underline;}
.black{color:
#000000;}
.line20{line-height:
20px;}
.hui{color:
#999999;}
.line-all{border-right-width:
1px;
border-bottom-width:
1px;
border-left-width:
1px;
border-top-style:
none;
border-right-style:
solid;
border-bottom-style:
solid;
border-left-style:
solid;
border-right-color:
#449D00;
border-bottom-color:
#449D00;
border-left-color:
#449D00;}
.line-xc{border-top-width:
1px;
border-right-width:
1px;
border-top-style:
solid;
border-right-style:
solid;
border-top-color:
#AAAAAA;
border-right-color:
#AAAAAA;
border-bottom-style:
none;
border-left-style:
none;}
.big{font-size:
14.8px;
font-weight:
bold;
color:
#009900;}
.green{color:
#009900;}
p{font-size:
12px;}
td{font-size:
12px;}
.big_text{font-size:
14.8px;}
.title{font-size:
16px;
color:
#0033CC;
font-family:
"黑体";
font-weight:
bold;}
1.7上传测试
网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。
网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。
全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
1.8主页的宣传和更新维护
上传网页之后,为增加网站的访问量,所以做好网站的宣传工作是必不可少的。
推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加人广告链等。
最后一定要记住,自己的网站一定要及时的更新,否则网友来了,发现主页还是好几百年前的内容,下回可就不愿意光顾了。
2设计页面截图
图1首页
图2数码商城
图3网上冲印
图4付款方式
图5选择照片
图6选择冲印尺寸和数量
3结束语
电子商务已经成为企业越来越重要的一种交易方式。
它的方便、灵活是传统交易方式无法比拟的。
而对于网站建设者来说,不同的企业有着不同的商业流程、企业文化和客户群。
正如千人千面,世界上没有两家公司或企业是相同的,即使他们属于同一行业。
同样,在应用电子商务时,适用于某一企业的方案、设计或规划,很难简单适用于另一家。
因此,需要网站建设者真正从客户的角度出发,着眼于客户独特的情况和要求,为客户度身定制,通过创意设计制作最符合需求的电子商务网站。
对于这次设计电子商务网站对自已以后的学习有很大的帮助,其中的网页制作让我了解了制作一个网页的步骤和内容。
因此,该电子商务网站还存在的缺点和漏洞,只能尽量改正与完善。
不足之处,还请老师多多提意见。
参考文献
[1]林福宗.编著《多媒体技术墓础(第2版)》[J].清华大学出版社.2003.3
[2]叶小荣.王路敬主编《网页制作高手教程》[J].中国水利水电出版社.2001.9
[3]丁波.欧震旭编著《跟我学做网页》[J].科学出版社.2002.8
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子商务网站 222115 电子商务 网站
![提示](https://static.bingdoc.com/images/bang_tan.gif)