电子商务概论 04 电子商务网站建设

上传人：独*** IP属地：江苏上传时间：2023-02-01 格式：PPT 页数：80 大小：2.89MB 积分：15 举报 版权申诉

已阅读5页，还剩75页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第4章

电子商务网站建设第4章电子商务网站建设知识目标能力目标

了解电子商务网站有哪些结构类型，及其基本的功能；能够理解网站开发前进行需求分析的重要性；了解电子商务网站开发的各项技术，尤其要掌握Dreamweaver软件的使用，会简单使用HTML语言进行网页编辑；了解网站开发的各个流程环节，对电子商务网站的开发有个总体的认识。

能够运用Dreamweaver开发软件进行网站建设与网页制作；能够使用HTML语言对网页内容进行简单的编辑；本章学习后的期望目标是能够完整的开发一个以静态网页为主的网站。第4章电子商务网站建设引导案例海尔集团，这个中国最具价值的品牌，世界上第四大白色家电的制造商，旗下的冰箱、空调、洗衣机、电视机、热水器、电脑、手机、家居集成等19个产品在我们的生活中随处可见。而且，海尔也是国内大型企业中第一家进入电子商务业务的公司，率先推出电子商务业务平台。为了进入一体化的世界经济，海尔累计投资了1亿多元建立了自己的IT支持平台，为电子商务服务。目前在海尔的网站的海尔新商场（http:///）上，除了推出产品的在线订购销售功能之外，最大的特色就是有面对用户的四大模块：个性化定制、产品智能导购，新产品在线预定，用户设计建议。这些模块为用户提供了独到的信息服务，并使网站真正成为海尔与用户保持零距离的平台。

第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.1Web开发技术1． HTML语言HTML的英文全称是HyperTextMarkUpLanguage，中文译为“超文本标记语言”，它是制作静态网页的主要语言。HTML可以用文本编辑器编写，通常以.htm或.html为文件的扩展名。和一般文本文件不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag（标签）。使用Tag可以把HTML文档划分成不同的逻辑部分和引用外部多媒体文件，如网页中的布局表格、引用图片、超链接等。者第4章电子商务网站建设第4章电子商务网站建设（1）HTML的语法规则HTML语言的语法格式按标签是否闭合引用，可分为两大类：一类是成对出现的标签，这类标签在HTML文档中较为常用；另一类是单独出现的标签。成对标签，由首标签和尾标签组成，用于指出标签包含内容的范围。其格式有两种书写方法：格式一：<标签名……>包含内容</标签名>格式二：<标签名……/>第4章电子商务网站建设（2）HTML的文档结构一个HTML文档的基本结构如下：<html><head><title>文档标题</title>……</head><body>……这部分是html文档的主体，显示在网页中内容。</boay></html>第4章电子商务网站建设（3）HTML的常用标签文本格式标签…… 将标记间的文本设置成粗体…… 将标记间的文本设置成斜体…… 将标记间的文本加下划线<big>……</big> 将标记间的文本大一号显示…… 将标记间的文本小一号显示…… 设置文本字体格式，包含若干可选属性face 设置文本字体名称size 设置文本字体大小，取值范围-７~７color 设置文本颜色。可以用十六进制数表示，也可以用red、white等助记符。第4章电子商务网站建设（4）HTML文档综合实例第4章电子商务网站建设第4章电子商务网站建设2.Dreamweaver8/CS3Dreamweaver是一种“所见即所得”的网页设计工具，它集网页制作和网站管理于一体，它以其强大的功能，易学易用、便捷高效的使用操作深受网页开发人员的喜爱。同时，也是初学者学习网页制作的最佳工具。其主要功能包括：（1）站点管理（2）设计视图与代码视图（3）兼容多种开发工具第4章电子商务网站建设3． ASPASP（ActiveServerPage的缩写），是一种在HTML中内嵌了VBScript及JavaScript脚本语言控制网页运行的一项技术。当使用浏览器访问ASP网页时，Web服务器就会根据请求将网页中的脚本语言用脚本解释器进行翻译并转换成相应的HTML代码然后再返回给浏览器，这样浏览器端看到的就是动态生成的网页。ASP是微软公司开发的代替CGI脚本程序的一项技术，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。第4章电子商务网站建设4． ASP.NETASP.NET是Microsoft.NET框架的一个组成部分。它并不是ASP技术的简单升级，它以其面向对象的程序设计思想、页面设计与程序设计实现代码分离的开发特色，以及兼容C#、VB等多种语言共同开发项目等优势，现已被广泛的应用在动态网页的开发使用中。一个ASP.NET网页文件由两个主要文件构成，一个是扩展名为.aspx的页面文件，另一个是扩展名为.aspx.cs（或者.aspx.vb）的业务逻辑文件。两个文件均为文本文件，可以使用“记事本”应用程序进行编辑，另外，Microsoft公司也提供一个专用于开发.NET应用程序的平台VisualStudio.NET2005/2008。第4章电子商务网站建设4.2.2数据库技术1．AccessAccess数据库是MicrosoftOffice的组件之一，它是一个中小型的关系数据库管理系统，适合于开发中小型网站。Access以其可视化的操作工具和向导，使得初学者能够快速的入门；且由于它与Word、Excel等办公软件同属一系列，使得它们之间具有数据交换与共享的整合优势。2．SQLServerSQLServer是一种基于客户机/服务器的关系型数据库管理系统，它使用Transact-SQL语言在服务器和客户机之间传送请求。第4章电子商务网站建设3．OracleOracle数据库是Oracle（中文称为“甲骨文”）公司的一类产品，它是以高级结构化查询语言（SQL）为基础的大型关系数据库，也是目前最流行的客户机/服务器的关系型数据库管理系统之一。其优势在于数据管理的安全性和海量的数据处理能力，且可以运行在Windows或Linux、UNIX等多种操作系统平台上。第4章电子商务网站建设4.2.3其它开发工具1． PhotoShopphotoshop是ADOBE公司的图像处理软件之一，它是目前公认的最好的平面美术设计软件，它的功能完善，性能稳定，使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具。通过它可以对图像进行修饰、编辑，以及对图像进行色彩处理，另外，它还有绘图和输出功能等。同时，它也设计网站页面的最佳工具，在使用Photoshop制作好的网页布局图片后，可以使用软件自带的切片工具，根据网页内容的布局要求，对图片进行切割，以保证在浏览器访问并下载网页中的图片时，能够高效、高速的完成。第4章电子商务网站建设2．FlashFlash是一个功能强大的用于矢量图绘制的交互式动画制作软件。Flash动画具有质量高、体积小的特点，并能跨越各种浏览器、操作系统和硬件平台，是目前网络上应用最多的一种动画表现形式。Flash是以时间帧为控制单位，利用软件提供的“运动渐变”、“形状渐变”等自动转变功能，可方便的设置两个关键帧间的动画过程。上述软件的使用均有相应的参考书籍，读者可自行选取阅读学习。第4章电子商务网站建设4.3电子商务网站建设与推广网站系统是由一系列的相关文件组成的集合，其中包括网页文件，图片、声音、动画等多媒体文件，还有数据库文件，网站配置文件等。网页文件是网站的主要组成部分，因此，网页制作是网站建设的主要任务。第4章电子商务网站建设网页设计是平面设计、动画设计、音效设计、配色等各个方面结合的产物。因此，学会网页设计虽然不难，但是要做好网页，却需要不断地学习和积累，在不断的探索和实践中进步。第4章电子商务网站建设一、认清两个名词——网页和网站

凭你的直觉，网站和网页有什么区别？[网站的开发不仅仅只是把网页制作出来那么简单]第4章电子商务网站建设二、网站的开发步骤1．确定网页主题和名称如：第1类：网上求职第2类：网上聊天／即时信息/ICQ第3类：网上社区／讨论/邮件列表第4类：计算机技术第5类：网页/网站开发第6类：娱乐网站第7类：旅行第8类：参考/资讯第9类：家庭/教育第10类：生活/时尚

2．收集网页中所需要的图片和信息（注意对素材的分类）3．网页布局的构想

确定网站的栏目并绘制框架结构图：树型目录：4．在图像软件中进行网页设计5．开始制作：首页、子页、建立他们之间的链接。6．检查（硬伤和软伤）7．上传：使用FTP或利用DW的站点管理器上传8．更新和维护：一般7天一次第4章电子商务网站建设第4章电子商务网站建设树型目录：合理安排文件的目录，不要将所有文件都存放在根目录下按栏目内容建立子目录在每个一级目录或二级目录下都建立独立的Images目录目录的层次不要太多不要使用中文目录使用意义明确的目录文件名

第4章电子商务网站建设用笔勾画网页的轮廓草图及布局安排第4章电子商务网站建设版面布局的样式“T”字型结构布局第4章电子商务网站建设“同”字型结构布局

“国”（“口”）字型布局第4章电子商务网站建设

自由式（“POP”）布局第4章电子商务网站建设

左右(上下)对称布局第4章电子商务网站建设

“三”型布局第4章电子商务网站建设第4章电子商务网站建设网页的布局元素1）标题2）网站标识（LOGO）3）导航

4）页眉5）内容6）页脚第4章电子商务网站建设网站标识（LOGO）Logo实例logo在网页中的位置

导航第4章电子商务网站建设第4章电子商务网站建设页眉BANNER(广告条)类型几种国际尺寸的Banner如下：468×60(全尺寸Banner)392×72(全尺寸带导航条Banner)234×60(半尺寸Banner)125×125(方形按钮)120×90(按钮类型1)120×60(按钮类型2)88×31(小按钮)120×240(垂直Banner)

【Banner设计注意点】Banner的“重量”要轻！以468×60的Banner为例，最好是15K左右，不要超过22K。而88×31的Banner最好在5K左右，不要超过7K。第4章电子商务网站建设第4章电子商务网站建设开始制作：1）定义站点：英文或拼音2）首页名称：index.htm或index.html3）图片格式：jpeg、jpg、gif、png4）默认宽度：不要超过1024，一般可在760～800之间。5）路径：相对路径一、安装和启动Dreamweaver81．安装Dreamweaver82．启动Dreamweaver8

DreamweaverMX8的工作环境总览第4章电子商务网站建设个性化的工作环境1）显示/隐藏控制面板2）移动面板位置3）调整面板尺寸大小4）自由组合面板5）调整主窗口的大小第4章电子商务网站建设二、站点搭建设计流程与站点规划1．对站点进行规划2．按照思路创建站点的基本结构3．开始具体的网页创作过程4．上传站点并维护更新第4章电子商务网站建设规划站点的注意点将不同的文件进行分类，分别放置与不同的文件夹中以便管理。命名文件或文件夹注意点：使用英文和拼音不能包含空格等非法字符要有一定规律，以便日后的管理文件名应该容易理解，看了就知道文件的内容，建议用小写的文件名合理分配各种类型的文件第4章电子商务网站建设三、创建本地站点1．搭建站点1）使用向导搭建站点（初学者使用）2）使用高级设定搭建站点【实例】把源文件夹指定为本地站点第4章电子商务网站建设2．创建一个简单的网页在Dreamweaver中新建一个网页有两种方法，方法一，在“文件”面板的“站点”项上右击，在弹出的菜单上选择“新建文件”；方法二，打开“文件”菜单，选择“新建…”菜单项。两种打开方法各有优势，第一种方法快捷简单，创建一个空白网页；第二种可以通过“新建文档”对话框，选择某一种结构的网页。（一般首页文件名为index.html或index.htm）第4章电子商务网站建设3．用表格布局网页用上述方法直接在网页中从上到下的增加内容，故然能做出一张布局简洁的网页，但若要将网页中的内容分区域显示，甚至将图片、文字按某种样式混合排列，那么，网页就需要用“表格”来进行布局。第4章电子商务网站建设（1）常见版面布局有以下几种： “同”字型结构布局。页面顶部为主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。 “国”字型结构布局。在保留“同”字型的同时，在页面的下方增加一横条状的菜单或广告。自由式布局。打破了同字型、国字型布局的菜单框架结构，页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由地摆放在页面上。左右对称式布局。这是采取左右分割屏幕的办法形成的对称布局，在左右部分内自由安排文字图象和链接，点击左边的链接时，在右边显示链接的内容。本例采用基本接近于“同”字型结构的布局。第4章电子商务网站建设一、熟练使用表格和单元格1．插入表格

鼠标定位，单击常用面板中的“表格图标”，设定行列数。2．选定操作①选择整个表格：单击表格的边框部分、选择标签<table>

②选择单元格：单击要选择的单元格内部、拖动鼠标可同时选择多个相邻单元格、按住Ctrl键可以同时选择不相邻的多个单元格③选择指定的行和列：（行）单击左侧边框或选取标签<tr>，（列）单击列上面的宽度表示线3．设置表格的属性1）指定单元格的大小：通过拖动或在属性面板中指定大小2）排列表格的位置和内容：位置在表格属性面板的对齐列表中进行选择；内容则是使用单元格属性面板中的“排列图标”来进行排列3）设置表格、单元格、行、列的背景色、背景图：通过属性面板4）设定边框和边距：第4章电子商务网站建设二、设定跳转到其他网站的链接及目标

前面设定了跳转到内部网页文档的链接。下面将设定跳转到其他网站的链接后，通过指定目标使网站在新的窗口中打开。目标显示被链接的网页文档或网站的位置。由单一框架构成的网页文档，主要采用两种显示方式。①当前打开的网页文档消失，而显示链接的网页，②在新的窗口中显示链接的网页。

第4章电子商务网站建设三、在网页中发送邮件

下面将通过设定，使得在网页中可以发送电子邮件。选择文本或图像后，在链接中输入“mailto:自己的邮件地址”即可。

第4章电子商务网站建设四、使用图像映射在图像中设定链接

所谓图像映射是指在一个图片中设定多个链接。通过设定图像链接，在单击图像的一部分时可以跳转到所链接的网页文档或网站。实现这一点只需要使用图像映射图标选择要设定链接的区域后，输入要跳转到的网页文档或网站地址即可。

第4章电子商务网站建设5．用模板设计统一风格的网站在制作网站的过程中，我们会发现很多页面中的内容具有共同之处，例如，网站的LOGO、BANNER、导航栏及版权信息等；此外，为了体现网站的专业性，整个网站的布局、色彩、风格的协调统一是非常重要的。为了解决上述问题，使用模板是最好的方法。第4章电子商务网站建设模板可以作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。模板的作用：有利于保持网页风格的一致；提高工作效率。1、创建模板1）创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮。2）创建基于文档的模板：文件——另存为模板。第4章电子商务网站建设2、设置模板页面属性1）用模板创建的文档继承模板的页面属性，页标题除外。

2）设置：修改——页面属性3、定义模板的可编辑区在模板文档中选定对象，插入——模板对象——可编辑区域——输入可编辑区域名。第4章电子商务网站建设4、模板的应用和更新1）应用模板创建文档：文件——新建——从模板新建。

从模板面板中拖一个模板到文档。

从模板面板中选定一个模板，单击应用。

修改——模板——套用模板到页。第4章电子商务网站建设2）把页面从模板中分离出来在应用了模板的文档中，只有可编辑区的内容才可以修改，如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。修改——模板——从模板中分离。3）修改模板在模板面板中选定模板、单击编辑按钮或双击模板名称打开模板，编辑完成后保存。保存后可选择是否更新已应用模板的文档。4）更新站点中使用模板的所有文件修改——模板——更新页面（或只更新当前页）第4章电子商务网站建设4.3.2网站的运行方式建设好整个网站后，就要考虑网站在Internet上的发布运行。目前，Internet上提供企业或个人建站服务的常有3种方案：服务器托管、服务器租用和虚拟主机。第4章电子商务网站建设1．服务器托管服务器托管是指为了提高网站的访问速度，将服务器硬件及相关设备托管到具有完善机房设施、高品质网络环境、丰富带宽资源和运营经验以及可对用户的网络和设备进行实时监控的网络数据中心内，以此使系统达到安全、可靠、稳定、高效运行的目的。托管的服务器由客户自己进行维护，或者由其它的授权人进行远程维护。服务器托管最突出的优势在稳定、安全、独享，且相对于租用服务器成本要低。第4章电子商务网站建设2．服务器租用服务器租用是指用户无须自己购买服务器，只需根据自己业务的需要，提出对硬件配置的要求，主机服务器由IDC服务商配置。用户采取租用的方式，安装相应的系统软件及应用软件以实现用户独享专用高性能服务器，实现WEB+FTP+MAIL+VDNS全部网络服务功能。用户可以自行安装操作系统及相应的应用软件，并完全自行管理，也可由委托IDC服务商代用户安装系统、应用软件，免费提供服务。对于用户来说，初期投资成本相对减轻，但每年需要支持一定数额的设备租赁费用。第4章电子商务网站建设3．虚拟主机虚拟主机，是在网络服务器上划分出一定的磁盘空间供用户放置站点、应用组件等，提供必要的站点功能与数据存放、传输功能。虚拟主机技术的出现，实现了把一台真正的主机分成许多的“虚拟”的主机，每一台虚拟主机都具有独立的域名和IP地址，具有完整的Internet服务器功能。虚拟主机之间完全独立，在外界看来，每一台虚拟主机和一台独立的主机完全一样，但由于多台虚拟主机共享一台真实主机的资源，每个虚拟主机用户承受的硬件费用、网络维护费用、通信线路的费用均大幅度降低，Internet真正成为人人用得起的网络。第4章电子商务网站建设4.3.3域名注册域名是一种用于在Internet上识别和定位计算机地址的名词。它如同商标一样，是企业在Internet中的一种无形资产，具有唯一性。第4章电子商务网站建设1．申请域名国内域名注册的权威机构是中国互联网络信息中心（）。目前，该机构已不具体负责注册域名，仅提供查询及维护域名中央数据库和解析域名的服务，但CNNIC授权了多家注册服务机构提供域名注册的服务，有北京万网志成科技有限公司的“中国万网”、厦门易名网络科技有限公司的“易名中国”等。第4章电子商务网站建设2．解析域名域名的解析需要将申请成功的域名与某个或某些IP地址进行捆绑。当用户输入在浏览器的地址栏内输入域名时，解析服务器会查找到域名对应的IP地址。域名解析就是将域名重新转换为IP地址的过程。一个域名只能对应一个IP地址，而多个域名可以同时被解析到同一个IP地址。第4章电子商务网站建设4.3.4网站的发布与维护网站要从本地计算机上发布

人人文库> 全部分类> 行业资料 > 医学制药

温馨提示

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

电子商务概论 04 电子商务网站建设

文档简介

温馨提示

最新文档

评论