化妆品电子商务网站论文.docx
- 文档编号:9058218
- 上传时间:2023-05-16
- 格式:DOCX
- 页数:26
- 大小:2.15MB
化妆品电子商务网站论文.docx
《化妆品电子商务网站论文.docx》由会员分享,可在线阅读,更多相关《化妆品电子商务网站论文.docx(26页珍藏版)》请在冰点文库上搜索。
化妆品电子商务网站论文
大连东软信息学院
电子商务网页综合大作业设计(论文)
系所:
信管系
专业:
电子商务
学生姓名:
陈思
学生学号:
指导教师:
刘煜禹
导师职称:
副教授
完成日期:
年月日
大连东软信息学院
DalianNeusoftUniversityofInformation
第1章 关键技术介绍
1.1关键性开发技术的介绍
1.1Dreamweaver介绍
Dreamweaver是网页制作和管理网站于一身的所见即所得的网页编辑器它有HTML编辑的功能。
可以方便地加入Flash、Shockwave、ActiveX以及其他媒体。
Dreamweaver具有强大的多媒体处理功能,在设计DHTML和CSS方面表现得极为出色。
Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。
它现在有Mac和Windows网站的版本。
Dreamweaver可以建立网页外观的样版,指定可编辑或不可编辑的部份,内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。
您也可以使用样版正确地输入或输出XML内容。
全方位的呈现利用Dreamweaver设计的网页,可以全方位的呈现在任何平台的热门浏览器上。
对于cascadingstylesheets的动态HTML支援,声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。
使用不同浏览器显示的功能,Dreamweaver可以通知用户在不同浏览器上执行的成效如何。
当有新的浏览器上市时,只要从Dreamweaver的网站在下载它的描述档,便可得知详尽的成效报告。
它还支持动态跨浏览器验证,当保存时网站自动检查当前文档的跨浏览器有效性,可以指定何种浏览器为测试用浏览器,同时网站自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。
动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器,只有利用一个好的编程工具,才会更快的做出更好的设计,才能实现一个标准的页面,所以Dreamweaver工具是一个不可缺少。
1.2Photoshop介绍
AdobePhotoshop,简称“PS”,是一个由AdobeSystems开发和发行的图像处理软件。
Photoshop主要处理以像素所构成的数字图像。
使用其众多的编修与绘图工具,可以更有效的进行图片编辑工作。
2003年,Adobe将AdobePhotoshop8更名为AdobePhotoshopCS。
因此,最新版本AdobePhotoshopCS6是AdobePhotoshop中的第13个主要版本。
Photoshop是Adobe公司旗下最为出名的图像处理软件之一,多数人对于PHOTOSHOP的了解仅限于“一个很好的图像编辑软件”,并不知道它的诸多应用方面,实际上,Photoshop的应用领域很广泛的,在图像、图形、文字、视频、出版等各方面都有涉及。
在二十世纪90年代初美国的印刷工业发生了比较大的变化,印前(pre-press)电脑化开始普及。
Photoshop在版本2.0增加的CYMK功能使得印刷厂开始把分色任务交给用户,一个新的行业桌上印刷(DesktopPublishing-DTP)由此产生。
一个MIS网站的开发过程一般包括如下几个步骤:
(1)需求分析:
需求分析主要是了解用户上网查看无锡当地新闻的需求。
需求了解得越详细,程序的后期开发与维护费用就会越少。
一般的开发团队中,需求分析都是由资历较深的网站分析员或项目经理担当,可见它的重要性。
需求分析制订好后,需要反复修改。
将最后的结果交给用户审定,确认无误后,由网站分析员完成需求分析文档,再开始下一步工作。
(2)概要设计:
概要设计紧跟在需求分析之后。
用户需求明确后,将得到的数据分析后,开始构建数据库的逻辑结构。
此时,数据库中的表格还未成形,通过各种分析工具画出数据流图,最后就可抽象出数据库的具体表结构。
这时由网站分析人员反复审核。
确认所有的需求都考虑在内,没有遗漏后,就可以开始制订概要设计文档。
概要设计文档形成后,整个程序的逻辑框架也就形成了。
(3)详细设计:
概要设计完成后,根据设计中制订的业务模块。
就可以进行详细分析设计了。
详细设计就是将各个业务模块的窗口全部建好,各个窗口控件的处理代码全部用语言表达出。
所以详细设计是整个网站中最繁琐的环节。
详细设计完成后,整个程序就确定了,再由编程人员根据详细设计文档将代码完成。
整个开发工作就宣告结束。
1.3JavaScript介绍
JavaScript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。
于是Netscape的浏览器Navigator加入了JavaScript,提供了数据验证的基本功能。
JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。
同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。
它最初由网景公司的BrendanEich设计,是一种动态、弱类型、基于原型的语言,内置支持类。
JavaScript是Sun公司的注册商标Ecma国际以JavaScript为基础制定了ECMAScript标准。
JavaScript也可以用于其他场合,如服务器端编程。
完整的JavaScript实现包含三个部分:
ECMAScript,文档对象模型,字节顺序记号。
Netscape公司在最初将其脚本语言命名为LiveScript。
在Netscape在与Sun合作之后将其改名为JavaScript。
JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”[2],因此语法上有类似之处,一些名称和命名规范也借自Java。
但JavaScript的主要设计原则源自Self和Scheme[3].JavaScript与Java名称上的近似,是当时网景为了营销考虑与Sun公司达成协议的结果。
为了取得技术优势,微软推出了JScript来迎战JavaScript的脚本语言。
为了互用性,Ecma国际(前身为欧洲计算机制造商协会)创建了ECMA-262标准(ECMAScript)。
现在两者都属于ECMAScript的实现。
尽管JavaScript作为给非程序人员的脚本语言,而非作为给程序人员的编程语言来推广和宣传,但是JavaScript具有非常丰富的特性。
第2章 系统分析
2.1架构概述
在这一章主要论述了“爱尚东软香奈儿”网站的需求分析,确定网站的主要功能,并根据网站能够的需求分析,确定数据库的逻辑结构。
目前,根据用户上网购买化妆品的需求,经过仔细的研究和调查之后,对“爱尚东软香奈儿”网站的设计与开发做了一个详细的概述。
根据改项目的需求进行了合理的分析,只有经过详细,正确的需求分析,了解网站真正所需要的功能,才能使网站成为更加实用的当地特色的网站,更好的为人们带来方便。
2.2功能架构
根据需求调研结果确定本网站主要包括以下功能模块,如图2.1所示。
图2.1功能构架
2.3模块需求描述
依据电子商务的思想进行化妆品网站分析,结合本香奈儿化妆品网站的特点,对各模块的功能进行合理设计,使它们功能互不影响,实现上相互独立,符合高质量、易维护、易扩展、一致性的设计思想。
(1)首页:
购买香奈儿用户进入首页,在首页展现的是网站的名称,导航显示相关的模块名称,导航下方是动态香奈儿产品图片,使得用户浏览起来一目了然。
首页还包括联系我们,关于我们,产品动态展示图片。
(2)品牌档案:
介绍了香奈儿的全名,创始人等相关信息。
让用户更加了解香奈儿背后的意义。
(3)品牌价值:
包括联系我们,和香奈儿品牌价值的简单介绍。
(4)产品购买:
展示商品列表,包括:
商品图片,名称,价钱。
用户可以点击商品图片,进入商品详细页面,查看商品详细信息。
(5)创始人:
简单的介绍了香奈儿创始人的信息。
(6)品牌延续:
本模块介绍香奈儿品牌延续的相关信息。
(7)现任设计师:
介绍了现任设计师的基本信息,包括姓名,年龄,作品等。
(8)品牌代言:
讲述了历届代言人的相关信息,包括代理的缘由。
(9)传承经典
(10)在中国:
简述了香奈儿在中国店面位置,涉及到的品牌商品类型等。
2.4网站任务的可行性分析
2.4.1技术可行性
通过自己仔细的调查研究,以及学习成功的经验结果,自己能够采集到足够的信息。
采用Div+CSS方法开发网页,常用技术(html\css\Web标准(div+css)、JavaScript),全面完整的设计,简化设计的流程,可以降低出错率。
2.4.2经济可行性
“爱尚东软香奈儿”网站界面友好,操作简单,操作配置不高,因此经济可行。
该网站良好的实现了商品信息与购买用户之间的联系。
使人们在Internet上可以实现网络了解和购买香奈儿产品,节省时间体力,并使网站有效地提高效益。
2.4.3管理可行性
“爱尚东软香奈儿”网站模块化的设计方法,有助于软件开发过程的管理,因为设计风格的科学性,合理的将整个程序划分多个功能模块,并且各模块单独设计,这有助于降低整个程序设计的难度、减少程序的出现错误影响范围,子模块容易实现,又使整个程序易于衔接和修改,降低模块之间的耦合度。
从而便于整个网站设计与实现的管理。
2.4.4运行可行性
在当今社会,顺着Internet在中国的迅速发展,人们日常生活中越来越多地使用网络技术来为自己的生活带来便利。
许多企业为了扩大他们的规模,将他们的生意范围涉及到了出口生意,由于企业的客户很多,而且分布于各地,甚至还有国外,在线销售商品有着对顾客的地域无限制等诸多的优点,可以成功地解决企业所面临的难题。
“爱尚东软香奈儿”网站操作简单易行,所以使用也比较容易,管理方面的条件都比较成熟。
经过以上分析,运行方面是可行的。
第3章 系统设计
3.1设计需求和思想原则
3.1.1“爱尚东软香奈儿”网站网站的需求分析
经过对商城网站内容的展现形式和内容介绍过程的考察,分析,和研究,做出了本网站的一下功能:
1.统一友好的操作界面,保证网站的易用性,方便用户浏览信息的操作;
2.具备销售商品信息的展示功能,方便浏览者对商品信息进行浏览与比较;
3.规范的商城网站内容分类,以便用户浏览和查找;
3.1.2软件设计原则
本网站软件是以用户浏览香奈儿商品相关信息为目的,了解香奈儿产品最新的相关动态并做出合理的详细分析,根据需求获得结论,做出详细的页面显示内容。
网站软件是不需要用户干网站软件是控制和协调计算机以及外部设备,支持应用的软件开发和运行的网站,是不需要用户干预的各种程序的集合。
(1)可靠性
用软件网站规模越做越大越复杂,其可靠性越来越难保证。
应用本身对网站运行的可靠性要求越来越高,软件网站的可靠性也直接关系到设计自身的声誉和生存发展竞争能力。
软件可靠性意味着该软件在测试运行过程中避免可能发生故障的能力,且一旦发生故障后具有解脱和排除故障的能力。
软件可靠性和硬件可靠性本质区别在于,后者为物理机理的衰变和老化所致,而前者是由于设计和实现的错误所致。
故软件的可靠性必须在设计阶段就确定,在生产和测试阶段再考虑就困难了。
(2)容易理解
软件的可理解性是其可靠性和可修改性的前提。
它并不仅仅是文档清晰可读的问题更要求软件本身具有简单明了的结构。
这在很大程度上取决于设计者的洞察力和创造性以及对设计对象掌握得透彻程度当然它还依赖于设计工具和方法的适当运用。
用户素材,了解用户的需求分析,分析需求的过程,总结需求获得结论。
(3)健壮性
健壮性又称鲁棒性,是指软件对于规范要求以外的输入能够判断出这个输入不符合规范要求,并能有合理的处理方式。
网站有序的分为三等级,
软件健壮性是一个比较模糊的概念但是却是非常重要的软件外部量度标准。
软件设计的健壮与否直接反应了分析设计和编码人员的水平。
3.2站点根目录
下面介绍的是在站点内创建文件或文件夹,在这里需要强调两个重点:
一是所有的命名都必须使用英文,因为互联网是无国界的,中文的目录可能会影响页面的正确显示;第二点就是目录内容不宜过长,根据自己的需要创建就可以了。
一般来说,一个站点基本由存放素材图的“Images”文件夹和若干扩展名为.html的文件组成,“爱尚东软香奈儿”网站的站点目录结构是根据自己的制作需要建立的,如图3.1所示。
图3.1“爱尚东软香奈儿”网站目录结构图
第4章 系统制作
4.1首页图片轮播功能
用户进入”爱尚东软香奈儿”网站首页页面,可以看到首页导航信息,显示网站的主要内容,用户可以根据导航功能划分,进入各个功能的专属模块。
左侧的联系我们,关于我们,和产品展示。
首页的动态产品展示,更加增添了网站的实时性。
下面说明一下,轮播图片所用的功能介绍。
首先说明一下用到的代码如下:
(1)页面代码:
center;WIDTH: 202px;HEIGHT: 360px;OVERFLOW: hidden"id=demo> border=0src="images/.jpg"width=202 height=147> 图片展示
border=0src="images/.jpg"width=202
height=147>图片展示
border=0src="images/.jpg"width=202
height=147>图片展示
border=0src="images/29953.jpg"width=202
height=147>图片展示
align=center> border=0src="images/.jpg"width=202 height=147>图片展示
align=center> border=0src="images/.jpg"width=202 height=147>图片展示
align=center> border=0src="images/.jpg"width=202 height=147>图片展示
border=0src="images/.jpg"width=202
height=147>图片展示
align=center> border=0src="images/51195.jpg"width=202 height=147>图片展示
align=center> border=0src="images/76535.jpg"width=202 height=147>图片展示
align=center> border=0src="images/.jpg"width=202 height=147>图片展示
(2)Js代码:
/*轮换图片*/
varspeed3=30
demo2.innerHTML=demo1.innerHTML
functionMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
varMyMar=setInterval(Marquee,speed3)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed3)}
图4.1首页轮播图片导航
4.2 首页导航功能
首页面使用了“同”字型结构布局,内容是“网站标志+广告条+主菜单”,下方显示内容和商品展示。
这种布局的优点是充分利用版面,页面结构清晰,左右对称,主次分明,信息量大。
进入首页后,上方网站导航信息,爱尚东软香奈儿网站导航位置,鼠标点击各个模块,链接到其他模块介绍页面,以下是对这个功能的代码介绍。
代码:
url(images/index21_07.jpg)repeat-xleft50%"border=0 cellSpacing=0cellPadding=0width=1003align=center;>