第五节电子商务网站规划设计

5.5.1网站的分类

按不同分类标准，网站可分为不同类型。

1、个人网站与企业网站

个人网站是指个人因某种兴趣或提供某种服务等目的，将自己的作品或商品等进行在线展示而制作的具有独立空间域名的网站。个人网站是一个可以发布个人信息及相关内容的网络平台，以个人主页为主。个人网站的内容一般是介绍个人的信息为中心的网站，但不一定是自己做的网站。

企业网站是主要是企业在互联网上进行网络建设、形像宣传及商品和服务销售和展示的平台。企业可以利用网站来进行宣传、产品资讯发布、招聘以及与客户互动等等。企业网站的作用就是展现公司形象、加强客户服务以及与潜在客户建立商业联系。2、电子商务网站和非电子商务网站

电子商务包括三个方面：物流，信息流，资金流。电子商务网站就和这三方面有联系。比如，淘宝是一个C2C的电子商务网站，就包括这三个方面：一个客户需要某种商品，他去淘宝上搜索相关信息，然后确定购买某件商品，在线支付后，到快递送货到家，这中间就包括了这三种流。

典型的非电子商务网站包括新浪娱乐等，典型的电子商务网站包括阿里巴巴网站等。

3、电子商务网站的分类

我国目前的电子商务网站主要有以下几类：

（1）网上银行在线销售型电子商务网站：如工商银银行的网上商城

（2）网上销售型电子商务网站：当当网、卓越网等。

（3）提供交易平台型电子商务网站：淘宝网等。

（4）传统零售商销售型电子商务网站：国美网等。

5.5.2电子商务网站的功能和特点

电子商务网站具有节省信息查询时间，提高效率、提供多种沟通渠道、为客户提供个性化的网站与服务、提供企业信息，提供网络广告及客户反馈、提供客户在线支付与查询、提供决策工具、在线使用多媒体等功能。企业通过电子商务网站可以在线宣传其形象、发布企业产品动态、展示产品目录、集成产品发布系统，集成订单系统，具有易用性、及时性等特点。

5.5.3电子商务网站规划设计

本节主要介绍电子商务网站的风格、网站功能定位、市场分析、盈利模式、支付系统等的规划设计。

1、网站规划

网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容以及维护起到定位作用。

2、网站规划的内容

电子商务网站建立之前，一般要进行细致和专业的规划，规划内容（有时也可称为策划方案）主要包括以下内容：

（1）建设网站前的市场分析。①相关行业的市场如何，市场有什么样的特点，是否能够在互联网上开展企业的业务。②对市场主要竞争者的分析，如竞争对手企业上网情况及其网站规划、功能等分析。③企业自身条件分析，包括公司概况、市场优势，可以利用电子商务网站对价值链的哪些环节进行改造，提升哪些竞争力，以及建设网站的费用、技术和人力支持，以及如何占领市场，扩大市场份额，以最快的速度实现盈利等分析。

（2）建设网站的目的及功能定位。①确定建立网站的目的，即明确建立该网站是为了宣传企业产品、在线电子商务交易，或者只是提供行业信息的平台，建立网站是企业自身的需要还是市场开拓的延伸？②根据公司的需要、计划和建设能力，确定网站功能。即明确网站是产品宣传型、网上营销型、客户服务型、信息咨询型还是交易平台型等。确定网站的前期类型，是C2C还是B2C网站，服务对象是本地区市民还是更大范围的潜在顾客，经营的是小商品，还是食品、书籍或者软硬件类商品，是建立网上超市，还是二手交易市场平台。在前期目标实现后，网站的后期类型是否发展为B2C或者B2B，是否增强交易平台功能，增加企业交易和产品类型，从经营低价商品扩充到大件商品，高产值，高利润产品等。③明确企业内部网（Intranet）的建设情况和网站的可扩展性。

（3）明确网站的发展目标。分阶段制定网站的发展目标，如初期目标、短期目标、中期目标以及中长期目标。①初期目标。如申请域名，申请贷款，吸收风险投资，制作网站。联系ISP，申请网络介入，购买服务器等软硬件设备等。②中长期目标。半年内：如建立网站，扩容网站内容，规范网站服务，吸引加盟营销商，使网站在本地区有一定知名度，建立服务网络，建立产品采购网络，建立产品配送网络，培训员工，产品采购、配送依托连锁超市等传统物流网络。依托传统物流网络采用合作加盟方式等。一年内：如在本地区有较高的知名度，能打出自己的品牌，进一步充实网站内容，争取更多的加盟营销商，丰富网上超市的产品，并向高端产品发展、吸纳投资，扩大经营范围，着手建立B2B商业交易平台、实现网站盈利等。两年内：如成为本地区最大的电子商务网站之一，巩固市场份额，网站集B2B、B2C、C2C三种经营方式为一体，建设自有的物流体系，降低经营成本。在巩固低端产品市场的同时，重心向高端产品发展，建立以高利润，高附加值产品为主的经营体系等。三年内：如收购产品供货企业，建设自己的产销体系，进一步降低产品成本。完全脱离传统零售商，建立更便捷，更优惠的产品营销网络等。

（4）网站板块及内容规划。①根据网站的目的和功能对网站内容进行规划。一般企业网站应包括：企业简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。网站建设初期，网站可分为产品索引、在线交易、新品发布、BBS、二手市场与行业资讯等几大板块。以后逐渐增加企业产品发布板块，增加会员板块，对付费会员提供更多的附加服务和优惠措施。②电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。③网站内容是网站吸引浏览者最重要的因素，因此，为了提高企业网站的可观性和吸引力，可事先对潜在消费者希望阅读的信息进行调查，以及时调整网站内容。如果网站栏目比较多，则应考虑对网站各栏目确定专门的编程人员负责相关栏目内容。

（5）网页设计与网站风格的确定。①要结合企业整体形象确定自身的网站风格，要注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。网站风格是指网站的整体形象给浏览者的综合感受。网站风格的确定有一些要注意的地方，比如，将企业的标志logo尽可能的放在每个页面上最突出的位置；提出能反映网站精髓和产品服务特点的宣传标语（如当当网“购物享当当”）；网站风格可定位为简洁明快，图片和文字相结合，页面可采用统一模块。此外，一定要突出页面的主色调，因为色彩永远是网页制作和设计中最重要的一环，网页给浏览者的第一印象往往不是其产品和栏目，而是网页的色彩给人的感觉，网站页面的基调一般应该与企业的形象相符，如DELL、IBM等IT企业网站就是以蓝色为主色调，然后在页面的不同位置调整透明度或者饱和度，如淡蓝、深蓝等，这样的页面看起来既有基调，又色彩统一、协调而有层次感，或者先确定主色调后再使用一个色系的色彩，如橙、红、黄的搭配等；网页颜色不要过多，尽量控制在三至五种色彩以内，而且页面背景与文字颜色的对比尽量要大，以突出页面的主要文字内容。此外，页面中要加入一些Flash、Java等，特效，以让网页看起来更加生动活泼和互动性更强。②在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。③制定网页改版计划，如半年到一年时间进行较大规模改版等计划，以满足目标访问群体对网站内容和风格变化的需求。

（6）网站技术解决方案。要考虑网站采用的技术方案，如可租用虚拟主机（或自建服务器）、采用Window2000/NT等操作系统、采用IBM、HP等公司提供的电子商务解决方案（或者自己开发）、采用何种电子商务在线支付解决方案（如第三方支付等），相关程序开发，如网页程序ASP、JSP、CGI、数据库程序等。并要注意采用安全的技术确保网站的安全，包括防止病毒的袭击、防止黑客的入侵、防止因为意外事故而导致数据丢失，以及在线支付等交易过程中不泄漏客户的银行账号、个人信息等讯息。使用安全可靠的杀毒软件，并且经常定时升级，不使用来历不明的软件，注意移动存储设备的使用安全，以有效地防止病毒的袭击。使用网络防火墙、定期扫描服务器，发现漏洞及时打补丁。为应付意外事故，必须每天备份数据，这对于保证客户信息的安全性是最重要的，在传输数据的过程中要对数据进行加密，例如使用密钥加密数据和数字签名技术等，保证客户的权益不受到损失。

（7）网站测试。①网站设计制作完毕，要对服务器的稳定性和安全性进行测试。②对网站网页的程序及数据库进行测试。③对网页的兼容性进行测试，如浏览器、显示器的兼容性等。④根据需要进行其他测试。

（8）网站发布与推广。网站测试后对网站的发布进行公关和广告活动，并进行搜索引擎登记等。网站可加入新浪、搜狐和百度等大型网站的搜索引擎，也可采取一些其他方法进行推广活动，等网站有了一定点击率之后可以找专门的策划公司来包装，并从网页到宣传口号进行一次大的改版，使品牌更具知名度，进一步开拓市场。

（6）网站维护。①服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。②数据库维护，有效地利用数据是网站维护的重要内容，因此要重视对数据库的维护。③内容的定期和不定期更新和调整等。如需要经常更新如本行业或企业产品等相关信息的内容，可设专门的网站维护部门或维护人员负责此项工作。将网站维护制度化、规范化。网站建设初期可聘请专门的数据库操作员，网站内容实时更新，网站运行稳定之后，可在企业内部员工中培训一些人员进行网站维护操作，降低维护成本。

3、网站内容的结构

（1）页面的层次结构：一级页面、二级页面、三级页面

无论是复杂的商业网站，还是简单的个人网站，在网页的层次结构上都存在一些共同点，即任何一个网站均可用三层结构实现，也就是：首页栏目页内容页，或一级页面，二级页面，三级页面。

制作好三级结构，就能够制作好其他类型的结构，因为任何网站都是以这三级结构为基准的，而且各级结构各有特点。

（2）页面的链接关系

WWW将Internet上的信息资源以超文本形式组织成网页（Web），某些信息处被加了超文本链接，网站页面的最大特点就是各页面间的链接关系，借助于这些超级链接，浏览者可以从一个网页跳到另一个网页。而这些链接打开的方式或者称为链接的关系有两类，一类是“直接在当前页面打开”，另一类是“打开一个空白页”，两者的区别在于，前者是在当前页面打开，即新页面打开时把当前页面覆盖，因此，浏览者可以点击新页面左上角的返回按钮返回前一页，而后者意味着新页面是重新打开的一个页面，也就是说，新页面打开后之前的页面仍然是打开状态，因此，浏览者会看见新页面左上角的返回按钮是灰色的，即不能返回之前那一页。

5.5.4电子商务网站制作设计

1、网页与主页

使用浏览器访问网站时，网站中第一个被执行的文件称为主页，主页的基本功能是帮助访问者轻松浏览网站。主页组成与一般网页一样，核心是html语言。

2、网页制作工具

可以用任何文字编辑工具制作网页，前提是熟练掌握html语言。当然，现在出现了不用面对语言的工具软件如Frontpage、Dreamweave以及Flash等，操作简单，实用，学起来比较轻松。

Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大，建议初学者选用。也可以使用写字本、EditPlus等代码编辑工具，这些工具主要编辑asp等动态网页。此外还有一些网络编程工具，如java、java编辑器等。

要真正做一个好的网站，还必须有良好的设计功底，所以还得学很多相关的网页制作设计软件，例如：Photoshop、Flash等。大型的网站往往还需要数据库的支持，所以数据库技术也是网页制作中常常需要用到的。

3、网页制作基础知识

（1）不要忘记加入网页的title（标题）。title是显示在浏览器标题栏的文字，在网页下载时，它是最先出现的，所以可以用它提示网页的主要内容，或者写些欢迎的话。

（2）将首页命名为index.htm。这是制作时一般的不成文规定，一旦该页被取名叫index.htm以后，等整个网站发布后，它就是别人用网站网址打开后看到的第一页。

（3）将所有文件的文件名统一格式用英文字母，如都为英文小写。

（4）图片应使用.gif和.jpg（jpeg）格式。这是两种位图文件格式，在同样的视觉清晰度下，文件量往往比其他文件格式小，也就是说在网上下载的时候时间会更短。

（5）用链接连接各个页面。各网页之间通过“超链接”，构成一个整体。建议这步最后做，先将各个页面的其他部分做好。

超级链接一般有三种情况。第一种情况是从当前页链接到当前页面的另一个位置，这种情况经常在浏览一个比较长的页面时遇到，由于页面比较长，要连续滚动鼠标多次以往下寻找所需浏览的内容很不方便，因此，网页制作者可以在当前页面的适当位置添加带链接的文字如“第二章”，浏览者点击该文字，即可到达该页面的比较靠后的位置，而不需要连续滚动鼠标寻找“第二章”。第二种情况是从当前页链接到同一台服务器上的另一个网页文件，如新浪首页的娱乐频道，在新浪首页点击“娱乐”，即进入新浪的娱乐频道，两个页面同在新浪网站的服务器上。第三种情况是从当前页链接到互联网上的另一个网站的网页，如从四川大学首页的友情链接可以直接点击进入中华人民共和国教育部网站。4、网页的制作和测试

网页制作时可选择利用Dreamwaver等软件进行，下面讲讲网页制作的主要步骤。

第一步是新建网页，选择“文件”菜单中的“新建”，再选择“网页”命令，此时在网页编辑区中即可看到新建的空白网页。当然，如果对HTML等语言非常熟悉，也可以直接用文本编辑器编辑网页。

第二步是保存网页。如果页面已经编辑完成，即可保存网页。

第三步是测试网页，如果是用网页制作软件，则可选择“文件”菜单中的“在浏览器中预览”，使用IE浏览器来打开指定的网页文档即可，如果是直接用文本编辑器编写网页，则可直接用IE浏览器打开即可。

5、插入Web组件

在网页的编辑过程中，可插入需要的字幕、悬停按钮等Web组件。

插入字幕：在网页中设置移动字幕，可以使某段文字在网页上循环作水平移动。

悬停按钮：悬停按钮是个动感按钮，当访问者将鼠标指向该按钮时，按钮就会改变颜色或形状。

横幅广告管理器：在网页的同一地方轮流显示不同的图片，可以在有限的网页页面中提供尽可能多的信息。

站点计数器：站点计数器通常添加在主页中，用于统计和显示站点被访问的次数。

6、动态效果及网页过渡

动态HTML效果：设置动态HTML效果后，当打开网页、进行单击、双击或鼠标悬停等操作时，网页内指定的文本、图像、按钮、字幕、链接等对象能够实现某种动画效果，如飞出、缩放等。

网页过渡：网页过渡是指进入或离开网页时的特殊效果。

7、HTML语言

网页制作的基础是HTML语言。HTML语言是被用来编制网页文档的标记性语言，不是编程语言，它不需要经过编译，只需要通过浏览器来打开就可以看到结果。HTML语言采用了标记方式，描述了文本段落、文本格式、图像、超链接等每个在网页上的组件，通过超文本链接能方便地进行各种网页信息之间的切换。

为了提高网页制作（特别是动态网页制作）的技术水平，就有必要了解、熟悉甚至精通HTML语言及脚本语言。（1）HTML编辑操作

编辑HTML时可使用FrontPage或者Dreamwaver等软件，也可用记事本，写字板等编辑器直接进行。此外，如果要查看某个网页的HTML源代码，一般可以点“查看”→“源文件”，或者直接在页面空白处点鼠标右键→“查看源文件”，编辑HTML时不区分大小写。

（2）HTML文档的基本结构

每个HTML网页文档以标记开始，以结束。HTML文档一般由两部分组成：头部（HEAD）和主（BODY）。