电子商务网站的设计与制作

6．3．1 Web页设计与制作

1．Web页设计语言

Web页的设计，主要涉及的语言有HTML语言、Java语言、JavaScript和VBScript等脚本语言。关于HTML语言，下面有专门介绍，这里简要介绍其他Web设计语言。

（1）Java

Java既是一种编程语言，又是一个平台。Java作为一种程序语言，具有以下特征：简单、面向对象、可分布、可解释、强壮、安全性高、结构化、轻便、功能强大、多线程、动态。

Java既可以被编译，也可以被解释。通过编译器，可以把Java程序翻译成一种中间代码，称为字节码，是可以被Java解释器解释的独立于平台的代码。通过解释器，每条Java字节指令被分析，然后在计算机上运行。只需编译一次，程序运行时即可解释执行。可以把Java字节码看作运行在Java虚拟机（Java VM）上的机器代码指令。Java解释器，不管是Java开发工具还是可以运行Java小应用程序的Web浏览器，都是一种Java VM的实例。Java VM也可以由硬件实现。

Java字节码使“写一次，到处运行”成为可能。可以在任何有Java编译器的平台上把Java程序编译成字节码。这个字节码可以运行在任何Java VM上。例如，同一个Java程序可以运行在Windows NT、Solaris和Macintosh上。

Java作为平台，是程序运行的硬件或软件环境。Java平台与大多数其他平台不同之处在于它是运行于其他基于硬件平台的纯软件平台，大多数其他平台是硬件和操作系统的结合。

Java平台由两部分组成：

①Java虚拟机（Java VM）；

②Java应用程序界面（Java API）。

Java VM是Java平台的基础，可以移植到各种基于硬件的平台上。

Java API是软件组件的集合，它们提供了很多有用的功能，如图形用户界面（GUI）。Java API被分组为相关组件的库（包）。Java API和VM把Java程序从硬件依赖中分离出来。作为一种独立于平台的环境，Java比本地代码慢一些。

Java小应用程序（applet）是最有名的Java程序之一。小应用程序是遵循一定的规则，运行在支持Java的浏览器上的Java程序。然而，Java不只用来为WWW写聪明的、娱乐性的小应用程序，它是一个通用的、高级程序语言和强大的软件平台。使用通用的Java API，可以写很多程序。

常见的程序类型包括小应用程序和应用程序，Java应用程序是直接运行在Java平台上的独立的程序。一种特殊的称为“服务器”的应用程序可以支持网络上的客户。服务器包括Web服务器、代理服务器、邮件服务器、打印服务器和导入服务器。另一种特殊的程序是servlet，它与小应用程序类似，都是应用程序的实时扩展。servlet不运行在浏览器中，而是运行在Java服务器上，配置或裁剪服务器。

Java API是如何支持各种程序的呢？它通过软件包提供各种功能。核心API（core API）是实现Java平台功能的API。Java不仅有核心API，还有标准扩展。标准扩展定义了3D、服务器、合作、电话、演讲、动画等的API。

在WEB页面上使用JAVA的步骤是：

①编辑JAVA源代码；

②使用JAVA开发环境对源代码进行调试和编译；

③在HTML文档中使用＜appletcode＝"Java文件．class"＞和＜／applet＞标记引用编译后的JAVA程序。

（2）JavaScript

JavaScript语言的前身是NETSCAPE，开发者称之为“MOCHA”的语言。当开始在网上进行β测试时，名字改为“LIVESCRIPT”。直到发行NETSCAPE 2．0β测试版时才称为“JavaScript”。

JavaScript是一种脚本语言。所谓脚本语言，是指一种能够完成某些特殊功能的小“程序段”。这些小的“程序段”并不是像一般的程序那样被编译，而是在程序运行过程中被逐行解释。在脚本中使用的命令与语句集称为脚本语言。JavaScript在标识符形式上与C、C＋＋、PASCAL和DELPHI十分相似，是面向非程序设计人员编写WEB页面、增加页面交互性的语言。

JavaScript是一种基于客户端浏览器的语言，用户在浏览时填表、验证的交互过程只是通过浏览器对调入HTML文档中的JavaScript源代码进行解释执行来完成的。即使必须调用CGI的部分，浏览器也只将用户输入验证后的信息提交给服务器。

使用JavaScript设计WEB页面，除了可以增加页面的交互性、完成一些初步功能外，还可以节省浏览者的访问时间和网络流量。同时，JavaScript是安全的语言。原因是它被设计为通过浏览器来处理并显示信息，但不能修改其他文件中的内容。也就是说，它不能将数据存储在WEB服务器或用户的计算机上，更不能对用户文件进行修改或删除操作。JavaScript并不依赖于具体的计算机平台，它只与解释它的浏览器有关，因而它具有平台无关性。此外，JavaScript的编制，同样只需文本编辑器，无须附加软件。

虽然JavaScript与JAVA语言在名字上有些相近，但它们还是存在如下差异：

①JavaScript不是JAVA的替代语言。JAVA面向计算机程序设计人员；而JavaScript面向非程序设计人员。二者相互支持、相互补充。

②JavaScript源代码无须编译。装入HTML文档中的JavaScript源代码实际上作为HTML文档WEB页面的一部分而存在。访问者在浏览WEB页面时，由浏览器对HTML文档进行分析、识别、解释并执行JavaScript的源代码。而JAVA的源代码必须进行编译，成为服务器中的代码，通过HTML文档中的＜applet＞标记，经过HTTP的连接、加载后才能运行。

③JavaScript无须特殊开发环境。一般的文本编辑器就可以进行JavaScript代码的编制，其开发较JAVA更快捷。JavaScript的使用很简单，只需在使用JavaScript的HTML文档中，用＜script language＝"JavaScript"＞和＜／script＞将JavaScript源代码标识出来。

（3）VBScript

与JavaScript功能和运行机制相类似的是由微软公司推出的另一种脚本语言VBScript，它是基于非常流行的Visual Basic的基础上开发的。JavaScript可以在大多数的平台上运行，而VBScript目前只能在Windows环境下的浏览器运行。由于大多数用户使用Windows系列操作系统，因此，许多WEB站点使用VBScript。VBScript流行的原因在于它将Active X对象的使用变得非常简单。使用VBScript，与使用JavaScript类似，只需在HTML文档中用＜script language＝"VBScript"＞和＜／script＞将VBScript源代码标识出来。

（4）CGI

CGI代表通用网关接口（Common Gateway Interface）。本质上，CGI是运行在服务器上的程序。它可以用任何语言编写，只要能够在服务器上运行即可。Perl之所以能够成为CGI编程的首选，是因为它可以适应所有的平台，而且拥有很多对Web来说非常理想的工具。访问者在一个网页上填充一个Form并按“Submit”时，有如下事件在服务器上发生：

①选择的所有信息被拷贝到服务器中；

②服务器寻找在form顶部确定的程序，然后运行之；

③服务器将结果返回客户端浏览器。

程序做的事情通常是请求网页form中的内容，然后把它赋给变量，程序再可以查询数据库、发送一封电子邮件、加入留言板或做任何其他的事。

（5）XML

以往的HTML由于难以扩展、交互性差、语义性差以及单向的超链接等缺点使其在电子数据交换、数据库与搜索引擎等领域的应用存在着障碍。为解决这些问题，XML（Extensible Markup Language，即扩展标记语言）应运而生。

XML有三个主要的设计目标：

①XML可直接在Internet上使用；

②XML应支持广泛的不同类型的应用；

③XML应与SGML兼容。

XML应用于文档的制作和发布。XML可广泛应用于Internet、出版业、电子商务等当今热门的市场。每个行业的组织和开发人员都可用XML创建自己的标识语言，用于各自领域以实现信息的交互。

2．Web页编辑制作

（1）Web页面

当浏览Web时所看到的文件称为Web页面。Web页面是使用HTML语言建立的。任何一种Web浏览器的计算机都能解释HTML语言，Web浏览器把HTML语言翻译成为多媒体Web文件的可视化表现，包括预先设计背景主题样式、页面标题、动画、页面标题等。

这些HTML代码或标记告诉浏览器如何显示Web页面上的文本、图片和动画文件。HTML标记在浏览器中是不可见的，但是，页面上的文本和图像是可见的。任何在Web页面中见到的图片、声音或动画元素都是相互独立的文件。这些文件的名称，以及有关如何打开该文件、如何下载该文件和应把该文件放到Web页面什么地方的信息，都由HTML标记提供。

典型的，当在浏览器中查看一个Web页面时，页面上的元素按时间延迟的顺序显示出来：最先显示文字，接着是图片、动画和与页面相连的声音。延迟的时间取决于调制解调器的速度和你在Internet上浏览期间的通信总量，页面下载的时间是设计Web页面所要考虑的一个关键因素。

（2）Web页面制作工具

Web页面制作工具分成两类。一类是即见即所得，如：Frontpage、Dream Waver等。这类软件使用较简单，适于初学者。另一类是文本编辑类，如Hotdog、Homesite、Webedit等都是不错的软件，适合于已掌握一定HTML语法的制作者，其中Hotdog 3．0专业版更附有一些Java及Active X的程序，能制作出具有相当效果的主页。

Front Page是现在最流行的Web页面制作工具，这是因为：

①提供众多的向导（Wizard）。使用Front Page自带的许多向导，制作人员可以轻而易举地创建Web站点的框架，然后在这个框架的相应位置填入企业特定信息。

②提供“机器人向导”。有了机器人向导，设计人员可以在网站加入计数器、搜索引擎、CGI等比较高级的功能。

③提供站点的管理工具Explorer。使用这个工具，可以大大减轻设计人员开发、发布、维护站点的工作量，极大地提高工作效率。

除此之外，建设网站还需要处理大量的图片，因此图形处理软件如Photo Shop，也是必备的Web页面制作工具。

（3）Web页编辑制作

使用上述提到的制作工具，编制Web页是比较简单的。

在制作Web页时，受到的制约主要来自两方面：

①空间。对于访问者来说，网站给他们的感觉就是一个窗口，无论网站提供多么丰富的内容，都要受到计算机屏幕的约束。因此，在有限的视觉空间里，如何提供更丰富的内容，是设计人员必须考虑的。

②速度。在互联网上无论何时，访问速度都是很关键的因素。因此，设计人员要在提供丰富的多媒体信息与访问速度间进行权衡。

制作Web页的一般步骤是：

●使用诸如Front Page之类的软件建立网站的框架；

●在Web页面的单个页面中添加各种信息资料，如文字、图片、音频、视频等；

●修改某些细节的HTML语言源程序；

●在各个页面之间加入链接；

●测试及发布。

6．3．2 电子商务网站建设步骤

1．确定建站的目的

为什么要建立电子商务网站？建立一个怎样的网站？希望经营何种业务？与传统商务有什么区别？有哪些优越性？如何取得赢利？以上这些问题都需经过仔细考虑，反复论证。在商业领域赢利是第一目标，一个亏损的电子商务网站是无法生存的。

首先要处理好与供应方的关系，就是要将货物的采购过程做好，对于进货的品种、数量、价格要有预见性，既不要造成库存积压，也不要造成货品短缺。其次要做好物流和仓储管理工作，以最小的成本换取最大的价值。比较重要的是与客户建立良好的关系，以客户为中心，尽可能满足客户的需求。

2．网站的内容策划

网站题材和名称的定位是设计一个网站的第一步。

一个好的电子商务网站和普通公司一样，需要有特色的形象包装和设计，有创意的形象设计非常重要。

网站的标志、主菜单、大标题应与网站的基本色彩协调，一般可采用固定的色彩搭配，给客户一种熟悉的感觉。

3．网站的布局设计

一个网站的页面必须清晰明快、布局合理、重点突出，才能吸引浏览者的关注，网站的总体布局直接关系到能否吸引浏览者。

电子商务网站一般应包括：企业简介、产品介绍、服务内容、价格信息、联系方式、网上订单等基本内容。另外，电子商务类网站还应该提供会员注册、详细的商品服务信息、信息搜索查询、订单确认、付款方式及相关帮助等内容。

网站的重要信息应放在突出、醒目的位置上，对主要商品的描述应该尽量细致，让浏览者能在最短的时间内了解商品的信息。

规划网站内容时应该将所有信息按类别分开，分别纳入不同层次的页面中。网站的结构图有顺序结构、网状结构、继承结构、Web结构等。

卓越亚马逊网整齐有序的页面是国内大型网站采用的通用布局方式。其布局如图6－10所示。

图6－10 卓越亚马逊网主页

4．建立经营内容明确的电子商务网站

电子商务网站选择经营项目和内容时必须有自身的优势，必须有明确的经营目标，这样才能建立一个能够赢利的电子商务网站。图6－11是经营办公用品的易优百网站主页。

图6－11 易优百主页

也可以建立一个经营旅游业务的电子商务网站，图6－12是一个经营旅游业务的网站。

图6－12 欣欣旅游网主页