Page 1
第 2章 商务表达层技术基础
?电子商务信息分享架构
?静态页面表达及其技术基础
?动态页面表达及其技术基础
?用户界面体系结构的选择
Page 2
电子商务信息分享架构
? 万维网 -观念与技术
? 商务表达信息的组织
? 商务表达平台的实现
Page 3
万维网 -观念与技术
?WEB到底是什么？
– 对信息的存储和获取进行组织的一种思维方式。
?两项重要的创造发挥了关键的作用
– 超文本（ hypertext）
– 图形化用户界面（ GUI）。
Page 4
WEB的历史及意义
? 起源：让处于不同地点的科学家可以共享文件。
? 1989年，欧洲粒子物理实验室（ CERN）的蒂姆 ·伯纳斯一李和罗伯特 ·卡
利奥开始着手改进实验室的研究档案处理程序。他们俩各自提出了一
个超文本开发计划。
? 在接下来的两年，伯纳斯一李开发出了超文本服务器程序代码，并使
之适用于因特网。
? 1993年，伊利诺斯大学的马克 ·安德列森领着一群学生写出了 Mosaic，
? 1994年，安德列森和伊利诺斯大学 Mosaic小组的其他成员同 SGI公司的
詹姆斯 ·克拉克合作成立了网景（ Netscape Communications）公司。
? 超文本技术和浏览器技术的结合，带来了全球性的网络热,WEB也很快
变成了浏览、信息出版及在因特网中执行交易的业界标准。 WWW网站数
目的增长速度甚至超过了因特网自身的发展速度。
Page 5
WEB-信息分享架构
HTML描述了每
个网页的内容WEB浏览器
WEB浏览器
WEB浏览器
TCP/IP
HTTP
WEB
网页 公共网关接口
Script程序
数据库
CGI定义外在应用
如何与 WEB服务器
互动
Page 6
WEB的特征与意义
?与传统的信息形式相比，超文本的含义有两层：
– 一是信息的形式不再限于简单的字符或数值型数据，而
是可以包含多媒体信息。
– 超文本可以实现网络上信息之间的相互链接。
?成功的主要原因
– 简易的导览和使用，
– 新的分送模式
– 实现了一个网络集中式的模式,WEB是网络集中式计算
的缩影,,网络即电脑, 。
Page 7
WEB的技术架构
?万维网已经成为含盖广泛的观念以及科技
– 全球超文本出版概念、
– 统一界面的概念
– 以及主从架构概念。
?万维网所依赖的各种概念和技术
– 超文本传送协议（ Hyper-Text Transfer Protocol,HTTP）
– 统一资源标示 （ Uniform Resource Locator,URL）
– 超文本标式语言 （ Hyper-Text Makeup Language,HTML）
– WEB服务器
– WEB浏览器
Page 8
WEB应用的特点
? 广泛的传播面和极强的时效性
? 突破线性限制的超链接方式
? 灵活多变的传播模式。
? 支持更广泛的客户端设备。
? WEB应用服务器能集成对资源（如数据库）的存取，从而简
化应用的设计，增强可伸缩性，并提供对资源的更好保护
。
? 运行在服务器端的商务逻辑容易得到保护、更新和维护。
? 运行在服务器端的商务逻辑使得用户的应用环境得到集中
管理并能在不同的客户机上重建。
Page 9
传统客户端与 WEB模式之比较
? 传统客户 /服务器模式的优势和缺陷
– 结果集返回给客户端，从而使网络负担大大减轻
– 所有对数据库的查询操作都由充当数据库服务器的计算机来进行：
需求集中、数据一致性控制
– 安装、升级、维护困难。
– 使用不方便，培训费用高。
– 软件建设周期长，适应性差
– 系统生命周期短，移植困难，升级麻烦。
– 系统建设质量难以保证。
Page 10
浏览器 /服务器模式的优势
? 是一种瘦客户机模式
? 易于管理和维护 。
? 无需开发客户端软件
? 开发效率高, 开发周期短, 见效快 。
? 平台无关性
? 开放性,
? 可使已有的软硬件投资得到良好的保护, 从原有系统平滑
地升级到 Internet。
? 优点应从结构上理解。应用程序从结构上一般分为四层：
形式逻辑，业务逻辑，数据逻辑，数据存储。
Page 11
商务表达信息的组织与分享
?商务表达信息的特征
?电子商务网站与电子商务系统
?网站的基本组成与访问
?网站内容与功能的设计
Page 12
电子商务网站与电子商务系统
企业电子
商务系统 门户网站
企业内部信息系统
客户 合作伙伴
Page 13
网站的基本组成
?网页
?网页空间
?网址与域名
Page 14
网站的访问
? 标准网址：域名 +目录名 +文件名
? http,//www.e-market.com/vb/test.htm
? 网址：域名 +目录名
– http,//www.e-market.com/book/dirl
? 网址：域名
– http,//www.e-market.com
? 含有程序的网址
? http,//www.e-market.com/wtime.cgi
? 或 http,//www.e-market.com/wtime.asp
Page 15
网站内容与功能的设计
?站点设计与策划
?内容创建或者信息采编
?页面编程
Page 16
商务表达平台的实现
?客户端的技术划分
?表达层的实现方式
Page 17
商务表达平台三种实现方式
客户端
计算机 便携设备 无线移动设备 信息家电
WEB服务器 WEB服务器
支持平台表达层工具
表达层工具
WEB服务器
应用服务器
WML/XML
HTML
XML
DHTML
Page 18
小结
?理解 WEB的观念和技术架构
?正确区分电子商务网站与电子商务系统
?了解电子商务平台的三种表现形式
Page 19
静态页面表达及其技术
? 2.2.1 静态页面的体系结构
? 2.2.2 标记语言的特征与演变
? 2.2.3 网页的制作与发布
Page 20
静态页面的体系结构
Client
(浏览器 )
Web Server
HTML
页面
请求
响应
HTML
图 1-8 静态页面示意图
Page 21
标记语言的特征与演变
?了解 SGML
?简单掌握 HTML
?理解 XML
Page 22
标记语言家族谱
GML(1969)
SGML(1985)
XHTML
XML(1998)
HTML(1993)
MathML WML SVG CML
Page 23
超文本标记语言（ HTML）
?（ 1） HTML标记
?（ 2） HTML链接
?（ 3） HTML的版本历史
?（ 4） HTML编辑器
?（ 5） HTML的缺陷
Page 24
HTML链接
?＜ A HREF＝, 地址, ＞可见的链接文本＜
/A＞
?＜ A HREF＝, http,//www.njtu.edu.cn”
＞北方交通大学＜／ A＞
?同样, 也可以链接到同一文档的其他部分 —
— 也许是简历中的第三页：
?＜ A HREF＝, ＃ references”＞参看详细
资料＜／ A＞
Page 25
链接接结构
线性结构
分层结构
Page 26
HTML的缺陷
?HTML更多地关注 WEB浏览器如何在页面上安排文本
,图象和按纽等, 过多的考虑外观使其缺乏对结构
化数据的表示能力 。
?HTML中有限的标记不能满足很多 WEB应用的需要 。
?是因为 HTML缺乏可扩展性
?从 1996年开始, W3C（ World Wide Web Consortium
） 的一个工作组设计一个超越 HTML能力范围的新语
言, 后 来 被 命 名 为 XML （ eXtensible Markup
Language,可扩展标记语言 ） 。
Page 27
XML
? XML是 SGML的一个优化子集, 因此也是一种元标记语言, 使用者可以按
需要创建新标记 。
? XML设计的初衷在于：如果文档中的数据达到结构化, 就赋予其明确的
语义 。 这使得它具有革命性的特质和优势 。
? XML最大的特点就是它具有创建标签的能力 。 HTML中的标签是不可任意
创建的, 它不传递语义信息, 更多情况下是描述显示信息 。 因此, XML
具有更强的扩展性 。
? XML另一突出的特点就是它将数据与数据的显示分开 。 内容与形式相分
离, 可以使 XML文件的编写者集中精力于数据本身, 而不受显示方式的
细节所影响 。 而它所带来的另一个好处, 即不同的样式表可以使相同
的数据呈现出不同的显示外观, 从而适合于不同的应用, 可以在不同
的显示设备上显示 。
Page 28
1,XML的结构化文档技术
– <HTML> <?XML VERSION=”1.0”>
– <TITLE>联想电脑 </TITLE> <!DOCUMENT,联想电脑, 同禧 500P3”>
– <BODY> <计算机 类型 =”个人电脑, >
– <UL> <制造商 >联想 </制造商 >
– <LI>联想 <识别符 >
– <LI>台式机 <品种 >台式机 </品种 >
– <LI>同禧 500P3 <型号 >同禧 500P3</型号 >
– <LI>667MHz </识别符 >
– <LI>64MB <主频 UNIT=”MHz”>667</主频 >
– <LI>10GB <内存 UNIT=”MB”>64</内存 >
– <LI>7999元 <硬盘 UNIT=”GB”>10</硬盘 >
– </UL> <单价 UNIT=”元, >7999</单价 >
– </BODY> </计算机 >
– </HTML>
Page 29
用标记表示文档结构
? 使用表记表达文档的任务有两个：一是正确地表达 XML文档所具有的, 结构, ；二是正
确的传达按文档所标记的数据的含义 。 XML文档数据采用树型结构表达, 图 4-12中 XML文
档的树结构形式如图 4-13所示 。
? 计算机
? |---- 类型 ------------------个人机
? |---- 制造商 ----------------联想
? 识别符
? ---- 品种 ----------台式机
? 型号 ----------同禧 500P3
? 主频 ------------------667
? ----单位 ----------MHz
? 内存 ------------------64
? ----单位 ----------MB
? 硬盘 ------------------10
? ----单位 ----------GB
? 单价 ------------------7999
? ----单位 ----------元
Page 30
用 DTD定义标记含义
? XML的文档类型以标记集合来定义。
? <?XML ENCONING=”GB2312”>
? <!ELEMENT 计算机 (制造商,识别符,主频,内存,硬盘,单价 )>
? <!ATLIST 计算机类型 #REQUIRED>
? <!ELEMENT 制造商 (#PC DATA)>
? <!ELEMENT 识别符 (#PC DATA)>
? <!ELEMENT 品种 (#PC DATA)>
? <!ELEMENT 型号 (#PC DATA)>
? ……
? 在制定的 XML标准中, 一个 XML文档允许采用多个 DTD。 其目的是把一般确定的 DTD与企业
独自的 DTD相结合, 但含义不能有异, 以重新利用原有资源 。 因此在 XML1.0标准中规定
了特定 DTD的, 名称空间, 标准 。 具体做法是把存储 DTD的集合名称与标记并存, 以防混
同 。
Page 31
XML应用开发
? 开发 XML应用通常涉及四个方面：
– 构造 XML标记语言
– 生成 XML文档
– 解释 XML文档
– 显示 XML文档
Page 32
XML的用途 --数据交换
（ XML使得不同计算机应用系统之间数据交换变得容
易起来, 这是因为它的可扩展性和文档中使用元
数据 。 XML尤其在下列领域有重要应用 。
（ EDI,EDI被用来在异构系统间进行数据交换而支持事务
处理 。
（ Agent（ 智能体 ） 。
（ 软件设计元素的交换 。
Page 33
XML的用途 -- Web应用
? XML文档无疑将成为 Web资源的重要组成部分, 而且基于 XML
的文档资源使 Web搜索引擎的智能化变得容易起来 。 除此之
外, XML能够用来建立 HTML所不能达到的多层 Web应用, XML
在 Web应用中有下列用途 。
? 集成不同数据源 。
? 本地计算 。
? 数据的多种显示 。
? 支持 Web应用的互操作和集成 。
Page 34
XML与 HTML的综合比较
比 较 内容 HTML XML
可 扩 展性 不具有 扩 展性是元 标记语 言, 可用于定 义 新的 标记语 言
侧 重点 如何表 现 信息 如何 结 构化地描述信息
语 法要求 不要求 标记 的嵌套, 配 对 等, 严 格要求嵌套, 配 对, 遵循 DTD的 树 型 结 构
不要求 标记 之 间 具有一定的 顺 序
可 读 性及可 维护 性 难 于 阅读, 维护 结 构清晰, 便于 阅读 和 维护
数据与 显 示的 关 系 内容与 显 示方式整合 为 一体 内容描述与 显 示方式分离
保 值 性 不具有保 值 性 具有保 值 性
编辑 与 浏览 工具 已有大量的 编辑浏览 工具 编辑浏览 工具尚不成熟
Page 35
小结
?HTML：主要标记、链接、表单
?HTML与 XML的本质区别
?XML的用途
Page 36
2.2.3 网页的制作与发布
?WEB设计环境
?WEB综合设计
?网页制作工具
?网站（网络信息）的发布
网络出版
Page 37
WEB设计环境
（ WEB的技术环境
（ 从技术为人服务的观念出发, 应尽可能从用户的角度来设计 。
（ 便是如何使网页在不同的浏览器下都能正常显示 。
（ 如何设计网页以适应不同的分辨率 。
（ 考虑用户的低带宽连接 。
（ WEB的媒体环境
（ 计算机屏幕与传统的基于纸张的媒体完全不同 。
（ 设计者必须考虑超链接的非线性特点, 把合适的链接和相关内容有
机地结合起来 。
Page 38
WEB综合设计
? 先要明确网站的性质, 目的, 针对不同的类型进行创意 。
? 确定最终用户是很关键的一步 。
? 确定页面的结构和框架, 这往往是和站点总体规划相关的
,网页设计者需要提供一些视觉功能性的建议 。
? 最后, 要强调在不同的机器, 浏览器, 不同的速度等条件
下测试网页, 及早查处问题 。
技术与艺术
的结合
Page 39
示例,站点解析 --惠普公司中国分部
? 的网址如下,http://www.hp.com.cn
? 从另一个视角分析惠普的网站, 即看看它是如何处理产品售后服务的 。
? 从惠普主页中选择, 服务支持,, 客户服务分成了几个具体的方面：
? （ a） 软件类
? （ b） 硬件类
? （ C） 客户培训
? （ d） 代理商培训
? （ e） 系统集成服务
? 下面我们就深入一点来分析 。 例如, 假设我们遇到的问题比较常见,
? 如果我们遇到的问题比较复杂,
? 小结,通过对惠普站点的分析, 可以深切的感受到一个成功企业在售后服务方面所下的
苦心：服务种类多, 设身处地的为顾客着想；将顾客需求分类, 通过不同的方式予以解
决；服务合同条款清晰透明等等, 这正是许多国内企业应该好好借鉴的地方 。
Page 40
示例,IBM公司站点解析
? IBM公司始终不断的坚持三个基本信念：
? 尊重个人, 注重客户服务, 精益求精
? 着重看看他们是如何在网上推销他们的产品的 。
? 站点解析：中国分公司,http://www.cn.ibm.com
? 小结：从对 IBM这种大型跨国企业的电子商务站点的分析中, 我们可以
得到许多有关如何宣传自己产品的有益的启示：
（ ） 介绍的产品一定要少而精, 一定要是拳头产
品 。 不要把公司所有的产品都罗列到站点上,
那样反而会让顾客无所适从 。
（ ） 可以引用一些知名媒体或者杂志的评价, 这
样可以从侧面烘托产品性能 。
（ ） 不要刻意修饰站点, 那样反而会让人觉得,
画蛇添足, 。
Page 41
网络信息（网站）的发布
?站点发布就是将本地硬盘上的站点通过一定的传
输协议传送到远程服务器上的过程 。
?首先, 服务器必须可以处理脚本和专有特性 。
?另一个主要的发布问题是超链接, 跟踪站点内的
超链接索引是具有一定难度的 。
?何时公开站点 。
?发布方法：
– 以 HTTP方式发布站点
– 以 FTP方式
Page 42
小结
?静态网页的基础 --标记语言
?网页的集合 --网站
?网页、网站的设计 --技术与艺术
第 2章 商务表达层技术基础
?电子商务信息分享架构
?静态页面表达及其技术基础
?动态页面表达及其技术基础
?用户界面体系结构的选择
Page 2
电子商务信息分享架构
? 万维网 -观念与技术
? 商务表达信息的组织
? 商务表达平台的实现
Page 3
万维网 -观念与技术
?WEB到底是什么？
– 对信息的存储和获取进行组织的一种思维方式。
?两项重要的创造发挥了关键的作用
– 超文本（ hypertext）
– 图形化用户界面（ GUI）。
Page 4
WEB的历史及意义
? 起源：让处于不同地点的科学家可以共享文件。
? 1989年，欧洲粒子物理实验室（ CERN）的蒂姆 ·伯纳斯一李和罗伯特 ·卡
利奥开始着手改进实验室的研究档案处理程序。他们俩各自提出了一
个超文本开发计划。
? 在接下来的两年，伯纳斯一李开发出了超文本服务器程序代码，并使
之适用于因特网。
? 1993年，伊利诺斯大学的马克 ·安德列森领着一群学生写出了 Mosaic，
? 1994年，安德列森和伊利诺斯大学 Mosaic小组的其他成员同 SGI公司的
詹姆斯 ·克拉克合作成立了网景（ Netscape Communications）公司。
? 超文本技术和浏览器技术的结合，带来了全球性的网络热,WEB也很快
变成了浏览、信息出版及在因特网中执行交易的业界标准。 WWW网站数
目的增长速度甚至超过了因特网自身的发展速度。
Page 5
WEB-信息分享架构
HTML描述了每
个网页的内容WEB浏览器
WEB浏览器
WEB浏览器
TCP/IP
HTTP
WEB
网页 公共网关接口
Script程序
数据库
CGI定义外在应用
如何与 WEB服务器
互动
Page 6
WEB的特征与意义
?与传统的信息形式相比，超文本的含义有两层：
– 一是信息的形式不再限于简单的字符或数值型数据，而
是可以包含多媒体信息。
– 超文本可以实现网络上信息之间的相互链接。
?成功的主要原因
– 简易的导览和使用，
– 新的分送模式
– 实现了一个网络集中式的模式,WEB是网络集中式计算
的缩影,,网络即电脑, 。
Page 7
WEB的技术架构
?万维网已经成为含盖广泛的观念以及科技
– 全球超文本出版概念、
– 统一界面的概念
– 以及主从架构概念。
?万维网所依赖的各种概念和技术
– 超文本传送协议（ Hyper-Text Transfer Protocol,HTTP）
– 统一资源标示 （ Uniform Resource Locator,URL）
– 超文本标式语言 （ Hyper-Text Makeup Language,HTML）
– WEB服务器
– WEB浏览器
Page 8
WEB应用的特点
? 广泛的传播面和极强的时效性
? 突破线性限制的超链接方式
? 灵活多变的传播模式。
? 支持更广泛的客户端设备。
? WEB应用服务器能集成对资源（如数据库）的存取，从而简
化应用的设计，增强可伸缩性，并提供对资源的更好保护
。
? 运行在服务器端的商务逻辑容易得到保护、更新和维护。
? 运行在服务器端的商务逻辑使得用户的应用环境得到集中
管理并能在不同的客户机上重建。
Page 9
传统客户端与 WEB模式之比较
? 传统客户 /服务器模式的优势和缺陷
– 结果集返回给客户端，从而使网络负担大大减轻
– 所有对数据库的查询操作都由充当数据库服务器的计算机来进行：
需求集中、数据一致性控制
– 安装、升级、维护困难。
– 使用不方便，培训费用高。
– 软件建设周期长，适应性差
– 系统生命周期短，移植困难，升级麻烦。
– 系统建设质量难以保证。
Page 10
浏览器 /服务器模式的优势
? 是一种瘦客户机模式
? 易于管理和维护 。
? 无需开发客户端软件
? 开发效率高, 开发周期短, 见效快 。
? 平台无关性
? 开放性,
? 可使已有的软硬件投资得到良好的保护, 从原有系统平滑
地升级到 Internet。
? 优点应从结构上理解。应用程序从结构上一般分为四层：
形式逻辑，业务逻辑，数据逻辑，数据存储。
Page 11
商务表达信息的组织与分享
?商务表达信息的特征
?电子商务网站与电子商务系统
?网站的基本组成与访问
?网站内容与功能的设计
Page 12
电子商务网站与电子商务系统
企业电子
商务系统 门户网站
企业内部信息系统
客户 合作伙伴
Page 13
网站的基本组成
?网页
?网页空间
?网址与域名
Page 14
网站的访问
? 标准网址：域名 +目录名 +文件名
? http,//www.e-market.com/vb/test.htm
? 网址：域名 +目录名
– http,//www.e-market.com/book/dirl
? 网址：域名
– http,//www.e-market.com
? 含有程序的网址
? http,//www.e-market.com/wtime.cgi
? 或 http,//www.e-market.com/wtime.asp
Page 15
网站内容与功能的设计
?站点设计与策划
?内容创建或者信息采编
?页面编程
Page 16
商务表达平台的实现
?客户端的技术划分
?表达层的实现方式
Page 17
商务表达平台三种实现方式
客户端
计算机 便携设备 无线移动设备 信息家电
WEB服务器 WEB服务器
支持平台表达层工具
表达层工具
WEB服务器
应用服务器
WML/XML
HTML
XML
DHTML
Page 18
小结
?理解 WEB的观念和技术架构
?正确区分电子商务网站与电子商务系统
?了解电子商务平台的三种表现形式
Page 19
静态页面表达及其技术
? 2.2.1 静态页面的体系结构
? 2.2.2 标记语言的特征与演变
? 2.2.3 网页的制作与发布
Page 20
静态页面的体系结构
Client
(浏览器 )
Web Server
HTML
页面
请求
响应
HTML
图 1-8 静态页面示意图
Page 21
标记语言的特征与演变
?了解 SGML
?简单掌握 HTML
?理解 XML
Page 22
标记语言家族谱
GML(1969)
SGML(1985)
XHTML
XML(1998)
HTML(1993)
MathML WML SVG CML
Page 23
超文本标记语言（ HTML）
?（ 1） HTML标记
?（ 2） HTML链接
?（ 3） HTML的版本历史
?（ 4） HTML编辑器
?（ 5） HTML的缺陷
Page 24
HTML链接
?＜ A HREF＝, 地址, ＞可见的链接文本＜
/A＞
?＜ A HREF＝, http,//www.njtu.edu.cn”
＞北方交通大学＜／ A＞
?同样, 也可以链接到同一文档的其他部分 —
— 也许是简历中的第三页：
?＜ A HREF＝, ＃ references”＞参看详细
资料＜／ A＞
Page 25
链接接结构
线性结构
分层结构
Page 26
HTML的缺陷
?HTML更多地关注 WEB浏览器如何在页面上安排文本
,图象和按纽等, 过多的考虑外观使其缺乏对结构
化数据的表示能力 。
?HTML中有限的标记不能满足很多 WEB应用的需要 。
?是因为 HTML缺乏可扩展性
?从 1996年开始, W3C（ World Wide Web Consortium
） 的一个工作组设计一个超越 HTML能力范围的新语
言, 后 来 被 命 名 为 XML （ eXtensible Markup
Language,可扩展标记语言 ） 。
Page 27
XML
? XML是 SGML的一个优化子集, 因此也是一种元标记语言, 使用者可以按
需要创建新标记 。
? XML设计的初衷在于：如果文档中的数据达到结构化, 就赋予其明确的
语义 。 这使得它具有革命性的特质和优势 。
? XML最大的特点就是它具有创建标签的能力 。 HTML中的标签是不可任意
创建的, 它不传递语义信息, 更多情况下是描述显示信息 。 因此, XML
具有更强的扩展性 。
? XML另一突出的特点就是它将数据与数据的显示分开 。 内容与形式相分
离, 可以使 XML文件的编写者集中精力于数据本身, 而不受显示方式的
细节所影响 。 而它所带来的另一个好处, 即不同的样式表可以使相同
的数据呈现出不同的显示外观, 从而适合于不同的应用, 可以在不同
的显示设备上显示 。
Page 28
1,XML的结构化文档技术
– <HTML> <?XML VERSION=”1.0”>
– <TITLE>联想电脑 </TITLE> <!DOCUMENT,联想电脑, 同禧 500P3”>
– <BODY> <计算机 类型 =”个人电脑, >
– <UL> <制造商 >联想 </制造商 >
– <LI>联想 <识别符 >
– <LI>台式机 <品种 >台式机 </品种 >
– <LI>同禧 500P3 <型号 >同禧 500P3</型号 >
– <LI>667MHz </识别符 >
– <LI>64MB <主频 UNIT=”MHz”>667</主频 >
– <LI>10GB <内存 UNIT=”MB”>64</内存 >
– <LI>7999元 <硬盘 UNIT=”GB”>10</硬盘 >
– </UL> <单价 UNIT=”元, >7999</单价 >
– </BODY> </计算机 >
– </HTML>
Page 29
用标记表示文档结构
? 使用表记表达文档的任务有两个：一是正确地表达 XML文档所具有的, 结构, ；二是正
确的传达按文档所标记的数据的含义 。 XML文档数据采用树型结构表达, 图 4-12中 XML文
档的树结构形式如图 4-13所示 。
? 计算机
? |---- 类型 ------------------个人机
? |---- 制造商 ----------------联想
? 识别符
? ---- 品种 ----------台式机
? 型号 ----------同禧 500P3
? 主频 ------------------667
? ----单位 ----------MHz
? 内存 ------------------64
? ----单位 ----------MB
? 硬盘 ------------------10
? ----单位 ----------GB
? 单价 ------------------7999
? ----单位 ----------元
Page 30
用 DTD定义标记含义
? XML的文档类型以标记集合来定义。
? <?XML ENCONING=”GB2312”>
? <!ELEMENT 计算机 (制造商,识别符,主频,内存,硬盘,单价 )>
? <!ATLIST 计算机类型 #REQUIRED>
? <!ELEMENT 制造商 (#PC DATA)>
? <!ELEMENT 识别符 (#PC DATA)>
? <!ELEMENT 品种 (#PC DATA)>
? <!ELEMENT 型号 (#PC DATA)>
? ……
? 在制定的 XML标准中, 一个 XML文档允许采用多个 DTD。 其目的是把一般确定的 DTD与企业
独自的 DTD相结合, 但含义不能有异, 以重新利用原有资源 。 因此在 XML1.0标准中规定
了特定 DTD的, 名称空间, 标准 。 具体做法是把存储 DTD的集合名称与标记并存, 以防混
同 。
Page 31
XML应用开发
? 开发 XML应用通常涉及四个方面：
– 构造 XML标记语言
– 生成 XML文档
– 解释 XML文档
– 显示 XML文档
Page 32
XML的用途 --数据交换
（ XML使得不同计算机应用系统之间数据交换变得容
易起来, 这是因为它的可扩展性和文档中使用元
数据 。 XML尤其在下列领域有重要应用 。
（ EDI,EDI被用来在异构系统间进行数据交换而支持事务
处理 。
（ Agent（ 智能体 ） 。
（ 软件设计元素的交换 。
Page 33
XML的用途 -- Web应用
? XML文档无疑将成为 Web资源的重要组成部分, 而且基于 XML
的文档资源使 Web搜索引擎的智能化变得容易起来 。 除此之
外, XML能够用来建立 HTML所不能达到的多层 Web应用, XML
在 Web应用中有下列用途 。
? 集成不同数据源 。
? 本地计算 。
? 数据的多种显示 。
? 支持 Web应用的互操作和集成 。
Page 34
XML与 HTML的综合比较
比 较 内容 HTML XML
可 扩 展性 不具有 扩 展性是元 标记语 言, 可用于定 义 新的 标记语 言
侧 重点 如何表 现 信息 如何 结 构化地描述信息
语 法要求 不要求 标记 的嵌套, 配 对 等, 严 格要求嵌套, 配 对, 遵循 DTD的 树 型 结 构
不要求 标记 之 间 具有一定的 顺 序
可 读 性及可 维护 性 难 于 阅读, 维护 结 构清晰, 便于 阅读 和 维护
数据与 显 示的 关 系 内容与 显 示方式整合 为 一体 内容描述与 显 示方式分离
保 值 性 不具有保 值 性 具有保 值 性
编辑 与 浏览 工具 已有大量的 编辑浏览 工具 编辑浏览 工具尚不成熟
Page 35
小结
?HTML：主要标记、链接、表单
?HTML与 XML的本质区别
?XML的用途
Page 36
2.2.3 网页的制作与发布
?WEB设计环境
?WEB综合设计
?网页制作工具
?网站（网络信息）的发布
网络出版
Page 37
WEB设计环境
（ WEB的技术环境
（ 从技术为人服务的观念出发, 应尽可能从用户的角度来设计 。
（ 便是如何使网页在不同的浏览器下都能正常显示 。
（ 如何设计网页以适应不同的分辨率 。
（ 考虑用户的低带宽连接 。
（ WEB的媒体环境
（ 计算机屏幕与传统的基于纸张的媒体完全不同 。
（ 设计者必须考虑超链接的非线性特点, 把合适的链接和相关内容有
机地结合起来 。
Page 38
WEB综合设计
? 先要明确网站的性质, 目的, 针对不同的类型进行创意 。
? 确定最终用户是很关键的一步 。
? 确定页面的结构和框架, 这往往是和站点总体规划相关的
,网页设计者需要提供一些视觉功能性的建议 。
? 最后, 要强调在不同的机器, 浏览器, 不同的速度等条件
下测试网页, 及早查处问题 。
技术与艺术
的结合
Page 39
示例,站点解析 --惠普公司中国分部
? 的网址如下,http://www.hp.com.cn
? 从另一个视角分析惠普的网站, 即看看它是如何处理产品售后服务的 。
? 从惠普主页中选择, 服务支持,, 客户服务分成了几个具体的方面：
? （ a） 软件类
? （ b） 硬件类
? （ C） 客户培训
? （ d） 代理商培训
? （ e） 系统集成服务
? 下面我们就深入一点来分析 。 例如, 假设我们遇到的问题比较常见,
? 如果我们遇到的问题比较复杂,
? 小结,通过对惠普站点的分析, 可以深切的感受到一个成功企业在售后服务方面所下的
苦心：服务种类多, 设身处地的为顾客着想；将顾客需求分类, 通过不同的方式予以解
决；服务合同条款清晰透明等等, 这正是许多国内企业应该好好借鉴的地方 。
Page 40
示例,IBM公司站点解析
? IBM公司始终不断的坚持三个基本信念：
? 尊重个人, 注重客户服务, 精益求精
? 着重看看他们是如何在网上推销他们的产品的 。
? 站点解析：中国分公司,http://www.cn.ibm.com
? 小结：从对 IBM这种大型跨国企业的电子商务站点的分析中, 我们可以
得到许多有关如何宣传自己产品的有益的启示：
（ ） 介绍的产品一定要少而精, 一定要是拳头产
品 。 不要把公司所有的产品都罗列到站点上,
那样反而会让顾客无所适从 。
（ ） 可以引用一些知名媒体或者杂志的评价, 这
样可以从侧面烘托产品性能 。
（ ） 不要刻意修饰站点, 那样反而会让人觉得,
画蛇添足, 。
Page 41
网络信息（网站）的发布
?站点发布就是将本地硬盘上的站点通过一定的传
输协议传送到远程服务器上的过程 。
?首先, 服务器必须可以处理脚本和专有特性 。
?另一个主要的发布问题是超链接, 跟踪站点内的
超链接索引是具有一定难度的 。
?何时公开站点 。
?发布方法：
– 以 HTTP方式发布站点
– 以 FTP方式
Page 42
小结
?静态网页的基础 --标记语言
?网页的集合 --网站
?网页、网站的设计 --技术与艺术
