电子商务6

电子商务（6）电子商务网站的建设第六讲 电子商务网站的建设 ● 第一节 Web页设计与制作● 第二节电子商务网站的策划● 第三节电子商务网站的实施第一节 Web页设计与制作● 一、 HTML语言●

电子商务

（6）

电子商务网站的建设

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

● 第二节电子商务网站的策划

● 第三节电子商务网站的实施

第一节 Web页设计与制作

● 一、 HTML语言

● 二、 Web页设计语言

● 三、 Web页编辑制作

一、 HTML语言

● HTML 是用于World Wide Web的语言，Web 上的每个网站都用HTML 显示有关信息

● 一般来说，HTML 文档包含两种类型的信息：标记信息和内容信息 ● HTML 标记通常是英文词汇（如块引用）或缩略语（如"p" 代表Paragraph ）

● 注意：标记是成双出现的。如

,则必须以另一个标记

一、 HTML语言

● HTML 语言标记

1. 标识html 文档的开始结束

2. 描述html 文档相关信息的标志对，在标题栏中显示

3. 是html 文档的主体部分，包含一系列标志对，如

设置背景颜色

设置文本颜色

（rrggbb 是用6个十六进制数表示颜色，或者用html 语言定义的常量名表示颜色 black，white ，green ，yellow 等）

一、 HTML语言

● 实例

红色背景，蓝色文本

二、 Web页设计语言

● Web 页的设计主要涉及的语言有HTML 语言、Java 语言、JavaScript 和VBScript 等

● 1．Java

SUN公司推出的一种编程语言，也是一个平台（虚拟机和应用程序界面），Java 非常适合于企业网络和Internet 环境，现已成为Internet 中最受欢迎的编程语言之一。

特点：简单、面向对象、可分布、可解释、强壮、安全性、结构化、轻便、功能强大、多线程、动态。

● 2．JavaScript 一种脚本语言 JavaScript 是由Netscape 公司开发的一种脚本语言，用来开发交互式网页，除了可以增加页面的交互性、完成一些初步功能外，还可以节省浏览者的访问时间和网络流量

● JavaScript 与JAVA 语言差异

》JavaScript 不是JAVA 的替代语言

》JavaScript 源代码无须编译

》JavaScript 无须特殊开发环境

● 3．VBScript

VBScript 是由微软公司开发的脚本语言，基于visual basic，目前只能在Windows 环境下的浏览器运行

● 4．CGI

CGI 代表通用网关接口（Common Gateway Interface）

大部分的CGI 被用来解释处理来自表单的输入信息，并在服务器产生相应的处理，或将相应的信息反馈给浏览器。

● 5．XML

XML 是一种扩展性标识语言，允许自己来创造html 中的标签

》XML 可直接在Internet 上使用

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

》XML 应与SGML 兼容

三、Web 页编辑制作

●1 ．Web 页面

浏览Web 时所看到的文件称为Web 页面，Web 页面是使用HTML 语言建立的 ●2 ．Web 页面制作工具 Web 页面制作工具分成二类：一类是即见即所得，如：Netscape Navigator Golden Microsoft expression web 2007

DreamWaver 等。

另一类是文本编辑类，如Hotdog 、Homesite 、Webedit 等

● A dobe 公司是Web 开发工具市场的领头羊，旗下的网页三剑客：Dreamweaver 、flash 、fireworks

》Dreamweaver 应用于网页开发

》flash 应用于动画制作

》fireworks 处理网页图片，制作GIF 动画

Photoshop ，Adobe reader等是Adobe 的主要产品

● 3．Web 页编辑制作

》受到制约条件：空间和速度

》制作网页的步骤：使用软件建立网站框架； 在Web 页面的单个页面中填加各种信息资料；修改细节的HTML 语言源程序；在页面之间加入链接；测试及发布

第二节 电子商务网站的策划

● 一、电子商务网站的规划

● 二、电子商务网站的设计

● 三、网站模版设计

一、电子商务网站的规划

● （一）确定电子商务网站的服务对象

● （二） 确定网站目标

● （三）确定网站评价系统

（一）电子商务网站的服务对象

● ● 服务对象可能是：

供应商、顾客（大客户、政府部门、一般顾客） ● 网站资源有限，必须整合聚焦服务 ● 如何识别网站的服务对象？ 确定访问者范围

确定访问者目的

分为内部访问者和外部访问者 外部访问者（企业）

● 访问对象

潜在客户、供应商、政府、其它组织和个人 竞争者、投资者、债权者

● 客户：了解产品信息、订购、反馈

● 供应商：了解公司产品计划、分析库存 ● 竞争者：了解公司战略和经营情况 ● 过客：值得访问信息（针对潜在客户） 内部访问者（企业）

● 经常被忽略，仅限于参与建设部门 ● 按照价值链和业务流程确定

● 制造部：了解客户对产品评价

● 研究部：了解客户的偏好

● 市场部：利用反馈信息制定特别促销方案 ● 财务部：了解客户定货和回款情况 ● 采购部：了解客户对产品（原料）评价 如何确定访问目的

● 讨论会（类似市场调查）

● 借鉴同行成熟网站

● 网上测试

● 识别不同目的的重要性（主要目的、次要目的）

● 识别访问目的背后的潜在需求

（二）确定网站目标（1/2）

● 公司的任务或目标（Why ）

尝试性、补充（辅助）、转型（战略调整）

● 网

信息查询-》产品展示和订购-》网上交易-》

网上经营管理（数字化企业，与内部信息系统整合） ● 网站访问者

根据不同阶段确定不同访问对象，以订购为例，分为组织和个人。根据地域、经济、文化，以及年龄、性别、收入等细分（Dell 分为大、中、小企业客户）

确定网站目标（2/2）

● 确定为访问者提供的信息

时效性：及时更新（国内网站很少更新）

准确性：明确无误（多为非专业人员制作）

丰富性：详细真实（多媒体）

相关性：增加信息使用效果（相关链接）

便捷性：使用方便，按顾客导向

可行性：考虑成本/效益，信息成本最低

（三）确定网站评价系统

● 明确竞争者网站特点

● 建立评价站点的规则

页面下载时间、页面大小，布局，内容

访问者评价（访问量）

● 评价分析 持续不断跟踪，建立评价系统（利用第三方监测系统）

二、电子商务网站的设计

（一） 确定网站的内容和功能

（二） 确定网站的装饰风格

（三） 确定网站的导航系统

（一）确定网站的内容

● 分为静态和动态

●》一般、常规信息：公司的历史、文化等

》修改较少，初期建设注意规划

●》公司产品和服务有关信息，促销信息

》经常修改，保持网站的吸引力和作用

确定网站的功能

● 分为主要功能和辅助功能

● 主要功能

》信息发布、网上交易（海尔）

● 辅助功能

》配合主要功能而设置的。如客户注册管理(8848) ● 功能确定原则

》内容与功能统一，功能满足顾客需求(如取消订单)

（二）确定网站的装饰风格

● 形式服从内容与功能

● 组织性装饰、功能性装饰和可视性装饰 ● 组织性装饰：按照小组、系统的结构安排站点功能，如子站点安排布局、颜色基调（整体）

● 功能性装饰：方便顾客利用功能，如功能、内容的布局安排（局部）

● 可视性装饰：起着美化界面，如用图形等（部件）

（三）确定网站导航系统

● 分全局导航和局部导航

● 全局导航

》出现在每个网站，连接主要大块（子站点） 》形式：固定链接横条

● 局部导航

》出现在相关页面，便于相关页面跳转

》形式：主题列表、选项菜单、相关条目

● 导航系统保持一致；能快速回页首

三、网站模板设计

● （一）制作网站的布局网格

● （二）设计网站的框架

● （三）设计网站的页面模型

（一）制作网站的布局网格

● 布局网格是描述网页的模板

● 内容是最重要的因素

● 所有主要部分的页面形式应该很相似

● 必需考虑的其他元素包括：商标、广告和赞助、导航、页标题、顶端图形、脚标（包括版权）

(二) 设计网站的框架

● 建立网站的统一的整体结构和整体外观

● 设计网站的框架以与修饰风格或网站结构基本原理结合 ● 设计网站框架并不是绝对必要的

（三）设计网站的页面模型

● 网页模板

》确定几种最主要的一般性页面作为模板

》不同模板页面应相似，同一模板应一致

》考虑元素：商标、广告和赞助、导航、页标题、顶端图形、脚标（包括版权） ● 设计页面模型

》利用现有Web 设计工具设计模型，并进行测试和最终确定。

第三节 电子商务网站的实施

一、电子商务网站的实施方式

二、电子商务网站的域名申请

三、电子商务网站的准备

四、电子商务网站的开发

五、电子商务网站的维护

六、电子商务网站的推广

一、电子商务网站的实施方式

（一）外 包

● 全权委托外部专业化公司提供一揽子解决方案，并且实施 ● 特点 》速度快，利用专业化服务，如上海书城采用IBM Net.Commerce V3的解决方案，2个月完成

》定制方案，可以要求提供针对企业实际的方案

》节省开发费用，可以节省1/3

》获得专业化服务，如网上支付、物流服务

● 缺点

外包使企业失去对自身业务的控制力，外包的网站所实现

的功能可能会和企业所需要的有差异，而且企业完全熟悉网

站的操作并开始业务需要磨合时间。

（二）租 借

● 利用电子商务服务站点（ASP 、BSP ）提供空间建设站点。企业只需要提供有关材料，维护、收款以及物流配送由门户站点负责。 ● 网上商城 操作步骤：填写用户资料，获取用户代码和密码，交纳保证金 ● 商人门户网站● 特点：简单、快捷、廉价

● 缺点：大众化、不支持企业想要的视觉效果，只有几种可选择的方式，没有独立的IP 和域名，缺乏发展空间

（三）自行建设

● 外包适合非技术类的大中企业，租借适合中小企业或者试探性大中企业

● 自行建设适合大企业，技术力量雄厚。需要有经验、时间和大预算。优势是可以建立独特的有竞争力的功能。

● 自行建设时应充分利用现有的开放的平台，并在此基础上进行开发。如：IBM 、HP 、Intel 、Microsoft 等

二、电子商务网站的域名申请

● （一）域名的命名

● （二）域名的申请

（一）域名的命名

● 与企业已有商标或企业名称具有相关性

● 简单易记易用，3-8个字符

● 多个域名：出现申请类似的域名，如Sohu 、Sohoo

● 国际性：以英语单词为准,china 与拼音

● 民族性：符合民族特点，如Sina 与支那

（二）域名申请

● 独立域名、子域名

如：www.whu.edu.cn eb.whu.edu.cn

● 英文域名与中文域名

● 国际域名与国内域名

● 管理单位：● 申请：直接到管理单位申请，代理申请

如：中国新网（http://www.chinaDNS.com）

三、电子商务网站建设的准备

● （一）Web 服务器建设

● （二）准备网站资料

● （三）选择网站开发工具

（一）Web 服务器建设（1/2）

● 涉及到架设网络、安装服务器，租用通信网络

● 方式：架设专用网络、整体托管、虚拟主机托管、租用网页空间、委托服务商代理

● 架设专用网络，自己架设通信网络，速度快，费用昂贵，大型企业专业开发用

● 整机托管，将服务器托管到，远程维护

● 虚拟主机托管，逻辑上独立，物理上共享，用户可以拥有独立的WWW 、E-mail 、FTP 服务器

Web 服务器建设（2/2）

● 如何选择ISP

》速度。存放位置（国内/国外），网络连接速度

》服务。E-mail 信箱、数据库开发能力，支持CGI 、支持加密传输，流行管理软件、页面访问统计；

域名注册、网站寄存、策划、设计、制作、维护

》价格。空间，服务内容，服务质量

● 租借网页空间，申请子域名（虚拟域名），可自行上载网页。 ● 委托服务商代理。类似于BSP ，包括商务代理

（二）准备网站资料

● 根据站点内容和功能规划选定材料

● 策划网站整体形象，统筹安排网页

● 公司简介、产品资料（图片、价格）

● 增殖服务信息资料（相关产品技术资料、市场行情信息） ● 材料类型：文字、图像、动画、声音、影视等

（三）选择网站开发工具

● 网页设计工具：Microsoft visual studio

● 图像处理工具：Adobe 的Photoshop

● 声音、影视处理软件

● 交互式动态页面设计工具，如微软的ASP 开发系统，支持CGI 的Perl 开发系统

● 动态网页请专业人员设计

● 静态网页可以由企业内部人员设计

四、电子商务网站的开发

● （一）电子商务网站开发的组织机构

● （二）电子商务网站的组成

● （三）电子商务网站的开发管理

● （四）电子商务网站的测试

● （五）电子商务网站的发布

（一）电子商务网站开发的组织机构1/2

● 外包开发方式，组织结构无须变动，只需指定有关人员负责与专业公司协调

● 对于小型企业自行建设。可设网络管理员职务，工作权限类似杂志编