一种构造和生成网页的方法及系统.pdf

本发明公开了一种构造和生成网页的方法，包括浏览器中加载网页控件箱模块，选取并激活控件箱中网页控制模块，通过获取鼠标或鼠标拖拽的位置或网页中某预先设定位置，在网页中动态生成可预览的网页元素，并生成各网页元素对应的网页描述文件；并将网页描述文件保存到服务器数据库模块；用户浏览编辑过的网页时，浏览器中加载网页播放模块，网页播放模块和服务器数据库模块进行通信，获取网页描述文件，并解析网页描述文件，按预先编辑网页元素的内容和位置，构造出全部网页元素。本发明还公开了一种编辑和播放网页的系统。本发明的有益效果在于：用户可以通过鼠标点击、拖拽、所见即所得的构造网页，完成对网页内容和视频内容事件交互通信和控制。

1、  一种构造网页的方法，其特征在于，包括以下步骤：
编辑步骤：
浏览器中加载网页控件箱模块，选取并激活控件箱中网页控制模块，通过获取鼠标或鼠标拖拽的位置或网页中某预先设定位置，在网页中动态生成可预览的网页元素，并生成各网页元素对应的网页描述文件；
并将网页描述文件保存到服务器数据库模块；
播放步骤：
浏览器中加载网页播放模块，网页播放模块和服务器数据库模块进行通信，获取网页描述文件，并解析网页描述文件，按预先编辑网页元素的内容和位置，构造出全部网页元素。

2、  如权利要求1所述，一种构造网页的方法，其特征在于：
所述网页控件箱为Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件模块，用于控制构造网页元素；
所述网页控件箱包括但不限于基本功能模块、网页控制模块和视频控制模块；
所述网页控件箱具有可拖动性，并且具有可见性和隐藏性以供选择；
所述网页控件箱包含以下部分或全部：
A、网页元素添加/删除按钮或菜单；
B、保存按钮或菜单、上一步操作按钮或菜单、下一步操作按钮或菜单；
C、网页控件箱的基本设置信息以及网页元素基本设置信息。

3、  如权利要求1和2所述，一种构造网页的方法，其特征在于：
所述网页元素包括：
A、框架元素：网页中的Div、iFrame、Table和Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件元素；
B、框架内元素：视频、语音、动画、图片、文字；所述框架内元素中视频元素中还包括视频内部元素；所述视频内部元素又进一步包括：视频、语音、动画、图片、文字；
所述网页元素，通过鼠标或鼠标拖拽区域或网页中某预先设定位置，在网页中进行添加。

4、  如权利要求1所述，一种构造网页的方法中所述网页描述文件，其特征在于包括：
所述网页描述文件采用可扩展标记语言或脚本语言；所述网页描述语言不采用HTML语言；
所述网页描述文件采用对象化的方式描述网页元素，每一个网页元素都是一个独立对象；
所述网页描述文件在传输过程中，进行加密传输或不加密传输。

5、  如权利要求4所述对象化的网页元素还包括网页元素属性、网页元素事件，以及该事件所对应的功能信息；
所述网页元素对象的属性包括但不限于：
A.网页中文本的字体属性、运动方式、背景颜色、显示方式、链接地址、文本框位置信息；
B、网页中表格的大小、运动方式位置坐标、颜色、显示方式、边框信息、字体属性；
C、网页中图片/动画的大小、运动方式、位置坐标、透明度、显示方式、超链接；
D、网页中视频的显示大小、运动方式、展示区域位置坐标、循环播放、声音、画质清晰度、视频流畅度；网页中音频的播放属性、音量属性；
E、网页中视频内部还进一步包含视频内部元素：视频、音频、动画、图片、文字；
视频内部元素进一步包括视频内部元素属性，包括：
文字：文字区域位置、文字区域边框、文字区域透明度、文字区域背景颜色、字体大小、字体、字体颜色、显示方式、文字区域运动方式、文字区域关键字；图片、Flash动画、视频/音频：区域位置、透明度、关键字、背景颜色、区域边框；
所述网页中元素对象的响应事件包括但不限于：
A、响应鼠标单击事件；
B、响应鼠标双击事件；
C、响应鼠标左键按下事件；
D、响应鼠标左键抬起事件；
E、鼠标在对象之上事件；
F、对象初始化事件；
G、对象删除事件；
H、对象开始播放事件；
I、对象结束播放时间；
J、播放器事件事件；
K、播放器按钮事件；
L、播放器完成播放视频事件
M、对象拖动事件。

6、  如权利要求1所述，一种构造网页的方法，其特征在于包括：
所述网页播放模块为Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件模块；
所述网页播放模块具有可见性和隐藏性。

7、  一种构造互动网页元素的方法，其特征在于，包括以下步骤：
通过网页控件箱将网页元素封装到对象结构中，对象结构包括对象的基本操作和基本属性、对象所触发的事件、对象触发事件所对应的功能；并将网页元素保存为网页元素描述文件；
网页播放模块，通过和服务器数据库通信，获取网页元素描述文件并解析网页元素描述文件，创建对象并监听事件，如果事件触发，则执行该事件所对应的功能；如果事件没有触发，网页播放模块继续监听。

8、  如权利要求7所述，一种构造互动网页元素的方法，其特征在于：
所述网页元素描述文件用于描述单个网页元素，网页元素描述文件封装在一个XML或类脚本语言结构中，网页元素描述文件包含该网页元素<属性-事件-功能>集合，用于描述该网页元素现有属性、触发的事件、以及触发事件后的功能或应用；
所述网页元素描述文件作为和后台服务器数据库通信传输最小单位，通过网页元素描述文件构成完整的网页描述文件，再进行传输保存；
所述网页元素描述文件是构成网页描述文件的基本单位，也是控制网页元素以及数据库中保存网页元素的最小单位；所述网页元素描述文件在通信传输的过程中使用加密或不加密的方式进行传输；
所述“如果事件触发，则执行该事件所对应的功能”，所述对应的功能包括但不限于：
添加新的网页元素；
删除旧的网页元素；
改变网页元素属性；
打开/关闭本地或网络URL地址文件；
打开/关闭本地或网络地址设备或程序；
和外部程序或设备进行通信。

9、  一种通过鼠标拖动定位在网页中构造网页元素的方法，其特征在于，包括以下步骤：
选择创建网页元素的类型及相关创建属性；
通过在网页内部执行JavaScript或VBScript或Java或ActiveX程序获取鼠标拖动区域位置；
在鼠标拖动的区域位置创建所选择网页元素。

10、  如权利要求9所述，通过鼠标拖动定位在网页中构造网页元素的方法，其特征在于：
所述选择创建网页元素，在网页控件箱中完成；
所述相关创建属性，指网页元素创建时的默认属性；
所述鼠标拖动，拖动区域为矩形，拖动方向是左上到右下；
所述鼠标拖动的另一种方式是选择已创建的网页元素，并通过鼠标拖动的方法，改变其形状和位置。

11、  一种构造网页元素的方法，其特征在于，包括以下步骤：
A.编辑并记录网页元素的步骤：
选择创建网页元素的类型及相关创建属性；
通过鼠标定位或在预先设定位置，调用JavaScript或VBScript或Java或ActiveX或浏览器内建解析器，在网页中创建出所选择创建的网页元素；
并将创建元素的属性保存成网页元素描述文件；
B.播放并解析网页元素的步骤：
网页播放模块获取网页元素描述文件，调用JavaScript或VBScript或Java或ActiveX或浏览器内建解析器，在网页中创建网页元素。

12、  一种编辑网页的系统，其特征在于，包括以下模块：
A.服务器数据库模块，用于接收网页控件箱模块发送的网页描述文件和/或网页元素描述文件，响应浏览器发送的请求，并向浏览器返回所请求的网页描述文件和/或网页元素描述文件；在应用中网页控件箱调用PHP或JSP或ASP程序，操作数据库。
B.网页控件箱模块，是系统的控制中心，嵌入在浏览器中，包括但不限于基本功能模块、网页控制模块、视频控制模块、元素配置模块；
基本功能模块，用于实现视频内部元素和网页元素的基本功能操作，所述基本功能包括但不限于：删除创建的元素对象、撤销、上一步操作、下一步操作、控件箱中元素的默认设置信息；
网页控制模块，用于编辑、控制网页元素；和网页控件模块进行通信，生成网页元素描述文件和/或网页描述文件；和浏览器中PHP或JSP或ASP程序文件进行通信，通过PHP或JSP或ASP操作数据库；元素配置模块，用于配置网页元素之间的属性信息和触发事件信息，以及元素触发事件所对应功能应用信息；包括配置各网页元素的默认设置；
C.网页控件模块，JavaScript或VBScript或Java或ActiveX或浏览器内建解析器模块，用于解析并绘制网页控件箱中选择的网页元素；所述网页控件模块作为程序嵌入到网页代码中，实时感应网页中事件，并响应事件；网页控件模块作为XML的解析器功能，并能够和网页控件箱网页控制模块进行通信；
D.浏览器模块，用于加载网页控件箱模块、承载创建网页元素。

13、  如权利要求12所述一种编辑网页的系统，其特征在于：
浏览器模块中加载网页控件箱模块，网页控件箱模块中包括基本功能模块、网页控制模块、元素配置模块；
通过激活网页控制模块，选择网页控件来创建网页元素；
通过激活元素配置模块，对所述创建的元素进行基本信息配置和事件信息配置，以及元素之间的事件控制信息配置；
将创建的元素以及事件等信息保存为网页描述文件或网页元素描述文件，并保存至服务器数据库模块；
网页控件箱中所述网页控制模块通过协议接口并调用网页PHP或JSP或ASP程序与服务器数据库模块相连；
所述网页控制模块通过协议接口和网页控件模块相连，通过网页控件模块解析网页控制模块创建的网页元素描述文件或网页描述文件，创建网页元素；
所述网页控件模块作为程序模块内嵌于网页中，通过调用PHP或JSP或ASP和服务器数据库模块相连；并且网页控件模块和网页控件箱直接通过函数调用进行通信。

14、  一种播放网页的系统，其特征在于包括以下模块：
A.服务器数据库模块，用于接收浏览器模块发送的网页请求，并向浏览器返回所请求的网页描述文件或网页元素描述文件；同时服务器数据库模块用于存储或动态生成网页描述文件或网页元素描述文件，并且服务器数据库模块还具有统计用户操作行为的功能；
B.网页播放模块，嵌入在浏览器中，具有可见性和隐藏性，用于与服务器数据库模块进行通信，向服务器数据库模块发送请求网页描述文件或网页元素描述文件、接收服务器数据库返回的网页描述文件或网页元素描述文件；
C.网页解析模块，嵌入在浏览器中，作为脚本语言或程序语言模块嵌入网页中，不具有可见性，与网页播放模块相连，用于接收网页播放模块发送的指令，并解析网页描述文件，最终绘制网页元素以及控制网页元素行为；
D.浏览器模块，用于加载网页播放模块和网页解析模块，生成按预先编辑网页元素的内容和位置，构造出全部网页元素以及所述元素响应的事件。

15、  如权利要求14所述一种播放网页的系统，其特征在于：
网页播放模块具有可见性和隐藏性；所述可见性用于播放网页中包含的视频；所述隐藏性用于播放网页中无视频的情形；
网页解析模块用于解析网页描述文件，包括构造出框架元素和框架内元素；
所述框架元素包括网页中的Div、iFrame、Table和Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件元素；
所述框架内元素包括视频、语音、动画、图片、文字；
所述构造元素响应的事件包括激活的事件和监听的事件。

一种构造和生成网页的方法及系统
技术领域
本发明涉及网络传输技术，尤其涉及一种构造和生成网页的方法及系统。
背景技术
网站(Web Site)是发布在网络服务器上由一系列网页文件构成的，为访问者提供信息和服务的网页文件集合。网页是网站的基本组成要素，一个大型网站可能含有数以百万计的网页，而一个小的企业网站或个人网站可能只有几个网页。
现有的网站架构及开发模式，主要集中于后台服务器，网站的结构一旦确定，便不会轻易改变，网站的开发人员便在既定的网站结构下开发相应模块的网页以及更新网页内容。因此，现有网站中的网页，基本上在服务器端不主动更新情况下，页面内容通常不变。
然而对于一般用户而言，可能只关心网站中某一部分内容，甚至有些用户还希望能过滤掉一些不好的或不感兴趣的内容。对于有些内容，用户可能只希望看到简要信息或提取的部分信息。并且由于内容提取后，要重新排列形成新的美观的或用户希望格式的网页，同时需要调整各部分内容的显示方式、大小等属性。但是这些操作功能是现有网页、浏览器和服务器没有实现的。
iGoogle是Google提供的一项服务。该服务可以让使用者按照个人的喜好方便地定制和整合不同来源的信息，使之成为个性化的门户。该服务的实现主要是借鉴了门户(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是本发明中网页控件箱与创建的对象之间的通信过程图I；
图4是本发明中网页控件箱与创建的对象之间的通信过程图II；
图5是本发明方法中创建对象的流程图；
图6是本发明方法中删除对象的流程图；
图7是本发明方法通过网页控件箱改变创建的对象的属性流程图；
图8为本发明方法中直接在网页中修改对象属性的流程图；
图9为本发明XML网页描述文件生成和保存过程图；
图10为本发明Flash网页控件箱与JavaScript交互，创建网页元素过程图；
图11是本发明方法中通过网页控件箱编辑网页架构图；
图12是本发明方法中播放网页架构图。
具体实施方式
本发明的优选实施例提供了一种构造和生成网页的方法及系统。该方法主要是通过嵌入到浏览器中的ActiveX技术，创建网页控件箱，利用网页控件箱中的相关控件，用户仅需通过鼠标点选、拖拽等方式，便能够方便、快速、所见即所得的构造出自己喜欢的网页或将来源不同的网页资源集成于同一网页内，同时还可以利用网页控件箱中的控件编辑、构造相关网页和视频元素对象。尤其是，用户还能够利用本发明提供的网页控件箱，轻松构造网页元素之间、网页元素与网页中视频内部元素之间的事件响应关系，以实现网页元素间的互动，极大降低了用户编辑网页和网页中视频对象的技术门槛，使广大普通用户都能够轻松地构造出自己喜欢的网页。
本发明实施例中公开的一种构造网页的方法主要包括编辑网页步骤和播放网页步骤；
其中编辑网页步骤包括：
浏览器中加载网页控件箱模块，选取并激活控件箱中网页控制模块，通过获取鼠标或鼠标拖拽的位置或网页中某预先设定位置，在网页中动态生成可预览的网页元素，并生成各网页元素对应的网页描述文件；
并将网页描述文件保存到服务器数据库模块；
播放网页步骤步骤包括：
浏览器中加载网页播放模块，网页播放模块和服务器数据库模块进行通信，获取网页描述文件，并解析网页描述文件，按预先编辑网页元素的内容和位置，构造出全部网页元素。
图1是本发明一种构造和生成网页方法的系统架构图，本发明的系统包括如下部分：
101服务器数据库模块，用于接收102网页控件箱模块发送的网页描述文件，响应浏览器发送的请求，并向浏览器返回所请求的网页描述文件；
102网页控件箱模块，是系统的控制中心，嵌入在浏览器中，包括但不限于106基本功能模块、107网页控制模块；网页描述文件在网页控件箱102和服务器数据库模块101之间传输的过程中，为了数据安全，通常可以采用加密传输的方式，加密算法可以使用但不限于以下种类：MD5/SHA1，DSA，DESede/DES，Diffie-Hellman。同样在网页控件箱和网页控件模块103之间进行通信时，也可以采用加密方式进行通信，通信的方式包括控件箱调用网页控件模块函数，以及控件箱给网页控件模块103(例如，JavaScript脚本程序)发送基于XML协议或其它脚本扩展协议或自定义协议规范的网页元素描述文件的控制信息，用于控制网页元素在网页中的创建和生成。同样网页控件箱会响应网页控件模块创建返回的消息。值得声明的是，网页控件箱中调用网页控制模块107和网页控件模块103之间的通信创建网页元素的过程和通过网页播放模块1201调用网页解析模块1202创建网页元素的过程基本相同，只是网页播放模块1201不带有网页编辑功能，只负责通信功能以及相关协议转换功能，而网页解析模块1202可以算是网页控件模块功能的缩减版，例如，在网页控件模块创建好网页后，网页元素可以通过鼠标拖拽的方式继续调整大小，继续调整网页元素的位置，而网页解析模块在创建好网页元素之后，网页元素位置和大小基本固定，一般情况下不允许用户调整和拖拽，以免网页元素遮挡或变形。
本发明中的102网页控件箱，为Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件模块，用于控制构造网页元素；具有可拖动性，即用户可以通过鼠标拖动网页控件箱，将其放置于浏览器中的适当位置；同时用户还可以根据需要选择网页控件箱或控件箱的部分组件，例如，网页元素的配置(config)窗口、网页元素树形结构窗口，可见或隐藏，因此其具有可见性和隐藏性。对于1201网页播放模块，由于主要作用是通信和协议转换，因此也可以是隐藏的，例如，将网页播放模块作为一个透明的Flash组件放在网页中，用来控制网页协议模块1202工作，创建并控制网页播放以及和后台服务器进行通信。
在整个系统架构中，可以把所有组件模块按功能分为编辑模式和播放模式；在编辑模式下，网页控件箱模块102负责所有网页元素的编辑工作，并在内存中保存所有网页元素的信息，并且还负责记录和控制网页元素之间的通信和元素控制功能。在播放模式下，网页播放模块则负责所有网页元素之间的通信和元素控制功能。
在选择构建网页控件箱、网页播放模块、网页控件模块、网页解析模块时，通常情况下，网页控件箱和网页播放模块采用相同的编程语言，例如Flash的ActionScript语言，而网页控件模块和网页解析模块采用相同的编程语言，例如JavaScript语言。在选择编程语言的时候，值得注意的是，由于网页控件箱和网页播放模块需要和后台服务器频繁通信，同时也要控制整个页面，因此需要比较强大完备的语言体系，因此，可以选择ActiveX(Flash实际上是一个ActiveX，并且具有类Java的语言结构)、Java等功能强大的语言；而网页控件模块和网页解解模块则可以使用JavaScript、VBScript、Java、CGI、Pear、ActiveX等多种语言来支持。
102网页控件箱通常包括以下部分或全部：
A、网页元素添加/删除按钮或菜单；
B、保存按钮或菜单、上一步操作按钮或菜单、下一步操作按钮或菜单；
C、网页控件箱的基本设置信息以及网页元素基本设置信息。
106是102网页控件箱中的基本功能模块，用于编辑网页元素的基本功能操作，其中基本功能包括但不限于：删除创建的元素对象、撤销前一步的操作、恢复前一步的操作等；
用户可以通过点选基本功能模块中的控件，如先点选用户已创建的控件对象，然后点选基本功能模块中的删除控件，以删除创建的网页元素；基本功能模块中的撤销控件，用于撤销前一次的操作；基本功能模块中的恢复控件，用于恢复前一次撤销的操作；基本功能模块中的初设参数设置控件，用于设置网页的初始参数信息；基本功能模块中的保存控件，用于对当前的设置信息进行保存等。
107网页控制模块，用于编辑、控制网页元素；
105协议接口层，用于使网页控件箱模块与服务器数据库模块之间进行通信连接，在本发明的系统中，网页控件箱中的相应控件与网页元素之间的通信也是通过该协议接口层实现；
103网页控件模块，用于向网页中添加元素的具体控件，包括但不限于文本控件、图片控件、音频控件、视频控件、表格控件等；
用户可以通过选择网页控件模块中的控件，编辑网页内部元素，例如，用户选择网页控件模块中的小网页控件，然后在网页中通过鼠标拖拽，创建具有一般网页功能的小网页对象，这个小网页完全继承了现有的Web网页的特性；此外，用户还可以从网页控件模块中选择文本控件、图片控件等，向创建的小网页对象中添加文本信息和图片信息。
值得注意的是，由于视频模块也可以是一个嵌入的Flash网页播放器模块，视频控件模块也具备和网页元素通过网页控件模块进行通信的能力。
104为网页中的具体元素，这些网页元素都可以通过网页空间模块进行控制，包括框架元素和框架内元素，其包括不限于：iFrame、DIV、Table、Text、Picture、Flash、Video等。
102网页控件箱中所述各模块通过105协议接口与101服务器数据库模块相连；
107网页控制模块通过105协议接口控制103网页控件模块；
105网页控件模块还分别与104网页元素和101服务器数据库模块相连。
在构造网页过程中，系统内部各模块间的通信流程如下：
用户浏览器模块中加载102网页控件箱模块，网页控件箱模块中包括但不限于：基本功能模块、网页控制模块、视频控制模块、元素配置模块；在实际应用中，用户可以根据需要，在网页控件箱中添加相应模块。本发明的网页控件箱支持插件式功能扩展，即用户可以将其自己开发的功能模块方便地置于本发明的网页控件箱中，因此，本发明中提到的网页控件箱中的几个功能模块以及用户嵌入到本发明网页控件箱中的功能模块，均在本发明保护之列。
106基本功能模块中还包含一些通用的控件，如删除控件，用于删除创建的网页元素或视频元素；撤销控件，用于撤销前一次的操作；恢复控件，用于恢复前一次撤销的操作；初始参数设置控件，用于设置视频或网页的初始参数信息；保存控件，用于对当前的设置信息进行保存等。
在实际应用中，用户通过激活107网页控制模块，然后选择103网页控件模块中的控件来创建网页元素。如果网页控件箱中有视频控制模块，用户还可以通过激活视频控制模块，选择视频控件模块中的控件来创建视频内部元素；
本发明中的网页元素包括：
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、对象拖动事件。
下面以一具体实例，进一步描述本发明构造网页的方法及系统：
用户启动浏览器，浏览器中加载本发明的网页控件箱；
用户点击网页控件箱中网页控件模块，从网页控件模块中选择相应控件，例如用户可以选择网页控件箱中的小网页控件，然后在当前打开的浏览器页面内某一区域，通过拖拽鼠标的方式创建一个小网页；创建完小网页后，用户还可以继续选择网页控件箱中的其他控件，如文本控件，然后在创建的小网页中创建文本对象，并添加文本信息。
通过鼠标拖拽定位在网页中构造网页元素的方法包括以下步骤：
选择创建网页元素的类型及相关创建属性；
通过在网页内部执行JavaScript或VBScript或Java或ActiveX程序获取鼠标拖动区域位置；
在鼠标拖动的区域位置创建所选择网页元素；
选择创建网页元素，在网页控件箱中完成；
相关创建属性，指网页元素创建时的默认属性；
鼠标拖动，拖动区域为矩形，拖动方向通常是左上到右下。
在上述过程中，网页控件模块通过接口函数与网页元素对象相连。
添加完网页元素后，用户可以通过元素配置模块为创建的元素添加事件信息，还可以设置元素间的事件控制关系。例如，用户可以在网页中创建一个图片元素，然后为该图片元素添加鼠标单击事件，当鼠标单击该图片时，可以链接到某一网络资源地址或调用本地资源。用户还可以构造元素之间的事件控制关系，例如，可以为网页中文本元素添加事件，当激发该事件时，可以实现改变视频内部某元素的属性或运行特性。
用户完成网页元素信息配置后，可以将构造好的每一个网页元素对象信息生成网页元素描述文件，该网页元素描述文件完整记述了当前元素的属性信息、事件信息和功能信息；
然后再通过网页控件箱，将每一个网页元素描述文件进行集成，生成一个完整的网页描述文件，并将该网页描述文件发送至服务器数据库端。
在本发明实施例中，最终生成的网页描述文件，是一个完整的用于描述网页的资源描述文件，然后将这一完整的网页描述文件存储在后台服务器数据库中。
图2是本发明一种构造和生成网页的方法的结构图，图中200是指能够浏览Web页面的浏览器；
本实施例中，201是本发明利用ActiveX技术开发的Flash网页控件箱，201功能的实现需依赖于200浏览器，即201需嵌入到200浏览器中或用户设置当前浏览器允许ActiveX控件的加载，此时201的功能才能够得以实现。
202是本发明开发的网页控件箱中的程序界面，该界面用于编制欲实现的程序功能。
203是本发明开发的网页控件箱中的属性界面，该界面用于描述创建的对象的静态属性信息，如对象的位置信息、大小、颜色、形状等。
204是本发明开发的网页控件箱中的对象界面，该界面用于创建相关对象，如创建小网页对象、文本对象、图片对象、视频对象、命令按钮对象、表单对象等。
205是用户欲构造的母体网页，能够承载视频、小网页、以及其他任何网页元素以及网页资源。
206是指承载网页内容的画布视图，所述画布视图具有位置、大小、形状等属性。
用户可以通过本发明提供的网页控件箱构造网页，在具体实施过程中可分两种情形：
(一)用户点击浏览器，打开一空白页
此种情形下，用户可根据喜好和需求全新构造个性化网页，具体操作如下：
(1)用户选择网页控件箱中的网页容器控件，创建网页容器，即在当前空白的浏览器页面上添加一个网页容器，该网页容器会根据用户的浏览器自适应地调整大小，以适应当前空白页面；该网页容器本身也是一个控件，但是该控件能够承载其他控件对象，例如，用户可以在网页中添加网页容器，设置网页容器的属性不可见，然后用户便可以在网页容器中添加其他控件对象。
(2)用户创建完网页容器后，可根据需要对当前网页容器的区域进行功能性分割，例如分割为体育新闻区域块、电子邮件区域块、股市区域块、音乐区域块、视频区域块、即时聊天工具区域块等。用户可以根据当前的喜好和需要随时对这些区域块进行删除、增加、修改等调整；
用户也可以按照以下原则对网页容器进行布局，编排的原则包括但不限于以下内容：
(2.1)根据喜好的内容进行分类，每一类包含一个或多个小网页，根据不同的类别进行编排；
(2.2)根据当前或近一段时间关注的重要程度进行分类，按照关注程度不同，对小网页进行编排；
(2.3)根据浏览的频次自动编排，统计用户浏览不同区域中网页内容的频次，自动排列小网页，以更加便利于用户使用。
(3)划分完区域块后，用户便可选择网页控件箱中的其他控件，在相应的区域块添加相应对象，如添加小网页、文本对象、图片对象等；
(4)通过反复操作上述过程，用户便能够轻松地构造一个网页，设置可以定制出一个个性化的虚拟网站结构，该虚拟网站可以聚合现有网络资源。
(二)用户点击浏览器，浏览某一网站，打开某一页面
此种情形下，用户可根据喜好和需求选择当前网站中的相应内容，创建或完善用户的个性化主页，具体操作如下：
(1)确定需要当前网站中的相关内容后，用户选择网页控件箱中的网页容器控件，创建网页容器，即在当前见到的页面下添加一个网页容器，该网页容器会根据用户的浏览器自适应地调整大小，并能够将用户见到的页面承载到网页容器内；
(2)用户创建完网页容器后，可根据需要对当前网页容器的区域进行功能性分割，例如分割为体育新闻区域块、电子邮件区域块、股市区域块、音乐区域块、视频区域块、即时聊天工具区域块等。
用户可以使用本发明网页控件箱中的区域分割控件，用鼠标圈点网页容器内承载的页面，然后对选中的页面区域进行操作，可以将其删除或对其内容进行修改；
(3)通过上一步对页面的裁剪，用户保留了自己喜好的内容，并根据划分的区域块，将该内容归类，然后用户还可选择网页控件箱中的其他控件，在相应的区域块添加相应对象，如添加网页画布、文本对象、图片对象等；
(4)通过反复操作上述过程，用户便能够轻松地定制出一个个性化的虚拟网站结构，该虚拟网站可以聚合现有网络资源。
用户也可以将上述两种情况融合处理，即一部分内容用户自己创建，另一部分内容可通过对其他网站的内容进行整合，从而定制成自己喜欢的个性化虚拟网站。
在本发明的实施例中，网页画布可以承载的对象包括但不限于：网页对象、文本对象、图片对象、视频对象等。
例如，用户可以根据需要在网页容器的某一区域块添加网页画布，然后在该网页画布中，用户可以创建新的网页，也可以将已有的网页移植至该网页画布，还可以在该网页画布中仅放置文本对象或图片对象或视频对象等或几种对象的共同组合。
用户定制完网站的结构，并生成了喜好的相关网页后，便可选择将本发明的网页控件箱隐藏，可以通过以下方式保存用户定制的网站及网页：
(一)用户点击浏览器，打开一空白页定制的网站
此种情形，用户可以将当前空白页设置成默认主页，用户下次再打开浏览器后便会自动加载上次定制好的页面结构及内容。
(二)用户点击浏览器，浏览某一网站，打开某一页面定制的网站
此种情形，用户可以将当前网站的域名作为用户虚拟网站的宿主，用户定制好网站结构和网页内容后，下次再打开浏览器，访问该宿主后便会自动加载上次定制好的页面结构及内容。但是该内容仅限于用户通过自己机器访问，如果通过其他机器访问该宿主网站则无法看见自己定制的虚拟网站。
如果用户想将定制的虚拟网站不受浏览设备的影响，任何人通过任何能上网的设备都能够看见用户定制的虚拟网站，则需要用户的宿主站点是一个能被用户独占的，拥有域名的站点。
图3是本发明中网页控件箱与创建的对象之间的通信过程图I；
本发明201网页控件箱通过301协议，经过302中的JavaScript接口与创建的对象进行通信；
303是通过网页控件箱中的控件创建的对象，具体操作时可通过在204对象界面中选择要创建的对象，进而实现；
创建完对象203后，可通过网页控件箱汇总的203属性界面对创建的对象的属性进行设置；
304为创建的对象能够响应的事件信息；
305为创建的对象能够实现的一些功能信息；
本发明以编辑控制网页对象为例，进一步说明本发明实施例的详细过程。
通过本发明的控件对网页内的对象进行控制包括以下步骤：
(1)通过ActiveX或AJAX技术开发网页控件箱的控制界面；
(2)用户根据需要通过所述控制界面选择控件箱中的控件，利用当前选取的控件，对网页画布中的网页内容进行操作；
(3)选定的控件通过网页脚本语言接口协议以及接口函数与所述脚本语言进行通信，通过所述脚本语言编辑控制网页内容；
(4)根据(3)的操作，确定网页画布中欲添加和/或调整的对象，设置当前操作对象的基本属性信息；
(5)为当前操作对象添加事件，并设置当前操作对象响应的事件信息；
(6)重复上述过程，实现对网页内部进行编辑控制；
本发明提到的创建网页元素对象的具体操作过程中，用户可以按照如下方式进行操作：
(1)假设用户已创建好网页容器，并已划分好区域块；
(2)用户选择网页控件箱中的网页画布控件，然后在网页容器的相应区域块中点击鼠标左键，则在该区域块创建了一个网页画布；
(3)用户继续选择网页控件箱中的网页控件，并在(2)中的网页画布内创建一网页对象；
(4)赋予(3)中网页对象内容时，可以通过以下方式实现：
(4.1)用户可以自己编辑创建该网页内容，即该网页中哪里放置文本信息，哪里放置图片信息，以及相应的内容全部可以由用户根据需要和喜好全新地创建；
(4.2)用户也可以将喜好的已有网站中的部分网页内容移植至该网页画布内，并进一步对其进行编辑处理；
(5)用户可以通过网页控件箱对网页画布中的网页内容做如下操作：
(5.1)用鼠标圈选网页中相应对象，对选中的对象进行编辑，包括但不限于删除、修改、添加等；
(5.2)在需要的位置，向该网页中添加文本信息、图片信息以及视频信息等；
(5.3)还可以向网页中添加一些包含链接地址的热点信息；
(5.4)还可以向网页中添加或编辑表单信息以及实现更加复杂的功能集合；
上述过程的实现，均是201与302之间的交互完成的，在交互过程中201与302通过301进行协议解析，从而实现201中的相关控件通过302编辑控制创建的对象这一过程。
图4是本发明中网页控件箱与创建的对象之间的通信过程图II；
本发明201网页控件箱的控制界面包括几个元素配置界面，用于配置创建的网页元素对象；
401是对网页中的DIV标签进行编辑控制；
402是对网页中的文字信息进行编辑控制；
403是对网页中的图片信息进行编辑控制；
404是对网页中的Flash进行编辑控制；
405是对网页中的视频进行编辑控制；
406是对网页中的表单信息进行编辑控制；
上述对网页内容进行的编辑控制过程如下：
首先201网页控件箱与JavaScript之间通过协议解析和函数调用，实现双向通信；
其次，JavaScript实现对HTML文件中的相应标签内容进行控制；
再次，HTML文件中的相应内容通过JavaScript最终实现与网页控件箱进行双向交互，以实现网页控件箱对网页内容进行控制的目的。
图5是本发明方法中创建对象的流程，本发明一个实施例中的网页控件箱通过Flash控件创建而成，用户在使用网页控件箱创建对象的操作流程如下：
501为用户点击Flash中网页控件箱中的相应图标，例如点击网页控件模块中的小网页控件图标，然后用户在当前浏览器打开的母体网页中通过鼠标拖拽的方式创建小网页对象；
502为创建对象过程中，Flash调用JS接口函数，以实现通过鼠标拖拽在网页中创建新对象；
503为用户创建完对象后，JS向Flash发送创建信息，通知Flash创建的对象的大小、位置等信息；
504为Flash根据收到的JS创建信息，在Flash记录创建对象及其相关属性。
图6是本发明方法中删除对象的流程，即当用户通过图5中的流程，在网页或视频中创建的相应对象后，如果想删除掉已创建的对象，则可以通过下述流程实现：
601为用户先选中网页中已创建的且欲删除的对象；
然后用户在602步骤中点击Flash中网页控件箱通用组件中的删除控件，也可以直接使用快捷键进行删除；
603步骤中，系统将需要删除的对象的ID发送给JS，调用JS接口函数，以删除网页或视频中的对象；
604是系统删除对象后，将结果返回给Flash，即返回网页控件想。
图7是本发明方法通过网页控件箱改变创建的对象的属性流程，其流程如下：
701为用户选中网页中已创建的对象，然后点击Flash中网页控件箱中的相应属性控件，修改该对象的某一个或几个属性值；
702为用户修改完属性值后，系统调用JS接口，将修改后的参数传递给JS，JS通过函数修改网页或视频对象的属性；
703为系统修改完该对象的属性后，将结果返回Flash。
图8为本发明方法中直接在网页中修改对象属性的流程，该流程如下：
801为用户选中网页中已创建的对象，然后系统直接调用JS接口，对用户选中的对象的属性值进行修改；
802为系统将修改后的对象结果返回Flash，即返回网页控件箱。
图9为本发明XML网页描述文件生成和保存过程图；
用户通过本发明的网页控件箱创建网页元素后，便可生成用于描述网页元素的描述文件，然后通过网页控件箱中的保存操作，保存生成的网页描述文件；
本发明实施例，采用XML对创建的网页元素进行描述，然后将XML网页描述文件保存至数据库，具体操作过程如下：
901为Flash控件箱保存操作，即用户创建完网页及网页元素后，点击Flash控件箱中的保存按钮，便会生成XML网页描述文件；
生成XML网页描述文件的过程，就是按照XML语法格式，对相应的字段预定义，然后通过网页内部的接口模块，如Ajax或JavaScript程序，与网页之间进行通信，将XML描述的相应字段，通过网页发送给服务器数据库模块；其中Ajax保证网页数据传输时，网页自身不进行更新，带给用户更好的使用体验。
903为网页程序，即在实施例中JavaScript通过调用PHP程序和服务器数据库模块进行通信，如Asp、Jsp或Php等，903接收902发送的XML字段信息，然后903将接收到的XML字段信息发送至904服务器数据库模块，并将XML字段信息保存至服务器数据库模块，如果保存成功，则服务器数据库模块发送保存成功信息至903，903接收到服务器数据库端发送的保存成功信息后，将其发送至902网页脚本程序模块，通过JavaScript检查PHP程序902收到服务器保存成功的消息后，便会发送提示信息905，告知用户当前网页描述文件已在服务器数据库保存成功。
图10是本发明实施例Flash与JavaScript交互过程图，用户用鼠标点击本发明Flash网页控件箱中的控件，通过鼠标拖拽在网页中创建网页元素，在创建过程中，JavaScript捕获网页中鼠标拖拽事件的数据，如鼠标拖拽的起点坐标和终点坐标，然后JavaScript将捕获的鼠标拖拽事件数据及时地传给Flash网页控件箱，最后有Flash网页控件箱将欲创建的控件信息以及在网页中的位置信息等构成XML传给JavaScript，由JavaScript在网页中完成网页元素对象的创建。
图11是本发明方法中通过网页控件箱中的网页控制模块编辑网页的架构图，在本发明的系统架构中，网页控件箱可以直接集成于已有浏览器中，也可以将其置于101服务器端，当用户启动浏览器时，再将102网页控件箱从101服务器端获取到；
浏览器端成功加载网页控件箱后，用户便可点击其中的网页控制模块，进而选择1101中的网页控件，构造网页元素；
1101网页控件通过JS构造的网页元素包括1102的框架元素，如DIV、iFrame、Table等，还能够构造1103的框架内元素，如图片、文字等；
1101网页控件通过JS还能够构造1104Flash对象，以及1105视频、语音等；
构造完成上述元素后，生成网页元素描述文件，进而再集成生成网页描述文件，最终通过102网页控件箱将该网页描述文件保存至服务器数据库。
图12是本发明方法中播放网页架构图，即用户构造完网页并将网页描述文件存储至服务器数据库后，当用户浏览器向101服务器发起该网页的请求后，浏览器端能够播放该事先构造的网页，具体实现过程为：
用户浏览器中嵌入或加载1201网页播放模块，本发明中网页播放模块为Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或浏览器内置控件模块；该网页播放模块具有可见性和隐藏性，即可以预设用户对该播放模块可见或不可见。如果采用Flash文件作为网页播放模块，则如果网页中需要内嵌Flash播放器(例如可以播放视音频文件或流文件)或其它Flash程序，则可以把网页播放模块放在Flash播放器中，作为一个独立模块来播放网页元素，控制网页元素行为，并且可以协助完成网页元素之间的通信以及网页元素和后台数据库的通信。如果网页中没有内嵌Flash播放器或需要可见的Flash程序，则可以将Flash的网页播放模块做成透明不可见的模块放在网页中，只负责网页元素通信和网页元素控制，即在这种情况下用户打开网页不会看见网页播放模块实体，即网页播放器是隐藏的。
其中网页元素和网页元素之间的通信过程可以表示为：
如在网页中内嵌JavaScript程序，采用PHP构架，采用Flash作为网页播放器，则网页元素之间的通信可以理解为：用户在网页中产生了操作事件，JavaScript程序感知操作事件，并把感知事件返回给Flash网页播放模块，网页播放模块处理事件，并把需要执行功能应用再发给JavaScript程序，JavaScript再执行网页元素操作。
101服务器数据库模块，用于接收浏览器发送的网页请求，并向浏览器返回所请求的网页描述文件；
1201网页播放模块，嵌入在浏览器中，用于与服务器数据库模块进行通信，向服务器数据库模块发送请求网页描述文件、接收服务器数据库返回的网页描述文件；
1202网页解析模块，嵌入在浏览器中，不具有可见性，与网页播放模块相连，用于接收网页播放模块发送的指令，并解析网页描述文件；
浏览器加载网页播放模块和网页解析模块，生成按预先编辑网页元素的内容和位置，创建对象并监听事件，如果事件触发，则执行该事件所对应的功能；如果事件没有触发，网页播放模块继续监听。事件触发时执行事件对应的功能包括但不限于：
添加新的网页元素；
删除旧的网页元素；
改变网页元素属性；
打开/关闭本地或网络URL地址文件；
打开/关闭本地或网络地址设备或程序；
和外部程序或设备进行通信。
网页解析模块用于解析网页描述文件，包括构造出框架元素和框架内元素；
框架元素包括网页中的Div、iFrame、Table和Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件元素；
框架内元素包括视频、语音、动画、图片、文字；
构造元素响应的事件包括激活的事件和监听的事件。
本发明通过具体实施例进行说明，本领域技术人员应当明白，在不脱离本发明范围的情况下，还可以对本发明进行各种变换及等同替代。另外，针对特定情形或具体情况，可以对本发明做各种修改，而不脱离本发明的范围。因此，本发明不局限于所公开的具体实施例，而应当包括落入本发明权利要求范围内的全部实施方式。