电子商务网站建设剖析.ppt

第4章 电子商务网站建设,,第4章 电子商务网站建设,,,知识目标,能力目标,了解电子商务网站有哪些结构类型，及其基本的功能；能够理解网站开发前进行需求分析的重要性；了解电子商务网站开发的各项技术，尤其要掌握Dreamweaver软件的使用，会简单使用HTML语言进行网页编辑；了解网站开发的各个流程环节，对电子商务网站的开发有个总体的认识能够运用Dreamweaver开发软件进行网站建设与网页制作；能够使用HTML语言对网页内容进行简单的编辑；本章学习后的期望目标是能够完整的开发一个以静态网页为主的网站第4章 电子商务网站建设,,引导案例,海尔集团，这个中国最具价值的品牌，世界上第四大白色家电的制造商，旗下的冰箱、空调、洗衣机、电视机、热水器、电脑、、家居集成等19个产品在我们的生活中随处可见而且，海尔也是国内大型企业中第一家进入电子商务业务的公司，率先推出电子商务业务平台为了进入一体化的世界经济，海尔累计投资了1亿多元建立了自己的IT支持平台，为电子商务服务目前在海尔的网站的海尔新商场（,第4章 电子商务网站建设,,4.1电子商务网站规划思想 4.1.1电子商务网站的结构类型 电子商务网站的构建模式取决于在电子交易中参与的主体的性质，最常见的有以下三种结构类型。

B2C型商务平台 B2B型商务平台 C2C型商务平台,第4章 电子商务网站建设,4.1.2电子商务网站的功能定位 企业建立电子商务网站的主要目的是通过网站来推广企业的产品和服务，使客户随时可以了解企业和企业的产品，为客户提供服务和订单处理功能 1．企业的形象宣传 2．产品和服务的展示与订购 3．网上支付和配送跟踪 4．商务资源的管理,第4章 电子商务网站建设,4.1.3电子商务网站的需求分析 网站建设的需求分析是网站建设的第一阶段，其总的目的是根据调查分析，明确建设电子商务网站的目的与内容，使网站建设能根据企业经济等实力，满足企业真实需求和客户需求，提高企业市场竞争率和经济效益需求分析是否科学、合理，将直接影响后期网站开发第4章 电子商务网站建设,1. 需求分析包含的相关要求 （1）功能要求，主要解决网站“做什么”的问题 （2）性能要求，主要说明网站要达到什么指标例如，响应时间、响应方式、存储容量及其网络安全性等方面 （3）环境要求，主要明确网站将在哪些软硬件的支持下运行例如，硬件配置，操作系统，网络环境等方面 （4）安全保密、可靠性要求，主要针对网络访问时网站业务数据的安全及保密情况，还有对故障发生的概率提出衡量标准。

（5）用户界面要求，主要描述用户对网站提出的期望布局、样式等视觉要求 （6）项目开发成本、开发进度等要求，主要用来预估整个项目开发时所消耗的时间与费用，以及系统可能达到的运行目标第4章 电子商务网站建设,2. 需求分析包含的主要内容 （1）企业需求调查 企业需求调查的目的是充分了解用户需求、业务内容和业务流程，是下一步需求分析的前提条件 （2）目标客户分析 调查与分析目标客户，了解网站可能的服务对象和他们的需求，规划与设计符合目标客户群的商务网站，为他们提供所需的产品和服务，以及满足他们的兴趣和爱好，这样的商业网站才能满足客户的需求，成功的可能性就高第4章 电子商务网站建设,（3）竞争对手的调查分析 了解原先的竞争对手是否上网，洞察网上已经开展了业务的竞争对手情况，分析现有和潜在的竞争对手的优势和劣势，研究竞争对手网站运行和电子商务运作的效果，以便制定自己的发展战略、网站设计方案和战胜竞争对手的方法 （4）网站构建的市场定位分析 市场定位是指在目标客户的心目中为本企业和产品及服务创造一定的特色，赋予一定的形象，以满足与适应客户一定的需求与偏好主要体现在网站使用的便利性、网站功能的完善性、网站风格的可接受性、网站信息发布与管理的效率、网站推广途径等方面的因素。

第4章 电子商务网站建设,（5）可行性分析 主要有技术可行性分析（软、硬件及电子商务业务流程的支撑情况）、经济可行性分析（成本构成与测算）、组织人员可行性分析（人力资源与组织管理制度）等 （6）网站的收益分析 直接收益，是指通过销售网上信息或服务而获取的收益广告收入、有偿资料下载等） 间接收益，网站通过相关业务而获取的收益网上采购、推销、业务推广等） 品牌收益，（知名度、点击率等） （7）风险分析 如果企业的大部分业务通过网上完成，企业电子商务网站的风险分析就非常有必要分别要从技术风险（病毒、黑客、软硬件故障等）和商业风险（网站是否符合企业的商务运作模式）两个方面进行分析第4章 电子商务网站建设,3. 需求分析报告文档 编写网站需求说明书是为让用户和软件开发人员对所要建设的网站系统有一个共同的理解，使之成为整个开发工作的基础需求分析的相关文档可参考软件开发文档国标GB856T—88和GB8567—88的12个标准文档第4章 电子商务网站建设,4.2电子商务网站开发技术 4.2.1 Web开发技术 1． HTML语言 HTML的英文全称是Hyper Text MarkUp Language，中文译为“超文本标记语言”，它是制作静态网页的主要语言。

HTML可以用文本编辑器编写，通常以.htm或.html为文件的扩展名和一般文本文件不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag（标签）使用Tag可以把HTML文档划分成不同的逻辑部分和引用外部多媒体文件，如网页中的布局表格、引用图片、超链接等者,第4章 电子商务网站建设,第4章 电子商务网站建设,（1）HTML的语法规则 HTML语言的语法格式按标签是否闭合引用，可分为两大类：一类是成对出现的标签，这类标签在HTML文档中较为常用；另一类是单独出现的标签  成对标签，由首标签和尾标签组成，用于指出标签包含内容的范围其格式有两种书写方法： 格式一：包含内容 格式二：,第4章 电子商务网站建设,（2）HTML的文档结构 一个HTML文档的基本结构如下： 文档标题 …… …… 这部分是html文档的主体，显示在网页中内容 ,第4章 电子商务网站建设,（3）HTML的常用标签  文本格式标签 …… 将标记间的文本设置成粗体 …… 将标记间的文本设置成斜体 …… 将标记间的文本加下划线 …… 将标记间的文本大一号显示 …… 将标记间的文本小一号显示 …… 设置文本字体格式，包含若干可选属性 face 设置文本字体名称 size 设置文本字体大小，取值范围 -７~７ color 设置文本颜色。

可以用十六进制数表示，也可以用red、white等助记符第4章 电子商务网站建设,（4）HTML文档综合实例,第4章 电子商务网站建设,第4章 电子商务网站建设,2.Dreamweaver 8/CS3 Dreamweaver是一种“所见即所得”的网页设计工具，它集网页制作和网站管理于一体，它以其强大的功能，易学易用、便捷高效的使用操作深受网页开发人员的喜爱同时，也是初学者学习网页制作的最佳工具其主要功能包括： （1）站点管理 （2）设计视图与代码视图 （3）兼容多种开发工具,第4章 电子商务网站建设,3． ASP ASP（Active Server Page的缩写），是一种在HTML中内嵌了VBScript及JavaScript脚本语言控制网页运行的一项技术当使用浏览器访问ASP网页时，Web服务器就会根据请求将网页中的脚本语言用脚本解释器进行翻译并转换成相应的HTML代码然后再返回给浏览器，这样浏览器端看到的就是动态生成的网页ASP是微软公司开发的代替CGI脚本程序的一项技术，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具第4章 电子商务网站建设,4． ASP.NET ASP.NET是Microsoft.NET框架的一个组成部分。

它并不是ASP技术的简单升级，它以其面向对象的程序设计思想、页面设计与程序设计实现代码分离的开发特色，以及兼容C#、VB等多种语言共同开发项目等优势，现已被广泛的应用在动态网页的开发使用中一个ASP.NET网页文件由两个主要文件构成，一个是扩展名为.aspx的页面文件，另一个是扩展名为.aspx.cs（或者.aspx.vb）的业务逻辑文件两个文件均为文本文件，可以使用“记事本”应用程序进行编辑，另外，Microsoft公司也提供一个专用于开发.NET应用程序的平台Visual Studio.NET2005/2008第4章 电子商务网站建设,4.2.2 数据库技术 1．Access Access数据库是Microsoft Office的组件之一，它是一个中小型的关系数据库管理系统，适合于开发中小型网站Access以其可视化的操作工具和向导，使得初学者能够快速的入门；且由于它与Word、Excel等办公软件同属一系列，使得它们之间具有数据交换与共享的整合优势 2．SQL Server SQL Server是一种基于客户机/服务器的关系型数据库管理系统，它使用Transact-SQL语言在服务器和客户机之间传送请求。

第4章 电子商务网站建设,3．Oracle Oracle数据库是Oracle（中文称为“甲骨文”）公司的一类产品，它是以高级结构化查询语言（SQL）为基础的大型关系数据库，也是目前最流行的客户机/服务器的关系型数据库管理系统之一其优势在于数据管理的安全性和海量的数据处理能力，且可以运行在Windows或Linux、UNIX等多种操作系统平台上第4章 电子商务网站建设,4.2.3 其它开发工具 1． PhotoShop photoshop是ADOBE公司的图像处理软件之一，它是目前公认的最好的平面美术设计软件，它的功能完善，性能稳定，使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具通过它可以对图像进行修饰、编辑，以及对图像进行色彩 处理，另外，它还有绘图和输出功能等同时，它也设计网站页面的最佳工具，在使用Photoshop制作好的网页布局图片后，可以使用软件自带的切片工具，根据网页内容的布局要求，对图片进行切割，以保证在浏览器访问并下载网页中的图片时，能够高效、高速的完成第4章 电子商务网站建设,2．Flash Flash是一个功能强大的用于矢量图绘制的交互式动画制作软件。

Flash动画具有质量高、体积小的特点，并能跨越各种浏览器、操作系统和硬件平台，是目前网络上应用最多的一种动画表现形式Flash是以时间帧为控制单位，利用软件提供的“运动渐变”、“形状渐变”等自动转变功能，可方便的设置两个关键帧间的动画过程 上述软件的使用均有相应的参考书籍，读者可自行选取阅读学习第4章 电子商务网站建设,4.3电子商务网站建设与推广 网站系统是由一系列的相关文件组成的集合，其中包括网页文件，图片、声音、动画等多媒体文件，还有数据库文件，网站配置文件等网页文件是网站的主要组成部分，因此，网页制作是网站建设的主要任务第4章 电子商务网站建设,网页设计是平面设计、动画设计、音效设计、配色等各个方面结合的产物因此，学会网页设计虽然不难，但是要做好网页，却需要不断地学习和积累，在不断的探索和实践中进步第4章 电子商务网站建设,一、认清两个名词——网页和网站 凭你的直觉，网站和网页有什么区别？ [网站的开发不仅仅只是把网页制作出来那么简单],第4章 电子商务网站建设,二、网站的开发步骤 1．确定网页主题和名称 如： 第1类：网上求职 第2类：网上聊天／即时信息 / ICQ 第3类：网上社区／讨论 / 邮件列表 第4类：计算机技术 第5类：网页 / 网站开发,第6类：娱乐网站 第7类：旅行 第8类：参考 / 资讯 第9类：家庭 / 教育 第10类：生活 / 时尚,,2．收集网页中所需要的图片和信息（注意对素材的分类） 3．网页布局的构想  确定网站的栏目并绘制框架结构图： 树型目录： 4．在图像软件中进行网页设计 5．开。