第八章 商务网站建设第八章 商务网站建设

第八章 商务网站建设第八章 商务网站建设

学习目标 通过第一节的学习，使同学对商务网站的基本概念、商务网站的组成、商务网站

的建设步骤有一定的了解和掌握。通过第二节的学习，使同学对商务网站硬件的基本架构、客户机和服务器的概念、与 Internet 的接入方式有一定的了解和掌握。通过第三节的学习，使同学对商务网站软件的基本架构、数据库和服务器软件产品等有一定的了解和掌握。通过第四节的学习，使同学掌握常规的网页设计方法，了解网页布局安排、色彩、图片等的运用规则，能设计一个有特色的网页。

掌握商务网站的建设步骤；商务网站的硬件架构；一般商务网站服务器的软件架构及配置方法；一般网页设计方法和制作工具的使用。理解商务网站的概念和组成；商务网站客户机、服务器的概念及配置组成，托管服务器和虚拟主机的概念和特点；商务网站服务器操作系统和数据库的功能和性能要求；各种不同的设计方法的应用场合。了解与商务网站建设有关的域名及其注册；与 Internet 的连接方式；各种操作系统、数据库产品的特点；网页布局安排、色彩、图片等的运用规则。

网站设计（案例：艺海拾贝）网站设计（案例：艺海拾贝）1 ．标题设计 每一个网站都有一个响亮的名字和独具风格的

标志，好的标题能简洁明了地体现出这个网站的主题，同时具有吸引力。标志也同样要设计得简单而独具特色。

2 ．网页模块设计 网页中的内容分为若干个板块，以利于规划网页的组织结构。

3 ．网页结构设计 在前面内容分块的基础之上，网页按树状结构安排。整个网页共有四到五个层次，网页之间的关系将由文档之间的链接表现出来。

艺海拾贝网页结构艺海拾贝网页结构

艺海泛舟

经典画廊

交响之魂

各时期经典绘画

CD圣经

交响随想

入门园地推荐曲目

交响历史

集邮天地

奇闻共赏

邮品分类欣赏

集邮知识

邮品交流

各类电子书籍

投稿箱

留言板

4.4. 网页目录结构网页目录结构

有一个清晰的目录结构对设计网页是很有益处的，便于维护与查找。由于目录和网页的结构都是树状结构，一般一一对应地一个节点创建一个子目录，子节点的网页就存在父节点对应的目录中。艺海拾贝网站的目录结构如右图：

ArtSeafeedback

historyfeelingcdbible

knowledgeinfo

germ

symphony

stampliteral

imagegallery

思考题：

1. 网站设计包括哪些内容？2. 为什么说网页结构设计非常重要？3. 目录结构与网页结构有什么关系？

第八章 商务网站建设•网站规划•硬件环境•软件环境•网页内容设计

§8.1§8.1 商务网站规划商务网站规划一、商务网站概述 商务网站是指一个企业、机构或公司在互联网上建立的站点，其目的

是为了宣传企业形象、发布产品信息、宣传经济法规、提供商业服务等。

互联网上的商务网站覆盖了经济、市场、金融、管理、人力资源、商业与技术等各个方面。在网上做生意也在成为一种新兴的贸易方式。“上网建站”势在必行，这主要表现在几下点：

1 ．用户数量大

2 ．加强与客户的联系

3 ．提供商业信息

4 ．提供客户服务

5 ．建立 24小时服务中心

6 ．提供迅速变化的信息

§8.1 商务网站规划

二、商务网站的组成一个基本商务网站的主要内容就是对公司和产品的简单介绍。一个基本商业网站点都包括以下几部分：

1 ．联系信息：公司的名称、地址、主要的电话号码和传真号码、 E-mail 地址

2 ．商业机构的地址：如果公司的商品项目是因地而异的 3 ．重要人物的介绍4 ．重要客户的介绍5 ．公司产品和服务介绍6 ．新闻：商业巡展、产品发布、新闻发布以及有关公司的报纸摘要等

内容

§8.1 商务网站规划

三、商务网站建设步骤目标规划系统分析系统设计网站实现网页发布网页调试维护与管理

1.1. 目标规划目标规划

1 ）服务对象：描述这个网站面向的对象，包括已知对象和潜在对象；2 ）设置目的：建站的目的；3 ）开发目标：要建网站的规模、功能、形式等；4 ）应用领域：网站所提供信息所属的应用领域范围；5 ）规格描述：具体网页的信息内容、信息链路设置、人机界面功能等；6 ）实现要求：网站建立所需的开发时间、软硬件环境等。这些问题要在规划阶段就有一个大体的轮廓，在进一步的分析、设计、实现中逐步完善。

2.2. 系统分析系统分析 网页主题意义的分析 对网页内容的分析 对制作者已有资源的分析 对网站的软硬件环境的分析 对网页可能访问者的分析 网站建设的合理性及可行性

3.3. 系统设计系统设计 一般网页设计类似于软件开发的设计，有自顶向下、自底向上和不断增补等设计方法。主要任务是网页内容的设计，包括网页的信息组织结构、外观、内容分块、导航与链接、目录结构等的设计。

系统设计是网站具体实现前的准备，对网页的实现进一步提出更具体的要求，对网页的整体效果、局部细节能有更明确的想法。

4.4. 网站实现网站实现

网页的实现：主要使用 HTML语言，另外用到 JavaScript 、图像制作、 CGI编程等具体的技术

WWW 服务器的实现：用到各种基于不同操作系统的 WWW 服务器软件的安装、调试。

5. 网页发布这个阶段网页制作接近尾声，主要工作是把做好的网页发布到网络上(Internet 或 Intranet) ，对网页作最后的修改、测试，保证网页能在网络上正常地运行。

6. 网页调试网页发布后将对网页进行各个方面各种情况的测试，包括网页能否在任何不同的浏览器中浏览；对于任何不同的访问者都表现正常， JavaScript 、 CGI程序能否正常工作等等。这个阶段称为网页的试运行期，此时应把网页的各种缺陷尽量弥补，使网页更为完善。

7. 维护与管理这个阶段网站进入正常运行期，主要工作是及时更新网页过时的信息，及时对访问者的留言作出反馈，进一步完善网页，不断采用新的技术更新升级网页，使网页的访问更迅速，外观更美观，信息资源更丰富。

§8.1 商务网站规划

四、选择商务模式 企业与用户 企业与企业

§8.1 商务网站规划

五、域名注册 域名是由人、企业或组织申请的网站使用的 Internet 标识，并对提供服务或产品的品质进行承诺和提供信息交换或交易的虚拟地址。

在确定企业电子商务网站域名的命名时，应考虑以下几个方面：– 选用企业已有商标或企业名称– 选择简单和易记易用的名字– 域名的自我保护

申请域名可以直接到中国互联网信息中心 CNNIC （ http://www.cnnic.net.cn/）办理，也可以委托网络服务单位代为办理。域名注册申请人必须是依法登记并且能够独立承担民事责任的组织，个人不能申请注册域名。

§8.1 商务网站规划

六、选择支付方式支付方式决定了资金的流动过程，目前的主要支付方式有： 送货上门付款：商家将商品交给客户，客户查验货物后

以现金的方式支付给商家 汇款方式：客户在完成订单时，通过邮政系统或银行系统

汇款，当商家接到汇款后，再将商品发给客户 电子支付：通过银行卡或信用卡支付完成的支付，涉及到

客户、商家、银行、 CA 中心等

电子商务支付过程：电子商务支付过程：1. 根据购买的商品的价格，客户填写资金的卡号，并将这些

信息提交给商家；2. 商家将需转帐的金额及自己的帐号一同转给支付网关；3. 支付网关的作用是将外部的公用网络与银行的内部网络隔离开来，以保证银行内部网络的安全。

4. 支付网关验证客户的卡号是否有效。如果有效则请求银行冻结客户卡内的款项，将信息转该商家，告诉商家可以支付给客户商品；

5. 商家告诉客户可以完成此订单；6. 商家发出信息给支付网关，请求兑现；7. 支付网关将客户卡内冻结的款项划到商家帐号内。

思考题思考题 建立商务网站的意义 商务网站由哪几个部分组成，是否一成不变？ 商务网站建设步骤有几个，为什么说目标规划非

常重要？

§8.2 硬件环境

网站的硬件一般应考虑客户、服务器、接入 Internet 的方式等三方面的问题，网站硬件一般架构如右图所示 ：

服务器

I nternet

工作站

工作站 工作站

§8.2 硬件环境

1 ．客户机

使用资源的计算机。这里的客户机由计算机群组成，主要的作用是网页编辑、图形处理、文字处理、多媒体制作、网络管理等。制作好的网页等通过网络（局域网、 PSTN、DDN 等）传到服务器上供大家浏览。

§8.2 硬件环境

2 ．服务器在网络上提供资源并对这些资源进行管理的计算机。服务器可分为 WWW 服务器、 E-mail 服务器、数据库服务器， DNS服务器等。WWW 服务器（WWW Server) ：安装Web Server 软件，用于存贮和管理主页 Home Page ，提供 WWW 服务。

数据库服务器（ Database Server ）：存贮着企业的大量信息，例如用户资料、产品资料等。

服务器都必须具备一定的通信处理能力、快速访问能力和安全容错能力。

§8.2 硬件环境

3．WWW 服务器与 Internet 连接方式

1） PSTN 接入2） ISDN 接入3） DDN 接入 4） DSL 接入5） ATM 接入

PSTNPSTN 接入接入

利用公共交换电话网 PSTN（ Publie Switeched Telephone Network ）进行数据传送，尽管速度较慢，要占用一条电话线路，但设备简单，使用方便，故仍然是目前大多数个人用户的一种主要通信方式。

ISDNISDN 接入接入

综合业务数字网的简称，是一种先进的网络技术。 ISDN 是以综合数字电话网（ IDN ）为基础发展而成的，能提供端到端的数字连接。它除了提供电话业务外，还能够将传真、数据、图像等多种业务在同一个网络中传送和处理，并通过现有的电话线提供给用户，它可以在一条电话线上连接八部相同或不同的通信终端，并能使两部终端同时使用。

综合业务数字网 ISDN 有窄带与宽带之分，分别称为 N-ISDN（ Narrowband-ISDN ）和 B-ISDN （ Broadband-ISDN ），无特殊说明， ISDN指 N-ISDN。 N-ISDN 是以公用电话交换网为基础，而 B-ISDN 是以光纤作为干线和传输介质。

常用的 ISDN 网络信道有 B 信道，用于话音或数据传输，传输速率64kbps， B 信道是电路交换的基本单位。 D 信道用于带外信令传输，传输速率 16kbps或 64kbps 。

通过通过 ISDNISDN 接入接入 INTERNETINTERNET 方案方案 代理服务器：由软件实现，不需

其它硬件设备，但不太稳定帐号共享器：由硬件实现，稳定

性较好，需要帐号共享器与TA兼容。主要设备 Internet账号共享器

路由器：由硬件实现，速度快，稳定性好，但价格较高。主要设备 ISDN路由器。其结构如右图所示。

DDNDDN 接入接入 它是利用光纤，数字微波或卫星等数字传输通道和

数字交叉复用设备组成，能为用户提供高质量的数据传输通道，传送各种数据业务。 DDN 主要特点速率高（ 64Kbps－ 2MKbps ）、低误码率、通信容量大、方便各种局域网的联网。

通过 DDN 接入 Internet 操作简便，无须拨号，开机即可直接进入 Internet ；高速连接；稳定可靠，不会出现拨号上网中常见的线路繁忙、中途断线等现象。

DDN 的接入费用比 PSTN及 ISDN 要高得多。

DSLDSL 接入接入

非对称方式（如 ADSL ）：是一种经济有效的解决方案，它利用现存的铜线网络基础设施，可提供视频点播、可视会议、远程办公、远程医疗、远程教学、网上购物等服务。

对称方式（如 SDSL、 HDSL ）：适合商业用户的需要，他们需要一定的对称带宽 (如 512K,1M 或者 2M) 。

由于利用了现有的电话线系统，因而 DSL 方式接入 Internet 要比 DDN成本低许多，而且 DSL总是处于“联机状态”，即用户在收发 E-mail 或上网浏览的时候不需要拨号。

ATMATM 接入接入 包含来自某用户信息的各个信元不需要周期性出

现，这种传输模式是异步的。 在 ATM 中话音，数据，图象等所有的数字信息都

要经过切割，封装成统一格式的信元在网中传递，并在接收端恢复成所需格式。由于 ATM 技术简化了交换过程，去除了不必要的数据校验，采用易于处理的固定信元格式，所以 ATM交换速率大大高于传统的数据网。

ATM 接口类型支持单、多模光纤，物理接入速率有 2M、 34M、 155M ，能满足多种业务的需求。

互联网服务商提供的服务互联网服务商提供的服务

虚拟主机 托管服务器

虚拟主机虚拟主机

采用特殊的软硬件技术把一台完整的服务器主机分成若干个主机，实际上是将真实主机的硬盘空间分成若干份，然后租给不同的用户，每一台被分割的主机都具有独立的域名和 IP 地址，但共享真实主机的 CPU、 RAM 、操作系统、应用软件等。运行时由用户远程操作属于自己的那一块，而这一块对任何用户而言，就是一台完整的服务器，和一台真实独立的主机功能完全一样。

虚拟主机虚拟主机

I nt er net

PSTNI SDN

用户 用户

用户

多个用户共享一台服务器

宽带网

虚拟主机服务内容虚拟主机服务内容

存储空间：互联网服务商必须提供存储空间，企业可根据发展的需求不断调整存储空间。

电子邮件：互联网服务商一般提供 3~5 个电子信箱。电子邮件目前是企业最常用的通信工具之一。

网页制作：网页可委托互联网服务商制作，也可由企业自已制作。IP 地址：互连服务商必须提供独立的 IP 地址，并且支持多个域名指向同

一个 IP 地址。因企业的域名由于被他人抢注或其它原因，企业可能有多个域名。

文件传输（ FTP ）：文件传输的主要功能是上传网页，在企业内部将网页文件上传到互联网服务商的虚拟主机上。

时间：互连服务商应提供每天 24小时，每周 7天，每年 365天的服务，因商业网一但开通不允许长时间停机。

速度：速度是企业网站的生命，选择互联网服务商时应重点考虑这个问题。

虚拟主机特点虚拟主机特点

采用虚拟主机技术的用户只需对自己的信息进行远程维护，而无需对硬件、操作系统及通信线路进行维护。因此虚拟主机技术可以为广大中小型企业或初次建立网站的企业节省大量人力物力及一系列繁琐的工作，是企业发布信息较好的方式。。

虚拟主机到 Internet 的连接一般采用高速宽带网，用户到虚拟主机的连接可采公共电话网 PSTN 、一线通 INDN、 ADSL 等

采用虚拟主机方式建立电子商务网站具有投资小，建立速度快，安全可靠，无须软硬件配置及投资，无须拥有技术支持等特点。

多个不同的站点共享一台服务器的所有资源，是入门级的站点解决方案。如果虚拟主机所在的服务器上运行了过多的虚拟主机，系统就会容易过载，性能下降，从而直接影响浏览网站的效果。

托管服务器托管服务器

服务器托管是指用户将自己的独立服务器寄放在互联网服务商的机房，日常系统维护由互联网服务商进行，可为企业节约大量的维护资金。

I nt er netPSTNI SDN

用户

用户独享一台服务器 宽带网

服务器托管的特点服务器托管的特点 灵活：当企业的站点需要灵活地进行组织变化的时候，虚拟主机将不再满足企

业的需要，虚拟主机不仅仅被共享环境下的系统资源所限，而且也被主机提供商允许在虚拟主机上运行的软件和服务所限。在共享的服务器环境下，一些功能和属性也不得不被禁止，受限制或不支持。当 web已经成熟后， Web用户希望内容动态化，连接互动化，个性化，而这需要依靠托管独立主机才能得到较好的解决。

稳定：在共享服务器的环境下，如果其他用户执行了一些非法或不合适的行为如乱发电子邮件等。接受者可能会通过各种方法对他进行报复，那么其他的站点也会被牵连。另外，如果有用户执行了有问题的程序，可能会由此造成整个服务器瘫痪。而在独立主机的环境下，就可以对行为和程序严密把关、精密测试，将服务器的稳定性提升到最高。

安全：虚拟服务器主机是非常容易被黑客和病毒袭击的，因为有多个用户对这台服务器有不同的权限。另外，如果服务商没有处理好安全问题，可能其他用户可以轻易地通过程序来进行浏览、删除、修改等操作。而托服务器极少会出现这样的问题。

快捷：虚拟主机因为是共享资源，因此服务器响应速度和连接速度都较独立主机慢得多。目前，大概 10%到 30% 的访问者因为服务器响应速度过慢而取消了他们的请求，这就意味着可能丢掉了其中的一些潜在用户，而托管独立主机将彻底改变这种状况。

主机托管服务的选择主机托管服务的选择 可靠性 最基本的因素。为了保持竞争力，企业服务器必须每时每刻都处于在线

状态。这意味着主机服务设施要具备排除任何可能发生的故障的能力，从简单的断电到地震这样的重大事件。如果一个设施遇到问题，其功能可以由另一个设施来承担。例如配备双重供电系统，主机服务设施通过两个途径链接到互联网上。

安全问题 当一个企业将有价值的数据和服务置于企业大门之外，安全就会变成一个首要的问题。一个良好的主机服务设施可以提供一个安全基础设施，这个基础设施可以确保一个没有黑客入侵、没有故障和病毒的安全环境。所选择的托管主机设施既要不断地监控硬件设施，也要不断地监控进入到硬件设施中的数据和软件。身份证明和一些其他的访问控制可以对进入指挥中心进行严格的控制。

功能需求 访问网站的人数有时寥寥无几，有时却可能挤破门。一个新产品的推出可因大量订单涌入而给服务器和网络带来较大的负担。托管主机设施应具备提供潜在的功能，特别是具有较高的带宽。同时，所有这些服务器和管道都有实时的监控。指挥中心能够及时发现问题和解决问题，为客户提供高质量的服务。

案例：上海电信案例：上海电信 IDCIDC 的主机托管服务的主机托管服务

思考题思考题 商务网站硬件环境包括那些？ WWW 服务器与 Internet 的连接方式有那些？如何选择？

企业建网站是采用虚拟主机还采用托管服务器，各有什么特点？

在网上查找 5 个提供虚拟主机服务的网站。

§8.3 软件环境

系统平台： Windows NT、 UNIX、 Net ware、 Linux 等

数据库系统：Oracle、 Sybase、 DB2、 SQL Server等

11．． Windows NTWindows NT

（ 1 ）支持多种硬件平台和多种网络协议（ 2）Windows NT Server可以与多种服务器操作系统进行互操作，其

中包括 :Net ware、 UNIX 、 LAN Manager 等。（ 3 ）具有良好的安全措施与容错能力（ 4）Windows NT Server 还提供了多种工具，用来记录与追踪网络

的活动情况。（ 5）Windows NT Server 的任务管理器（ Task Manager ）能够显示

与应用程序有关的详细信息，并且以图形方式表示出 CPU 与内存使用情形，使用户能够更方便控制与管理系统。

（ 6 ）支持两种文件系统：文件系统（ NTFS ）和文件分配表系统（ FAT ）。

22．． UNIX UNIX

UNIX 操作系统是一个具有不同硬件平台的多用户操作系统，具有多种不同的版本。 UNIX 的结构和MS-DOS 的结构很相似，有一核心程序，叫做Kernel （核）。另外还有一些命令解释程序，叫做 Shell （外壳）。 Kernel 是常驻内存的，而Shell只在键入命令时才调入内存，一旦执行完这条命令其功能也就消失， Shell程序是用户和Kernel 的接口。常用的有两种 Shell ，一种是 B shell ，也称标准 Shell ，提示为“ $” ，另一种是C-shell ，提示符为“%” 。

33．． Net wareNet ware 操作系统操作系统

Net ware 是世界上第一个真正的微机局域网操作系统 1998年推出的 Netware5.0 ，增加了使用互联网的功能，使

Net ware 成为开发和配置网络应用程序的一个系统平台。 Netware5.X 是当前 Novell 网络操作系统的最新版本系列。

由于 Net ware 在通用性、可靠性和扩展性等方面具有许多特点，以及它在局域网领域中的举足轻重地位，使 Novell网获得了相当广泛的应用。目前 Net ware 在我国仍然是使用较多的一个网络操作系统。

44．． LinuxLinux 操作系统操作系统Linux 操作系统是 UNIX 在微机上的完整实现，它性能稳定、功能强大、技术先进，是目前最流行的微机操作系统之一。有一个基本的内核 Kernel ，一些组织或厂商将内核与应用程序、文档包装起来，再加上安装、设置和管理工具，就构成了直接供一般用户使用的发行版本。特点：

（ 1 ）源代码公开（ 2 ）完全免费（ 3 ）完全的多任务和多用户（ 4 ）适应多种硬件平台（ 5 ）稳定性好（ 6 ）易于移植（ 7 ）用户界面良好（ 8 ）强大的网络功能

数据库系统数据库系统

ORACLE 一种适用于各种类型包括大型、中型和微型计算机的关系数据库管理系统，使用 SQL（ Structured query language ）作为数据库语言。

SYBASE 世界上第一个真正的基于 client/server 结构的RDBMS 产品。

DB2 IBM 公司开发的关系数据库管理系统，它有多种不同的版本，可运行在 OS/2、Windows NT、 UNIX 操作系统上。

SQL server 微软公司开发的一个关系数据库管理系统。 SQL Server 采用二级安全验证、登录验证及数据库用户帐号和角色的许可验证。

思考题思考题 商务网站的软件环境主要包括哪些？分别

有哪些软件可以选择？如何搭配？ 企业在选择建立网站的软件环境时，应主

要考虑哪些问题？

§8.4 §8.4 网页内容设计网页内容设计

网页设计方法网页设计案例 -- 新浪商城主页

网页设计方法网页设计方法

1.自顶向下的设计方法如果在建站之前建站者对要做的网页的内容有比较全面的了解，对整个网页的大体轮廓已有比较清晰的规划的话，采用这种方法是最好的选择。所谓自顶向下，就是从整个网页的根向下一层一层地展开。采用这种设计方法，在开始实现网页时可以先用一些空的网页构筑起整个网页的框架，然后再逐步地添加内容。采用这种设计方法的优点是能在总体上统一整个网页的风格，使网页的组织结构比较合理。用这种方法，通常在一开始就做出一个所谓“模板”，作为以后开发时页面设计的基础，这样就能保证整个系统用户界面的版面风格和功能设置的一致性。

网页设计方法网页设计方法

2.自底向上的设计方法如果建站者在开发之初对整个网页的总体结构和布局还没有考虑成熟，而面对具体的 Web 页面的信息内容和服务方式很有把握，可以采用这种方法。即先设计树状信息结构的各个叶子节点，然后通过归纳，设计它们的枝叶：节点，最后完成对根节点的设计。

当我们由于某些原因，先有了一些现成的网页时，选择这种方法是很自然的。这种方法的优点是，网页的各个部分可以根据网页内容作因地制宜的设计，而不用拘泥于条条框框，较为有风格。当日后我们的系统具备一定的规模后，可以再进行风格的统一，但各个部分的鲜明风格还可保留，使整个网页既有共性，又有个性。

网页设计方法网页设计方法

3．不断增补的设计方法这是在网页投入运行后常用的方法，是—种需求驱动的设计方法。当出现某种信息服务的需求时，就立即设计相应的 Web 信息服务页面。随着需求的增加，不断的增加网页，不断地调整和相互链接，就能使我们的网页在短时间内建立起来。这种方法的优点是不需要设计实现前长时间的规划分析期，效率相对较高。

网页设计案例网页设计案例 ---- 新浪商城主页新浪商城主页

特点

布局

色彩

图片