CN101697156A - 一种构造链式网页的方法及系统 - Google Patents

Abstract

本发明公开了一种构造链式网页的方法，包括浏览器中加载网页控件箱模块，通过鼠标拖拽动态构造一个或多个网页；激活对象树中构造的网页及网页元素对象，通过控件箱配置网页之间、网页元素与网页元素之间的交互关系，使所构造的网页以及网页元素之间形成链式交互响应；将所构造的网页以及网页元素之间的链式交互关系通过链式网页描述文件进行描述，并将所述链式网页描述文件保存到服务器数据库模块；本发明还公开了一种编辑和播放网页的系统。本发明的有益效果在于：用户可以通过鼠标点击、拖拽、所见即所得的构造链式网页，无需任何编码，仅通过浏览器加载本发明的控件箱，即可构造网页，并构造不同网页元素之间的链式交互控制关系。

Description

一种构造链式网页的方法及系统

技术领域

本发明涉及网络传输技术，尤其涉及一种构造链式网页的方法及系统。

背景技术

网站(Web Site)是发布在网络服务器上由一系列网页文件构成的，为访问者提供信息和服务的网页文件集合。网页是网站的基本组成要素，一个大型网站可能含有数以百万计的网页，而一个小的企业网站或个人网站可能只有几个网页。

现有的网站架构及开发模式，主要集中于后台服务器，网站的结构一旦确定，便不会轻易改变，网站的开发人员便在既定的网站结构下开发相应模块的网页以及更新网页内容。因此，现有网站中的网页，基本上在服务器端不主动更新情况下，页面内容通常不变。

目前，网页的开发模式，依然处于一种独立编辑单个网页，需要时，为网页的相关内容添加热链接，使用户通过点击该链接而打开另一个网页，但是打开的网页与含有该网页热链接的网页在编辑过程中两者几乎是彼此独立的，唯一的联系纽带即是热链接。

尽管近年来编辑网页的工具如Dreamwaver、Frontpage等使网页编辑变得相对简单，但网页的开发模式并没有发生根本性的改变，网页开发必须依赖桌面应用程序。尤其是，网页之间、网页元素与网页元素之间几乎毫无关联，不能够实现交互控制，以完成更为复杂的功能。因此，网页的应用和功能受到了限制。

iGoogle推出了个性化主页设计服务，可以让使用者按照个人的喜好方便地定制和整合不同来源的信息，使之成为个性化的门户。该服务的实现主要是借鉴了门户(Portal)与门户块(Portlet)思想：一个完整的门户页面由用户定制的门户块构成。用户通过访问一个聚合了不同信息来源的门户页面，避免了多次访问的麻烦；个性化的定制选择，为用户提供按需实现的“一站式”服务。

通过iGoogle提供的个性化主页，用户可以使用这个页面访问一些小应用程序以及RSS聚合，它可以成为用户访问网络的入口。目前，雅虎、美国在线和微软MSN也都提供有类似的服务，而且近些年来，社交网站Facebook和MySpace也大有替代传统门户成为新的网络入口的趋势。

但是iGoogle提供的个性化主页需要在服务器端拥有丰富的内容资源，用户通过登录服务器端选择相应内容，从而生成个性化主页。其缺点在于：(1)用户只能选择服务器端提供的已有内容资源，如果服务器端没有提供，则无法生成用户想要的页面；(2)只能整合Google网站的相关产品，在iGoogle提供内容的范围内进行选择，无法完全自主创建或集成用户感兴趣的其他网站的产品；(3)无法实现不同网页之间、不同网页元素之间的交互关系。

CN100492360C公开了一种网页开发的方法，主要是通过Flash、XML和JavaScript实现对网页内容的开发和更新。具体包括服务器数据模块接收页面控制模块JavaScript发出的请求，向所述页面控制模块返回XML数据；所述页面控制模块接收到所述XML数据后，将控制型数据发送给所述页面Flash模块；所述页面Flash模块接收到所述控制型数据后，可直接对所述服务器数据模块进行访问并获得所需XML数据。该发明的有益效果是，使网站特定产品的设计流程更加简化，读取数据量少，可以适应更复杂的业务逻辑。

但是CN100492360C公开的网页开发方法依然局限于既定的网站架构或网站框架，其公开的技术限于对网页的开发和更新，无法实现用户根据喜好定制网站结构和生成网页内容。

发明内容

本发明实施例要解决的问题是提供一种构造链式网页的方法及系统，以解决现有技术中网站结构固定化，网页开发和生成专业化，受众群体小，不能满足用户的个性化需求的缺陷，进而使用户能够根据个人喜好和当前需求，通过鼠标点选控件，所见即所得的构造相应网页，尤其是，用户可以非常方便地实现不同网页之间、不同网页元素之间的交互控制关系。

为了实现上述目的，本发明的实施例提供了构造链式网页的方法，该方法可分为编辑网页过程和播放网页过程；

编辑网页过程还包括如下步骤：

浏览器中加载网页控件箱模块，选取并激活控件箱中网页控制模块，通过获取鼠标或鼠标拖拽的位置或网页中某预先设定位置，动态构造多个网页；

激活对象树中所述构造的网页，选取控件箱中的网页元素控件，在所述构造的网页中，通过鼠标拖拽构造网页元素；

激活对象树中所述构造的网页元素，通过控件箱配置网页之间、网页元素与网页元素之间的交互关系，使所构造的网页以及网页元素之间形成链式交互响应；

将所构造的网页以及网页元素之间的链式交互关系通过链式网页描述文件进行描述，并将所述链式网页描述文件保存到服务器数据库模块；

播放网页过程还包括如下步骤：

浏览器中加载控件箱模块，控件箱内嵌链式网页播放模块并和服务器数据库模块进行通信，获取链式网页描述文件，并解析链式网页描述文件，按预先编辑网页元素的内容和位置，构造出全部网页元素，创建网页之间、网页元素之间的链式交互关系。

本发明的有益效果在于：

(1)通过本发明提供的网页控件箱，用户能够根据喜好和当前需要，非常容易的构造网页；

(2)用户还可以通过本发明提供的网页控件箱，构造不同网页之间、不同网页元素之间的链式交互控制关系；

(3)通过组态方式，使得用户无需直接编写代码，即可实现个性化网站的构建以及个性化网页内容的生成。

附图说明

图1是本发明一种构造链式网页的方法的系统架构图；

图2是用户创建多个链式网页示例图；

图3是本发明对象树结构示意图；

图4是本发明垂直结构链式网页元素之间进行交互控制示意图；

图5是本发明平行结构链式网页元素之间进行交互控制示意图。

图6为本发明XML链式网页描述文件生成和保存过程图；

图7是本发明方法中通过网页控件箱中的网页控制模块编辑网页的架构图；

图8是本发明方法中播放网页架构图。

具体实施方式

本发明的优选实施例提供了一种构造链式网页的方法及系统。该方法主要是通过嵌入到浏览器中的ActiveX技术，创建网页控件箱，利用网页控件箱中的相关控件，用户仅需通过鼠标点选、拖拽等方式，便能够方便、快速、所见即所得的构造出具有链式交互响应关系的网页，同时还可以利用网页控件箱中的网页元素控件，构造相关网页元素对象。尤其是，用户还能够利用本发明提供的网页控件箱，轻松构造网页与网页之间、网页元素与网页元素之间的事件响应关系，以实现网页元素间的互动，极大降低了用户编辑网页的技术门槛，使广大普通用户都能够轻松地构造出自己喜欢的网页。

图1是本发明一种构造链式网页方法的系统架构图，本发明的系统包括如下部分：

101服务器数据库模块，用于接收102网页控件箱发送的链式网页描述文件，响应浏览器发送的请求，并向浏览器返回所请求的链式网页描述文件。

102网页控件箱，是系统的控制中心，嵌入在浏览器中，包括但不限于103网页控制模块、104基本功能模块、105元素配置模块、106事件模块、107对象树模块；链式网页描述文件在网页控件箱102和服务器数据库模块101之间传输的过程中，为了数据安全，通常可以采用加密传输的方式，加密算法可以使用但不限于以下种类：MD5/SHA1，DSA，DESede/DES，Diffie-Hellman。同样在网页控件箱102和网页元素控件模块108之间进行通信时，也可以采用加密方式进行通信，通信的方式包括控件箱调用网页元素控件模块函数，以及网页控件箱给网页元素控件模块108(例如，JavaScript脚本程序)发送基于XML协议或其它脚本扩展协议或自定义协议规范的链式网页描述文件的控制信息，用于控制网页元素在网页中的创建和生成。同样网页控件箱会响应网页元素控件模块创建返回的消息。值得声明的是，网页控件箱中调用网页控制模块103和网页元素控件模块108之间的通信创建网页元素的过程和通过网页播放模块701调用网页解析模块702创建网页元素的过程基本相同，只是网页播放模块701不带有网页编辑功能，只负责通信功能以及相关协议转换功能，而网页解析模块702可以算是网页控件模块功能的缩减版，例如，在网页控件模块创建好网页后，网页元素可以通过鼠标拖拽的方式继续调整大小，继续调整网页元素的位置，而网页解析模块在创建好网页元素之后，网页元素位置和大小基本固定，一般情况下不允许用户调整和拖拽，以免网页元素遮挡或变形。

本发明中的102网页控件箱，为Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件模块，用于控制构造网页元素；具有可拖动性，即用户可以通过鼠标拖动网页控件箱，将其放置于浏览器中的适当位置；同时用户还可以根据需要选择网页控件箱或控件箱的部分组件，例如，网页元素的配置(config)窗口、网页元素树形结构窗口，可见或隐藏，因此其具有可见性和隐藏性。对于701网页播放模块，由于主要作用是通信和协议转换，因此也可以是隐藏的，例如，将网页播放模块作为一个透明的Flash组件放在网页中，用来控制网页协议模块702工作，创建并控制网页播放以及和后台服务器进行通信。

在整个系统架构中，可以把所有组件模块按功能分为编辑模式和播放模式；在编辑模式下，网页控件箱模块102负责所有网页及网页元素的编辑工作，并在内存中保存所有网页元素的信息，并且还负责记录和控制网页元素之间的通信和元素控制功能。在播放模式下，网页播放模块则负责所有网页元素之间的通信和元素控制功能。

在选择构建网页控件箱、网页播放模块、网页元素控件模块、网页解析模块时，通常情况下，网页控件箱和网页播放模块采用相同的编程语言，例如Flash的ActionScript语言，而网页元素控件模块和网页解析模块采用相同的编程语言，例如JavaScript语言。在选择编程语言的时候，值得注意的是，由于网页控件箱和网页播放模块需要和后台服务器频繁通信，同时也要控制整个页面，因此需要比较强大完备的语言体系，因此，可以选择ActiveX(Flash实际上是一个ActiveX，并且具有类Java的语言结构)、Java等功能强大的语言；而网页控件模块和网页解解模块则可以使用JavaScript、VBScript、Java、CGI、Pear、ActiveX等多种语言来支持。

102网页控件箱通常包括以下部分或全部：

A、网页元素添加/删除按钮或菜单；

B、保存按钮或菜单、上一步操作按钮或菜单、下一步操作按钮或菜单；

C、网页控件箱的基本设置信息以及网页元素基本设置信息。

103网页控制模块，通过协议接口层与网页元素控件模块进行通信，用于编辑、控制网页元素。

104是102网页控件箱中的基本功能模块，用于编辑网页元素的基本功能操作，其中基本功能包括但不限于：删除创建的元素对象、撤销前一步的操作、恢复前一步的操作等；

用户可以通过点选基本功能模块中的控件，如先点选用户已创建的网页元素或在对象树中选择网页元素对象，然后点选基本功能模块中的删除控件，以删除创建的网页元素；基本功能模块中的撤销控件，用于撤销前一次的操作；基本功能模块中的恢复控件，用于恢复前一次撤销的操作；基本功能模块中的初设参数设置控件，用于设置网页的初始参数信息；基本功能模块中的保存控件，用于对当前的设置信息进行保存等。

105元素配置模块，用于对网页控制模块103和网页元素控件模块108创建的网页元素信息进行配置，通常配置的是创建的网页元素对象的基本属性信息。

106事件模块，用于对网页控制模块103和网页元素控件模块108创建的网页元素的事件信息进行配置，即配置创建的网页元素能够响应的事件，以及所述事件激发时目标元素对象所执行的功能。

107对象树模块，是一种通过Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件生成的可视化窗口，以树状结构用于显示构造的网页及网页元素。

108网页元素控件模块，用于向网页中添加元素的具体控件，包括但不限于文本控件、图片控件、音频控件、视频控件、表格控件等；

用户可以通过选择网页控件模块中的控件，编辑网页内部元素，例如，用户选择网页控件模块中的小网页控件，然后在网页中通过鼠标拖拽，创建具有一般网页功能的小网页对象，这个小网页完全继承了现有的Web网页的特性；此外，用户还可以从网页控件模块中选择文本控件、图片控件等，向创建的小网页对象中添加文本信息和图片信息。

值得注意的是，由于视频模块也可以是一个嵌入的Flash网页播放器模块，视频控件模块也具备和网页元素通过网页控件模块进行通信的能力。

109为网页中的具体元素，这些网页元素都可以通过网页元素控件模块进行控制，包括框架元素和框架内元素，其包括不限于：iFrame、DIV、Table、Text、Picture、Flash、Video等。

110协议接口层，用于使网页控件箱模块与服务器数据库模块之间进行通信连接，在本发明的系统中，网页控件箱中的相应控件与网页元素之间的通信也是通过该协议接口层实现。

102网页控件箱中所述各模块通过110协议接口与101服务器数据库模块相连。

103网页控制模块通过110协议接口控制108网页元素控件模块。

108网页元素控件模块还分别与109网页元素和101服务器数据库模块相连。

在构造网页过程中，系统内部各模块间的通信流程如下：

用户浏览器模块中加载102网页控件箱模块，网页控件箱模块中包括但不限于：基本功能模块、网页控制模块、元素配置模块、事件模块和对象树模块；在实际应用中，用户可以根据需要，在网页控件箱中添加相应模块。本发明的网页控件箱支持插件式功能扩展，即用户可以将其自己开发的功能模块方便地置于本发明的网页控件箱中，因此，本发明中提到的网页控件箱中的几个功能模块以及用户嵌入到本发明网页控件箱中的功能模块，均在本发明保护之列。

104基本功能模块中还包含一些通用的控件，如删除控件，用于删除创建的网页元素或视频元素；撤销控件，用于撤销前一次的操作；恢复控件，用于恢复前一次撤销的操作；初始参数设置控件，用于设置视频或网页的初始参数信息；保存控件，用于对当前的设置信息进行保存等。

在实际应用中，用户通过激活103网页控制模块，然后选择108网页控件模块中的控件来创建网页元素。如果网页控件箱中有视频控制模块，用户还可以通过激活视频控制模块，选择视频控件模块中的控件来创建视频内部元素；

本发明中的网页元素包括：

A、框架元素：网页中的Div、iFrame、Table和Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件元素；

B、框架内元素：视频、语音、动画、图片、文字；框架内元素中视频元素中还可以包括视频内部元素；视频内部元素又进一步包括但不限于：视频、语音、动画、图片、文字；

本发明中所提的网页元素，可以通过鼠标或鼠标拖拽区域或网页中某预先设定位置，在网页中进行添加。

创建完网页元素后，用户可以通过激活元素配置模块或配置窗口，对创建的元素进行基本信息配置和事件信息配置，以及元素之间的事件控制信息配置；

本发明在构造网页元素过程中，采用的是一种对象结构，即通过网页控件箱将网页元素封装到对象结构中，对象结构包括对象的基本操作和基本属性、对象所触发的事件、对象触发事件所对应的功能；并将描述网页及网页元素的文件封装在一个XML或类脚本语言结构中，生成链式网页描述文件；链式网页描述文件包含该网页元素＜属性-事件-功能＞集合，用于描述该网页元素现有属性、触发的事件、以及触发事件后的功能或应用。

网页控件箱创建的对象结构是具有层次的对象结构，及网页对象中可以包含：视频对象、动画对象、文字对象、图片对象；从网页中容器概念上划分，网页对象可以划分为：iFrame对象、Div对象、Table对象；并且，例如，视频对象，内部还可以继续包括：动画对象、文字对象、图片对象等。因此，网页控件箱创建的视频对象是具有层次关系的对象。

链式网页描述文件采用可扩展标记语言或脚本语言，一般不采用HTML语言；本专利中构造网页的方式和解析网页的方式，均采用网页解析器(及本发明中的网页控件模块和网页解析模块)加网页描述文件的模式完成。

链式网页描述文件采用对象化的方式描述网页元素，每一个网页元素都是一个独立对象。其中对象化的网页元素还包括网页元素属性、网页元素事件，以及该事件所对应的功能信息；

网页元素对象的属性包括但不限于：

A.网页中文本的字体属性、运动方式、背景颜色、显示方式、链接地址、文本框位置信息；

B、网页中表格的大小、运动方式位置坐标、颜色、显示方式、边框信息、字体属性；

C、网页中图片/动画的大小、运动方式、位置坐标、透明度、显示方式、超链接；

D、网页中视频的显示大小、运动方式、展示区域位置坐标、循环播放、声音、画质清晰度、视频流畅度；网页中音频的播放属性、音量属性；

E、网页中视频内部还可以进一步包含视频内部元素：视频、音频、动画、图片、文字；

网页中元素对象的响应事件包括但不限于：

A、响应鼠标单击事件；

B、响应鼠标双击事件；

C、响应鼠标左键按下事件；

D、响应鼠标左键抬起事件；

E、鼠标在对象之上事件；

F、对象初始化事件；

G、对象删除事件；

H、对象开始播放事件；

I、对象结束播放时间；

J、播放器事件；

K、播放器按钮事件；

L、播放器完成播放视频事件

M、对象拖动事件。

图2是用户创建多个链式网页示例图。

下面以图2为具体实例，进一步描述本发明构造链式网页的方法及系统：

用户启动浏览器，浏览器中加载本发明的网页控件箱；

用户点击网页控件箱中的网页控制模块，创建多个网页，如网页1～网页n，创建完毕后，在对象树窗口中会生成如图3所示的树形结构，将产生多个根节点，并自动命名为Page_1、Page_2～Page_n，以及与每个Page相对应的Html_1、Html_2～Html_n。然后用户激活创建的网页，如网页1或通过对象树窗口选中Html_1，此时，网页1为当前激活网页，用户可以点击网页元素控件模块，从网页元素控件模块中选择相应控件，例如用户可以选择图片控件，并通过鼠标拖拽的方式在网页1中创建一个图片对象。该图片对象创建完毕后，在对象树窗口Html_1根节点下面便会自动生成一个子节点，系统自动命名为Image_1。用户还可以选择网页元素控件模块中的文本控件，在网页1中通过鼠标拖拽添加一个文本对象，添加完毕后，在对象树窗口Html_1根节点下面会自动生成一个子节点，系统自动命名为Text_1。

同理，用户可以根据需要，在网页1中创建其他网页元素对象，系统会根据用户创建的网页元素的类型以及网页元素创建的顺序，自动地在对象树窗口中为已创建的网页元素命名。如命名为Image_1、Image_2、Text_1、Table_1、Video_1等。

创建完网页1及网页1中的网页元素，用户可以激活网页2或网页3或其他网页，然后在激活的网页中通过上述方式创建相应网页元素对象，创建完毕后，最终将在对象树窗口中生成一个如图3所示的树形网页元素结构图。图中的Website表示一个总的节点，Website由多个Page页面构成，用户创建几个网页，则会自动生成几个Page节点，并自动命名为Page_1、Page_2......Page_n。每一个网页对应一个网页标识Html，n个网页则自动生成Html_1、Html_2......Html_n，在每个网页中添加网页元素后，则会在相应Html节点下面自动生成对应的网页元素子节点。

创建完网页及网页元素对象，用户便可以对创建的网页及网页元素进行配置，以及构造网页之间的链式关系，其构造过程包括以下步骤：

(1)激活网页或在对象树中选中网页对象，在事件模块中选择所述网页响应的事件，并选择所述事件激发时与所述网页交互响应的目标网页，进一步确定目标网页响应所述事件时执行的功能；

(2)激活网页元素或在对象树中选中网页元素对象，在事件模块中选择所述网页元素响应的事件，并选择所述事件激发时与所述网页元素交互响应的目标网页元素，进一步确定目标网页元素响应所述事件时执行的功能。

例如，用户选中对象树窗口网页1中的Image_1对象，然后可以在元素配置窗口中对该对象的基本属性信息进行设置，设置完毕后，如果用户欲实现当点击Image_1这个图片时，激发网页2中的视频播放器Video_2播放某一个视频，则用户可在事件窗口中进行设置。具体步骤为：用户选中Image_1，在事件窗口中，选择Image_1能够响应的事件，如Click事件，在目标下拉列表中选择目标对象，即当Image_1被Click时，哪个目标对象进行相应响应，此处选择Video_2，然后在动作窗口中选择相应的动作，如Play，最后在地址栏输入Video_2执行Play时对应的视频地址。配置完事件信息后，用户可选择基本功能模块中的保存按钮，对编辑的网页及网页元素、网页元素之间的链式交互关系进行保存，生成链式网页描述文件。

生成链式网页描述文件的步骤如下：

通过网页控件箱将构造的网页及网页元素封装到对象结构中，对象结构包括对象的基本操作和基本属性、对象所触发的事件、对象触发事件所对应的功能；并将其保存为链式网页描述文件；

其中链式网页描述文件用于描述一个网页及网页中的元素，链式网页描述文件封装在一个XML或类脚本语言结构中，链式网页描述文件包含该网页元素＜属性-事件-功能＞集合，用于描述该网页元素现有属性、触发的事件、以及触发事件后的功能或应用；

用户创造的一个网页对应一个链式网页描述文件，每个链式网页描述文件记述了该网页及网页元素信息，同时也记述了该网页与其他网页或该网页中的网页元素与其他网页元素之间的交互关系；

网页元素描述文件在通信传输的过程中使用加密或不加密的方式进行传输。

图3是本发明对象树结构示意图。

图3中的树形结构在对象树窗口中进行呈现，本发明中的对象树模块是一种通过Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件生成的可视化窗口，用于显示用户构造的网页及网页元素；

对象树窗口在显示构造的网页及网页元素时体现了一种层次关系，每一个网页作为一个根节点，网页中的元素作为该网页根节点的子节点；

如果一个网页中又进一步添加了新的网页，则系统将添加的新网页视为一个子节点；在具体应用过程中，用户可以通过激活对象树中的根节点或子节点，实现不同网页及网页元素之间的灵活跳转。

例如，用户在构造网页过程中，可以通过点击Html_1或Html_2，实现在网页1和网页2之间的跳转，也可以通过点击具体的网页元素子节点，如点击Image_1或Text_3或Video_4，实现对不同网页及网页元素进行快速编辑。尤其是，本发明通过对象树，可以极其方便地对不同网页之间、不同网页元素之间的交互控制关系进行编辑构造。通过对象树窗口，使用户构造的网页及网页元素既有物理结构又有逻辑结构。

其中物理结构是指，每个网页均在对象树中生成一个根节点，网页之间彼此独立，网页元素在对象树中作为网页根节点的子节点，彼此之间也相互独立；

其中逻辑结构是指，通过控件箱的配置，使网页根节点之间、网页元素子节点之间，形成链式的交互控制关系，一个根节点上的网页能够控制另一个根节点上的网页或响应另一个根节点网页激发的事件；一个子节点上的网页元素也能够控制另一个子节点上的网页元素或响应另一个子节点网页元素激发的事件。

在实际应用过程中，用户可以通过鼠标激活对象树中的根节点或子节点，对当前生成的链式网页的物理结构进行修改。

用户也可以通过鼠标激活对象树中的根节点或子节点，在控件箱中对当前链式网页的逻辑结构进行修改。

图4是本发明垂直结构链式网页元素之间进行交互控制示意图。

401和402是用户通过本发明网页控件箱构造的两个网页，命名为网页1和网页2，在对象树窗口中将自动生成Html_1和Html_2两个根节点。假设用户在网页1中构造的内容是有关马赛的信息，如果浏览网页1的用户对马赛感兴趣，则可点击相应链接，在另一个网页中播放有关马赛的视频片段。要实现这样的功能，在现有的网页开发模式下，需要通过编写Html代码来完成，或者借助Dreamwaver等开发工具来实现。如果构造网页的用户是一个普通的用户，既不会编写Html代码，又不会使用Dreamvaver，则这样的功能便无法实现。但是，本发明提供的构造链式网页的方法及系统便可极大地方便广大普通用户，用户只需要打开浏览器，进入本系统平台，便可在线编辑构造网页。

用户创建完网页1和网页2后，可以继续通过网页元素控件分别在网页1中创建一个文本对象、一个图片对象，在网页2中创建一个视频对象。创建完毕后，在对象树窗口中分别生成403文本对象Text_1、404图片对象Image_1和405视频对象Video_2等子节点。

选中403，在该文本框中输入有关马赛的相关信息，可以估算一下浏览该文本信息的用户大概需要多长时间，然后点击事件窗口，选中Text_1响应的事件，如Timer事件，在目标下拉列表中选择Image_1，Image_1执行的动作选择Show，配置完毕后点击保存。这一事件过程要执行的功能是，当用户浏览该文本信息超过某一时间后，即用户快要阅读结束时，则图片404会出现在用户面前。

选中404，然后在元素配置窗口中为404配置相关属性信息，如图片的大小、位置、透明度等；点击事件窗口，选择Image_1，在响应的事件下拉列表中选择Click，在目标下拉列表中选择Video_2，在Video_2执行的动作下拉列表中选择Open_Url，在地址栏输入待播放的马赛的视频地址，配置完毕点击保存。这一事件过程将实现如下功能：当浏览马赛信息的用户快要阅读完毕后，出现一个有关马赛的图片，该图片提供了一个热链接，如果用户对马赛感兴趣，可以点击该图片；当用户点击了图片404后，便会在网页2的视频对象405中播放某一个视频，该视频可以来源于其他视频网站，也可以是用户本地上传的视频。

用户构造完网页1、网页2，并完成相应网页元素的添加，以及配置完网页元素之间的链式交互关系后，点击保存，网页控件箱便会为每一个网页自动生成一个链式网页描述文件，并将链式网页描述文件发送至服务器，同时服务器为用户编辑的第一个网页自动生成一个链接地址。用户可以通过打开该链接地址查看编辑过的网页，也可以将该链接地址发布于网络上。

当未授予编辑权的用户打开该链接地址时，将没有网页控件箱编辑界面，仅能看见网页中有关马赛的文本信息，阅读快结束时，便会出现一个马赛的图片404，当点击图片404后，便会打开一个网页，播放马赛的视频。

由此可以看出，对于普通用户而言，望而生畏的网页编辑，通过本发明，用户只需要通过浏览器，通过鼠标拖拽、点选，便轻而易举地完成，而且还能够实现相对复杂的多个网页元素之间的交互控制响应。

图5是本发明平行结构链式网页元素之间进行交互控制示意图。

501是用户通过本发明网页控件箱构造的一个网页，命名为网页1，在对象树窗口中将自动生成Html_1。假设在网页1中构造的内容是有关教师与学生互动的网页，A用户为教师，B用户为学生，教师和学生初始时都浏览同一个网页，他们所见到的网页内容是相同的，但是某一时刻，A用户教师点击网页1中的公式图标，则在B用户学生的网页弹出该公式的具体内容，使教师和学生之间产生了互动。要实现这样的功能，在现有的网页开发模式下，是无法实现的。但是，本发明提供的构造平行结构链式网页的方法便可以较容易地实现。

用户创建完网页1后，可以继续通过网页元素控件在网页1中创建一个文本对象或一个图片对象，用于显示公式图标，然后点击控件箱中的电脑图标控件，构造另一个终端，并将创建的Html_1以及其根节点下的所有子节点，通过鼠标拖拽的方式，移动到新建的电脑图标之下。此时，对象树结构中会出现以下情形：A电脑图标下面有一个以Html_1为根节点的对象树，B电脑图标下面也有一个以Html_1为根节点的对象树。这表明，A用户和B用户通过浏览器访问Html_1时能够看见相同的界面。

选中公式1图片对象502，即Image_1，然后点击事件窗口，选中Image_1响应的事件，如在响应的事件下拉列表中选择Click，在目标下拉列表中选择B电脑图标下的Text_1文本对象，在Text_1执行的动作下拉列表中选择Show，配置完毕点击保存。这一事件过程将实现如下功能：当A用户教师阅读完网页相关内容后，出现一个公式的图片，该图片提供了一个热链接，A用户点击该图片502后，则用户B看见的网页中便会弹出503文本对象，用于显示公式的具体内容，但是503无法由用户B点击弹出。

用户构造完A用户网页1、B用户网页1，并完成相应网页元素的添加，以及配置完网页元素之间的链式交互关系后，点击保存，网页控件箱便会为每一个网页自动生成一个链式网页描述文件，并将链式网页描述文件发送至服务器，同时服务器为用户编辑的第一个网页自动生成一个链接地址。用户可以通过打开该链接地址查看编辑过的网页，也可以将该链接地址发布于网络上。

由此可以看出，上述实施例便可以用户教师与学生互动的情形，一方面可用于教师通过网页与学生进行习题解答、讲授知识；另一方面也可以用于考试、测验等情形，教师和学生面对同一张测试卷，但是教师可以控制学生页面的一些网页元素，以实现交互控制。

图6为本发明XML链式网页描述文件生成和保存过程图。

用户通过本发明的网页控件箱创建网页元素，构造网页元素的属性和事件信息后，便可生成用于描述当前网页及网页元素的描述文件，然后通过网页控件箱中的保存操作，保存生成链式网页描述文件；

本发明实施例，采用XML对创建的网页及网页元素进行描述，然后将链式网页描述文件保存至数据库，具体操作过程如下：

601为Flash控件箱保存操作，即用户创建完网页及网页元素后，点击Flash控件箱中的保存按钮，便会生成XML链式网页描述文件；

生成XML网页描述文件的过程，就是按照XML语法格式，对相应的字段预定义，然后通过网页内部的接口模块，如Ajax或JavaScript程序，与网页之间进行通信，将XML描述的相应字段，通过网页发送给服务器数据库模块；其中Aiax保证网页数据传输时，网页自身不进行更新，带给用户更好的使用体验。

603为网页程序，即在实施例中JavaScript通过调用PHP程序和服务器数据库模块进行通信，如Asp、Jsp或Php等，603接收602发送的XML字段信息，然后603将接收到的XML字段信息发送至604服务器数据库模块，并将XML字段信息保存至服务器数据库模块，如果保存成功，则服务器数据库模块发送保存成功信息至603，603接收到服务器数据库端发送的保存成功信息后，将其发送至602网页脚本程序模块，通过JavaScript检查PHP程序602收到服务器保存成功的消息后，便会发送提示信息605，告知用户当前网页描述文件已在服务器数据库保存成功。

值得一提的是，网页控件箱为每一个网页及其网页元素生成一个链式网页描述文件，在网页播放过程中，通过解析每一个链式网页描述文件，构造该网页描述文件记述的网页元素，以及该网页与其他网页之间的交互关系。

图7是本发明方法中通过网页控件箱中的网页控制模块编辑网页的架构图，在本发明的系统架构中，网页控件箱可以直接集成于已有浏览器中，也可以将其置于101服务器端，当用户启动浏览器时，再将102网页控件箱从101服务器端获取到；

浏览器端成功加载网页控件箱后，用户便可点击其中的网页控制模块，进而选择701中的网页控件，构造网页元素；

701网页控件通过JS构造的网页元素包括702的框架元素，如DIV、iFrame、Table等，还能够构造703的框架内元素，如图片、文字等；

701网页控件通过JS还能够构造704Flash对象，以及705视频、语音等；

构造完成上述元素后，再通过元素配置模块对构造的网页元素信息进行配置，然后通过事件模块构造网页元素之间的链式交互控制关系，最终将上述内容生成链式网页描述文件，最终通过102网页控件箱将该链式网页描述文件保存至服务器数据库。

图8是本发明方法中播放网页架构图，即用户构造完网页并将链式网页描述文件存储至服务器数据库后，当用户浏览器向101服务器发起该网页的请求后，浏览器端能够播放该事先构造的网页，具体实现过程为：

用户浏览器中嵌入或加载801网页播放模块，该网页播放模块内嵌于网页控件箱中，本发明中网页播放模块为Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件模块；该网页播放模块具有可见性和隐藏性，即可以预设用户对该播放模块可见或不可见。如果采用Flash文件作为网页播放模块，则如果网页中需要内嵌Flash播放器(例如可以播放视音频文件或流文件)或其它Flash程序，则可以把网页播放模块放在Flash播放器中，作为一个独立模块来播放网页元素，控制网页元素行为，并且可以协助完成网页元素之间的通信以及网页元素和后台数据库的通信。如果网页中没有内嵌Flash播放器或需要可见的Flash程序，则可以将Flash的网页播放模块做成透明不可见的模块放在网页中，只负责网页元素通信和网页元素控制，即在这种情况下用户打开网页不会看见网页播放模块实体，即网页播放器是隐藏的。

其中网页元素和网页元素之间的通信过程可以表示为：

如在网页中内嵌JavaScript程序，采用PHP构架，采用Flash作为网页播放器，则网页元素之间的通信可以理解为：用户在网页中产生了操作事件，JavaScript程序感知操作事件，并把感知事件返回给Flash网页播放模块，网页播放模块处理事件，并把需要执行功能应用再发给JavaScript程序，JavaScript再执行网页元素操作。

101服务器数据库模块，用于接收浏览器发送的网页请求，并向浏览器返回所请求的链式网页描述文件；

801网页播放模块，嵌入在网页控件箱中，用于与服务器数据库模块进行通信，向服务器数据库模块发送请求链式网页描述文件、接收服务器数据库返回的链式网页描述文件；

802网页解析模块，嵌入在网页控件箱中，不具有可见性，与网页播放模块相连，用于接收网页播放模块发送的指令，并解析网页描述文件；

浏览器加载网页播放模块和网页解析模块，生成按预先编辑网页元素的内容和位置，创建对象并监听事件，如果事件触发，则执行该事件所对应的功能；如果事件没有触发，网页播放模块继续监听。事件触发时执行事件对应的功能包括但不限于：

添加新的网页元素；

删除旧的网页元素；

改变网页元素属性；

打开/关闭本地或网络URL地址文件；

打开/关闭本地或网络地址设备或程序；

和外部程序或设备进行通信。

网页解析模块用于解析网页描述文件，包括构造出框架元素和框架内元素；

框架元素包括网页中的Div、iFrame、Table和Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件元素；

框架内元素包括视频、语音、动画、图片、文字；

构造元素响应的事件包括激活的事件和监听的事件。

本发明通过具体实施例进行说明，本领域技术人员应当明白，在不脱离本发明范围的情况下，还可以对本发明进行各种变换及等同替代。另外，针对特定情形或具体情况，可以对本发明做各种修改，而不脱离本发明的范围。因此，本发明不局限于所公开的具体实施例，而应当包括落入本发明权利要求范围内的全部实施方式。

Claims (10)

1.一种构造链式网页的方法，其特征在于，包括以下步骤：

编辑步骤：

浏览器中加载网页控件箱模块，选取并激活控件箱中网页控制模块，构造垂直结构链式网页或平行结构链式网页；

构造垂直结构链式网页中的元素或平行结构链式网页中的元素；

构造垂直结构链式网页中元素之间的交互关系或平行结构链式网页中元素之间的交互关系；

将构造的垂直结构链式网页及网页元素之间的交互关系或平行结构链式网页及网页元素之间的交互关系通过链式网页描述文件进行描述，并保存至服务器数据库；

播放过程：

浏览器中加载控件箱模块，控件箱内嵌链式网页播放模块并和服务器数据库模块进行通信，获取链式网页描述文件，并解析链式网页描述文件，按预先编辑网页元素的内容和位置，构造出全部网页元素，创建垂直结构链式网页或平行结构链式网页。

2.如权利要求1所述一种构造链式网页的方法，其特征在于：

所述垂直结构链式网页是指同属于一个网站的多个网页，所述多个网页之间具有链式交互控制关系；

所述平行结构链式网页是指同一个网页，不同用户同一时间浏览所述网页时，彼此之间具有链式交互控制关系；

所述链式交互控制关系是指网页元素与网页元素之间能够彼此进行交互控制。

3.如权利要求1所述一种构造链式网页的方法，其特征在于，所述构造垂直结构链式网页或平行结构链式网页的过程包括以下步骤：

浏览器中加载网页控件箱模块，选取并激活控件箱中网页控制模块，动态构造一个或多个网页；

激活对象树中所述构造的网页对象，选取控件箱中的网页元素控件，在所述构造的网页中，通过鼠标拖拽构造网页元素；

激活对象树中所述构造的网页元素，通过控件箱配置网页之间、网页元素与网页元素之间的交互关系，使所构造的网页以及网页元素之间形成链式交互控制关系；

将所构造的网页以及网页元素之间的链式交互控制关系通过链式网页描述文件进行描述，并将所述链式网页描述文件保存到服务器数据库模块。

4.如权利要求1所述，一种构造链式网页的方法，其特征在于：

所述对象树是一种通过Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件生成的可视化窗口，用于显示构造的网页及网页元素；

所述对象树窗口在显示构造的网页及网页元素时体现了一种层次关系，每一个网页作为一个根节点，网页中的元素作为所述网页根节点的子节点；

如果一个网页中又进一步添加了新的网页，则将所述添加的新网页视为一个子节点；通过激活对象树中的根节点或子节点，实现不同网页及网页元素之间的灵活跳转。

5.如权利要求1或2所述，一种构造链式网页的方法，其特征在于，所述通过鼠标拖拽构造网页或网页元素的过程还包括以下步骤：

通过鼠标拖拽构造一个网页后，对象树窗口中会自动生成一个网页根节点，所述根节点通过网页标签和网页序号进行命名；如果构造多个网页，则对象树中会自动生成多个网页根节点；

激活构造的网页或在对象树中选中相应的网页对象，通过鼠标拖拽在所述网页中构造网页元素，然后对象树窗口中便会在所述网页根节点下自动生成所述网页元素子节点；所述网页元素子节点通过网页元素标记进行命名；如果构造多个网页元素，则在网页根节点下自动生成多个网页元素子节点。

6.如权利要求1所述，一种构造链式网页的方法，其特征在于，所述通过控件箱配置网页之间、网页元素之间的交互关系还包括以下步骤：

激活网页或在对象树中选中网页对象，在事件模块中选择所述网页响应的事件，并选择所述事件激发时与所述网页交互响应的目标网页，进一步确定目标网页响应所述事件时执行的功能；

激活网页元素或在对象树中选中网页元素对象，在事件模块中选择所述网页元素响应的事件，并选择所述事件激发时与所述网页元素交互响应的目标网页元素，进一步确定目标网页元素响应所述事件时执行的功能。

7.一种生成链式网页描述文件的方法，其特征在于，包括以下步骤：

通过网页控件箱将构造的网页及网页元素封装到对象结构中，对象结构包括对象的基本操作和基本属性、对象所触发的事件、对象触发事件所对应的功能；并将其保存为链式网页描述文件；

所述链式网页描述文件用于描述一个网页及网页中的元素，链式网页描述文件封装在一个XML或类脚本语言结构中，链式网页描述文件包含该网页元素<属性-事件-功能>集合，用于描述该网页元素现有属性、触发的事件、以及触发事件后的功能或应用；

一个网页对应一个链式网页描述文件，每个链式网页描述文件记述了所述网页及网页元素信息，同时也记述了所述网页与其他网页或所述网页元素与其他网页元素之间的交互关系；

所述网页元素描述文件在通信传输的过程中使用加密或不加密的方式进行传输。

8.一种链式网页结构，其特征在于，包括物理结构和逻辑结构；

所述物理结构是指，每个网页均在对象树中生成一个根节点，网页之间彼此独立，网页元素在对象树中作为网页根节点的子节点，彼此之间也相互独立；

所述逻辑结构是指，通过控件箱的配置，使网页根节点之间、网页元素子节点之间，形成链式的交互控制关系，一个根节点上的网页能够控制另一个根节点上的网页或响应另一个根节点网页激发的事件；一个子节点上的网页元素也能够控制另一个子节点上的网页元素或响应另一个子节点网页元素激发的事件；

通过鼠标激活所述根节点或子节点，对所述链式网页结构的物理结构进行修改；

通过鼠标激活所述根节点或子节点，在控件箱中对所述链式网页结构的逻辑结构进行修改。

9.一种构造链式网页的系统，其特征在于，包括以下模块：

A.服务器数据库模块，用于接收网页控件箱模块发送的链式网页描述文件，响应浏览器发送的请求，并向浏览器返回所请求的链式网页描述文件；在应用中网页控件箱调用PHP或JSP或ASP程序，操作数据库；

B.网页控件箱，是系统的控制中心，嵌入在浏览器中，包括但不限于基本功能模块、网页控制模块、元素配置模块、对象树模块和事件模块；

基本功能模块，用于实现视频内部元素和网页元素的基本功能操作，所述基本功能包括但不限于：删除创建的元素对象、撤销、上一步操作、下一步操作、控件箱中元素的默认设置信息；

网页控制模块，用于编辑、控制网页元素；和网页元素控件模块进行通信；和浏览器中PHP或JSP或ASP程序文件进行通信，通过PHP或JSP或ASP操作数据库；

元素配置模块，用于配置网页元素之间的属性信息，包括配置各网页元素的默认设置；

对象树模块，是一种通过Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件生成的可视化窗口，用于显示构造的网页及网页元素；

事件模块，用于配置网页及网页元素响应的事件信息，以及事件激发时，目标对象对所述事件做出的响应和执行的功能，所述目标对象是指其他网页或网页元素；

C.网页控件模块，JavaScript或VBScript或Java或ActiveX或浏览器内建解析器模块，用于解析并绘制网页控件箱中选择的网页元素；所述网页控件模块作为程序嵌入到网页代码中，实时感应网页中事件，并响应事件；网页控件模块作为XML的解析器功能，并能够和网页控件箱网页控制模块进行通信；

D.浏览器模块，用于加载网页控件箱模块、承载创建网页元素。

10.如权利要求9所述一种构造链式网页的系统，其特征在于：

浏览器模块中加载网页控件箱，网页控件箱中包括但不限于基本功能模块、网页控制模块、元素配置模块、对象树模块和事件模块；

通过激活网页控制模块，选择网页元素控件来创建网页元素；

通过激活元素配置模块，对所述创建的元素进行基本信息配置；

激活对象树中网页或网页元素对象，通过事件模块，配置网页之间、网页元素之间的事件控制信息；

将构造的网页及网页元素以及事件等信息保存为链式网页描述文件，并保存至服务器数据库模块；

网页控件箱中所述网页控制模块通过协议接口并调用网页PHP或JSP或ASP程序与服务器数据库模块相连；

所述网页控制模块通过协议接口和网页元素控件模块相连，通过网页元素控件模块解析网页控制模块创建的链式网页描述文件，创建网页元素；

所述网页控件模块作为程序模块内嵌于网页中，通过调用PHP或JSP或ASP和服务器数据库模块相连；并且网页控件模块和网页控件箱直接通过函数调用进行通信。

Images