电子商务 （6） 电子商务网站的建设

第六讲 电子商务网站的建设 第一节 电子商务网站的策划 第二节 电子商务网站的建设 第三节 Web页设计与制作

第一节 电子商务网站的策划 一、电子商务网站的规划 二、电子商务网站的设计 三、网站模版设计

一、电子商务网站的规划 （一）确定电子商务网站的服务对象 （二） 确定网站目标 （三）确定网站评价系统

（一）电子商务网站的服务对象 确定访问者目的 分为内部访问者和外部访问者 新浪网的服务对象是谁？如何定位的？ 服务对象可能是： 供应商、顾客（大客户、政府部门、一般顾客） 网站资源有限，必须整合聚焦服务 如何识别网站的服务对象？ 确定访问者范围 确定访问者目的 分为内部访问者和外部访问者

外部访问者（企业） 访问对象 潜在客户、供应商、政府、其它组织和个人 客户：了解产品信息、订购、反馈 供应商：了解公司产品计划、分析库存 竞争者、投资者、债权者 客户：了解产品信息、订购、反馈 供应商：了解公司产品计划、分析库存 竞争者：了解公司战略和经营情况 过客：值得访问信息（针对潜在客户）

内部访问者（企业） 经常被忽略，仅限于参与建设部门 按照价值链和业务流程确定 制造部：了解客户对产品评价 研究部：了解客户的偏好 市场部：利用反馈信息制定特别促销方案 财务部：了解客户定货和回款情况 采购部：了解客户对产品（原料）评价

如何确定访问目的 讨论会（类似市场调查） 借鉴同行成熟网站 网上测试 识别不同目的的重要性（主要目的、次要目的） 识别访问目的背后的潜在需求

（二）确定网站目标（1/2） 公司的任务或目标（Why） 网站的近期目标与远期目标（海尔） 网站访问者 尝试性、补充（辅助）、转型（战略调整） 网站的近期目标与远期目标（海尔） 信息查询-》产品展示和订购-》网上交易-》 网上经营管理（数字化企业，与内部信息系统整合） 网站访问者 根据不同阶段确定不同访问对象，以订购为例，分为 组织和个人。根据地域、经济、文化，以及年龄、性 别、收入等细分（Dell分为大、中、小企业客户）

确定网站目标（2/2） 确定为访问者提供的信息 时效性：及时更新（国内网站很少更新） 准确性：明确无误（多为非专业人员制作） 丰富性：详细真实（多媒体） 相关性：增加信息使用效果（相关链接） 便捷性：使用方便，按顾客导向 可行性：考虑成本/效益，信息成本最低

（三）确定网站评价系统 明确竞争者网站特点 建立评价站点的规则 页面下载时间、页面大小，布局，内容 评价分析 访问者评价（访问量） 持续不断跟踪，建立评价系统（利用第三方监 测系统）

二、电子商务网站的设计 （一） 确定网站的内容和功能 （二） 确定网站的装饰风格 （三） 确定网站的导航系统

（一）确定网站的内容 如：海尔网站 分为静态和动态 静态内容 动态内容 》一般、常规信息：公司的历史、文化等 》修改较少，初期建设注意规划 》公司产品和服务有关信息，促销信息 》经常修改，保持网站的吸引力和作用

确定网站的功能 分为主要功能和辅助功能 主要功能 辅助功能 功能确定原则 》信息发布、网上交易（海尔） 》配合主要功能而设置的。如客户注册管理(8848) 功能确定原则 》内容与功能统一，功能满足顾客需求（如退货）

（二）确定网站的装饰风格 形式服从内容与功能 组织性装饰、功能性装饰和可视性装饰 组织性装饰：按照小组、系统的结构安排站点功能， 如子站点安排布局、颜色基调（整体） 功能性装饰：方便顾客利用功能，如功能、内容的布 局安排（局部） 可视性装饰：起着美化界面，如用图形等（部件）

（三）确定网站导航系统 分全局导航和局部导航 全局导航 》出现在每个网站，连接主要大块（子站点） 局部导航 》形式：固定链接横条 局部导航 》出现在相关页面，便于相关页面跳转 》形式：主题列表、选项菜单、相关条目 导航系统保持一致；能快速回页首

三、网站模板设计 （一）制作网站的布局网格 （二）设计网站的框架 （三）设计网站的页面模型

（一）制作网站的布局网格 布局网格是描述网页的模板 内容是最重要的因素 所有主要部分的页面形式应该很相似 必需考虑的其他元素包括：商标、广告和赞助、导 航、页标题、顶端图形、脚标（包括版权）

(二) 设计网站的框架 建立网站的统一的整体结构和整体外观 设计网站的框架以与修饰风格或网站结构基本 原理结合 设计网站框架并不是绝对必要的

（三）设计网站的页面模型 设计页面模型 网页模板 》确定几种最主要的一般性页面作为模板 》不同模板页面应相似，同一模板应一致 》考虑元素：商标、广告和赞助、导航、页标题、顶 端图形、脚标（包括版权） 设计页面模型 》利用现有Web设计工具设计模型，并进行测试和最 终确定。

第二节 电子商务网站的建设 一、电子商务网站的实施方式 二、电子商务网站的域名申请 三、电子商务网站的准备 四、电子商务网站的开发 第二节 电子商务网站的建设 一、电子商务网站的实施方式 二、电子商务网站的域名申请 三、电子商务网站的准备 四、电子商务网站的开发 五、电子商务网站的维护 六、电子商务网站的推广

一、电子商务网站的实施方式 外包、租借和自建

（一）外 包 全权委托外部专业化公司提供一揽子解决方 案，并且实施 特点 （一）外 包 全权委托外部专业化公司提供一揽子解决方 案，并且实施 特点 》速度快，利用专业化服务，如上海书城采用IBM Net.Commerce V3的解决方案，2个月完成 》定制方案，可以要求提供针对企业实际的方案 》节省开发费用，可以节省1/3 》获得专业化服务，如网上支付、物流服务

（二）租 借 利用电子商务服务站点（ASP、BSP）提供空 间建设站点。企业只需要提供有关材料，维护、 收款以及物流配送由门户站点负责。 （二）租 借 利用电子商务服务站点（ASP、BSP）提供空 间建设站点。企业只需要提供有关材料，维护、 收款以及物流配送由门户站点负责。 网上商城Http://mall.sina.com.cn 操作步骤：填写用户资料，获取用户代码和密码， 交纳保证金 商人门户网站Http://china.alibaba.com 特点：简单、快捷、廉价 缺点：大众化、缺乏发展空间

（三）自行建设 外包适合非技术类的大中企业，租借适合中 小企业或者试探性大中企业 自行建设适合大企业，技术力量雄厚。需要 有经验、时间和大预算。优势是可以建立独 特的有竞争力的功能。 自行建设时应充分利用现有的开放的平台， 并在此基础上进行开发。如：IBM、HP、 Intel、Microsoft等

二、电子商务网站的域名申请 （一）域名的命名 （二）域名的申请

（一）域名的命名 与企业已有商标或企业名称具有相关性 简单易记易用，3-8个字符 多个域名：出现申请类似的域名，如Sohu、Sohoo 国际性：以英语单词为准,china与拼音 民族性：符合民族特点，如Sina与支那

（二）域名申请 独立域名、子域名 如：www.whu.edu.cn eb.whu.edu.cn 英文域名与中文域名 国际域名与国内域名 管理单位：InterNic、Cnnic 申请：直接到管理单位申请，代理申请 如：中国新网（http://www.chinaDNS.com）

CNNIC域名注册申请表 （CN－1 共1页 REV 5.0） 1、申请选择：()注册()变更()注销 邮政编码： 2、域名申请目的理由和用途： 商业应用 电话： 3、域 名： 传真： 4、域名申请单位 电子邮件： 名称（中文）： 6、技术联系人 （英文）： 查询号：ZS6-CN （拼音）： 7、承办人 单位名称缩写： 单位负责人： 8、缴费联系人 通讯地址（中文）：

主域名服务器机型：Intel Pentium III 450 （英文）： 9、域名服务器 邮政编码： 主域名服务器名：dns1.hichina.com 单位所在地点： 主域名服务器IP地址: 210.79.232.248 5、域名管理联系人 主域名服务器机型：Intel Pentium III 450 查询号： 主域名服务器操作系统：BSD/OS 姓名（中文）： 主域名服务器放置地点：北京 辅域名服务器名：dns2.hichina.com 单位名称（中文）： 辅域名服务器IP地址: 203.207.195.102 辅域名服务器机型Intel PentiumIII 450 通讯地址（中文）： 辅域名服务器操作系统：BSD/OS 辅域名服务器放置地点：北京   与此域名有关的一切法律责任由申请单位一方承担。 申请单位（盖章） 单位负责人签章或签字 年 月 日

三、电子商务网站建设的准备 （一）Web服务器建设 （二）准备网站资料 （三）选择网站开发工具

（一）Web服务器建设（1/2） 涉及到架设网络、安装服务器，租用通信网络 方式：架设专用网络、整体托管、虚拟主机托 管、租用网页空间、委托服务商代理 架设专用网络，自己架设通信网络，速度快， 费用昂贵，大型企业专业开发用 整机托管，将服务器托管到IDC，远程维护 虚拟主机托管，逻辑上独立，物理上共享，用 户可以拥有独立的WWW、E-mail、FTP服务器

Web服务器建设（2/2） 如何选择ISP（虚拟主机托管） 租借网页空间，申请子域名（虚拟域名），可 自行上载网页。 》速度。存放位置（国内/国外），网络连接速度 》服务。E-mail信箱、数据库开发能力，支持CGI、支持 加密传输，流行管理软件、页面访问统计； 域名注册、网站寄存、策划、设计、制作、维护 》价格。空间，服务内容，服务质量 租借网页空间，申请子域名（虚拟域名），可 自行上载网页。 委托服务商代理。类似于BSP，包括商务代理

（二）准备网站资料 根据站点内容和功能规划选定材料 策划网站整体形象，统筹安排网页 公司简介、产品资料（图片、价格） 增殖服务信息资料（相关产品技术资料、 市场行情信息） 材料类型：文字、图像、动画、声音、影视 等

（三）选择网站开发工具 网页设计工具：FrontPage 图像处理工具：Adobe的Photoshop 声音、影视处理软件 交互式动态页面设计工具，如微软的ASP开 发系统，支持CGI的Perl开发系统 动态网页请专业人员设计 静态网页可以由企业内部人员设计

四、电子商务网站的开发 （一）电子商务网站开发的组织机构 （二）电子商务网站的组成 （三）电子商务网站的开发管理 （四）电子商务网站的测试 （五）电子商务网站的发布

（一）电子商务网站开发的组织机构1/2 外包开发方式，组织结构无须变动，只需指 定有关人员负责与专业公司协调 对于小型企业自行建设。可设网络管理员职 务，工作权限类似杂志编辑。具有预算、规 划、沟通、协调能力，同时具有一定技术知 识 对于大型企业，可设立网络资源管理部门。 （Web/Internet Resource Executive）

电子商务网站开发的组织机构2/2 WIRE合格人选条件 优秀的处理人际关系的能力 较广的网络和电子商务知识 一定的商业知识 经得起考验的项目管理和协调能力 有效的配合高层管理阶层的工作 能同时担任领导者和促进者两种角色 优秀的倾听意见、吸取有用信息的能力

（二）电子商务网站的组成 企业电子商务网站组成主要包括：主页、企 业信息、新闻页面、产品服务、帮助、相关 虚拟社区等。 主页 导航型：企业站点结构信息，简洁，多层次 内容展示型：展示主要内容，丰富，一步到位 视觉效果：分为文本型和图片型。文本型追求 简洁、快速，辅以图片；图片型美观、较慢

（1）电子商务网站——主页/首页 企业名称、标志、网站图标（Logo）等CIS要素企 业站点的网址 企业站点的导航系统 企业产品和/或服务最新的信息、有关新闻 企业的联系方式如E-mail、电话、传真等 相关站点的链接

（2）电子商务网站——新闻页面 包括企业最新信息： 及时更新维护，企业重要公关形象 步骤：收集资料-》制作标准新闻稿件-》转换为Web页 》产品和/或服务的最新信息，如品种、价格、实现方式等 等 》新项目的进行情况 》企业的内部变动情况 》行业的最新动态 》相关行业情况 及时更新维护，企业重要公关形象 步骤：收集资料-》制作标准新闻稿件-》转换为Web页

（3）电子商务网站——产品服务页面 企业在线业务的关键所在 产品/服务目录。提供相关信息，尽可能详细，采用多媒 体形式展示，虚拟现实 访问者、客户评价。BBS以及代表性评价 在线订购和支付。定制订购，方便、安全、自动。 如提供购物蓝（车）等形象订购系统、选取系统、配送系统、 支付系统（如货款、运费、手续费计算） 产品相关信息，产品使用小常识 设计组织时尽量简洁，按产品线/品牌分类

（4）电子商务网站——企业信息页面 对公众（客户、投资等）发布企业的公开信 息 发布信息包括： 》发展历程、企业大事记 》组织架构、业务范围 》合作伙伴、发展计划 》财务信息（上市公司） 最好图文并茂，采用多媒体方式展示

（5）电子商务网站——帮助页面 方便用户在繁杂的Web页面快速找到信息 信息方面帮助 电子商务活动方面帮助 》站点结构图（Site Map）：展示主要链接 》站点内容搜索 电子商务活动方面帮助 》在线订购、定制规则（Wizard） 》在线支付方式和具体方法 》物流配送方式，网站内容搜索

（6）电子商务网站——虚拟社区 培养访问者忠诚度。交流购物体验，增加人气， 建立访问者之间的群体关系 提供功能 电子虚拟社区的建立 》个人电子信箱 》公告栏（BBS） 》在线聊天室（Chat） 》在线实时通信（ICQ，OCIQ） 电子虚拟社区的建立 》选择独具特色的话题，一般与企业的产品、服务、经营 方式相关。如雅宝的“我的 Yabuy 经历” 》选择合适的论坛主持人，积极，引导

（7）电子商务网站页面设计原则 站点页面的设计和开发要与企业CIS系统中的 VI相一致 使用模板和风格表来确保网站整体形象的统一， 并简化开发和以后的维护工作 尽量使用成熟的技术，并使用多种浏览器进行 检验，确保使用不同的浏览器浏览时没有太大 反差 精简页面，提高访问速度（8秒原则） 尽量为访问者和在线购物者提供方便

（1）瀑布法 （三）电子商务网站的开发管理 规划 需求分析 概要设计 详细设计 代码 调试 维护 瀑布法

（2）螺旋法 螺旋法 统计 风格和页面 （可视） 后台设计 （不可视） 循环 信息结构设计 结构设计 第二版信息结构 第二版结构 跟踪 维护 内部文 字组织 螺旋法

（四）电子商务网站的测试 发布前完成 链接测试（空链、错链） 兼容性测试（不同版本浏览器使用） 版面测试（不同版面，800*600为主流） 语言测试（简体、繁体） 脚本语言测试 下载速度

（五）电子商务网站的发布 站点发布就是将设计好网页存放到Web服务器 E-mail方式，委托发布 FTP 方式，远程直接发布 Cute FTP 3.5 WWW方式，远程直接发布 FrontPage

五、电子商务网站的维护 保持链接的有效性 及时更换信息，根据信息性质不同确定更换频 率，保持信息的时效性 最好是规划、落实到具体部门，与业务整合 在一起 保持页面内容和拼写正确，维护企业形象 维持与访问者的良好关系，及时反馈（E-mail， BBS）

六、电子商务网站的推广 全球有20亿个网页，仅20%可以搜索到；10%的 网站吸引了90%用户 了解企业电子商务网站 站点目前访问率，访问情况，如何进入网站；了 解相关网站情况（竞争对手） 制定推广网站的策略 网站推广费用占维护费用的80% 增加位置访问率：吸引新用户和让老用户 浏览 更多页面

（一）网 站 推 广 方 法 （1）搜索引擎 搜索引擎是吸引访问的重要渠道 提交站点（选择类别）排名（关键字） 登记方法：Sohu Yahoo，Sohu （阅读：补充材料） 提交站点（选择类别）排名（关键字） 登记方法：Sohu 》选择类别 》填写网站基本资料（名称、URL、简介） 》填写网站的联系资料 》登陆到开放目录，然后定期放置到人工编辑目录

（2）其它网上方法 利用广告联盟 相互交换广告链接，如LinkExchange 利用电子邮件（邮件列表） 定期发布更新信息，避免成为“垃圾邮件” 参加相关论坛 注意网络礼仪，不要随便发布商业化信息 建立网络联盟 交换链接 利用传统媒体（报纸、户外、电台、电视）

（二）网站推广效果评价 访问量：委托第三方调查，包括广度（访问人数、页 面数）和深度（每人每次访问页面数、停留时间） 在线交易的数量和金额 总访问人次数（User Sessions）、日平均页面阅览数 （Average Page Views）、总计页面浏览数（Page Views） 在线交易的数量和金额 请求主页链接的数量 网络广告的收入 媒体关注率

第三节 Web页设计与制作 一、 Web页设计语言 二、 HTML语言 三、Web页编辑制作

一、 Web页设计语言 Web页的设计主要涉及的语言有HTML语言、 Java语言、JavaScript和VBScript等 1．Java 编程语言，也是一个平台（虚拟机和应用程 序界面） 特点：简单、面向对象、可分布、可解释、强壮、 安全性、结构化、轻便、功能强大、多线程、动态。

2．JavaScript 一种脚本语言 除了可以增加页面的交互性、完成一些初步功能外， 还可以节省浏览者的访问时间和网络流量 JavaScript与JAVA语言差异 》JavaScript不是JAVA的替代语言 》JavaScript源代码无须编译 》JavaScript无须特殊开发环境

3．VBScript 4．CGI VBScript目前只能在Windows环境下的浏览器运行 CGI代表通用网关接口（Common Gateway Interface） 5．XML 》XML可直接在Internet上使用 》XML应支持广泛的不同类型的应用 》XML应与SGML兼容 3．VBScript 3．VBScript

二、 HTML语言 HTML是用于World Wide Web的语言，Web上的 每个网站都用HTML显示有关信息 HTML标记通常是英文词汇（如块引用）或缩略 语（如"p"代表Paragraph） 注意：标记是成双出现的。如<blockquote>, 则必须以另一个标记</blockquote>将它关闭。 注意“blockquote”前的斜杠，那就是关闭标记 与打开标记的区别。

三、Web页编辑制作 1 ． Web页面 2 ． Web 页面制作工具 浏览Web时所看到的文件称为Web页面， Web页面是使用 HTML语言建立的 2 ． Web 页面制作工具 Web 页面制作工具分成二类：一类是即见即所得，如： Netscape Navigator Golden、Frontpage、 DreamWaver等。 另一类是文本编辑类，如Hotdog、Homesite、Webedit 等

现在最流行的Web页面制作工具是FrontPage，原因： 》提供众多的向导（Wizard） 》提供“机器人向导” 》提供网站的管理工具Explorer 3．Web页编辑制作 》受到制约条件：空间和速度 》制作网页的步骤：使用软件建立网站框架； 在Web页 面的单个页面中填加各种信息资料；修改细节的HTML 语言源程序；在页面之间加入链接；测试及发布

小 结 电子商务网站的建设，是个系统工程 。策划决定了 网站的目标、服务对象、商务模式和未来的竞争优 势，它是建设电子商务网站须首先考虑的问题。在 规划后，需要对网站进行总体设计，确定网站的功 能、风格、版式等，为网站建设做好准备，继而可 以进行具体实施工作。要维持网站的生命力，持续 的更新是必不可少的。网站建设的基础是Web语言， 在本章最后介绍一些基本的设计Web页所涉及到的 一些语言，同时还简单介绍了Web中最基本语言 HTML语言，以及编辑设计Web页的一些常用工具。