專利名稱：一種構造和生成網(wǎng)頁的方法及系統(tǒng)的制作方法
技術領域：
本發(fā)明涉及網(wǎng)絡傳輸技術，尤其涉及一種構造和生成網(wǎng)頁的方法及系統(tǒng)。
背景技術：
網(wǎng)站(Web Site)是發(fā)布在網(wǎng)絡服務器上由一系列網(wǎng)頁文件構成的，為訪問 者提供信息和服務的網(wǎng)頁文件集合。網(wǎng)頁是網(wǎng)站的基本組成要素， 一個大型 網(wǎng)站可能含有數(shù)以百萬計的網(wǎng)頁，而一個小的企業(yè)網(wǎng)站或個人網(wǎng)站可能只有 幾個網(wǎng)頁。
現(xiàn)有的網(wǎng)站架構及開發(fā)it式，主要集中于后臺服務器，網(wǎng)站的結構一旦 確定，便不會輕易改變，網(wǎng)站的開發(fā)人員便在既定的網(wǎng)站結構下開發(fā)相應模 塊的網(wǎng)頁以及更新網(wǎng)頁內(nèi)容。因此，現(xiàn)有網(wǎng)站中的網(wǎng)頁，基本上在服務器端 不主動更新情況下，頁面內(nèi)容通常不變。
然而對于一般用戶而言，可能只關心網(wǎng)站中某一部分內(nèi)容，甚至有些用 戶還希望能過濾掉一些不好的或不感興趣的內(nèi)容。對于有些內(nèi)容，用戶可能 只希望看到簡要信息或提取的部分信息。并且由于內(nèi)M取后i要重新排列 形成新的美觀的或用戶希望格式的網(wǎng)頁，同時需要調(diào)整各部分內(nèi)容的顯示方 式、大小等屬性。但是這些操作功能是現(xiàn)有網(wǎng)頁、瀏覽器和服務器沒有實現(xiàn) 的。
iGoogle是Google提供的一項服務。該服務可以讓使用者按照個人的喜 好方便地定制和整合不同來源的信息，使之成為個性化的門戶。該服務的實 現(xiàn)主要是借鑒了門戶(Portal)與門戶塊(Portlet)思想 一個完整的門戶頁 面由用戶定制的門戶塊構成。用戶通過訪問 一個聚合了不同信息來源的門戶 頁面，避免了多次訪問的麻煩；個性化的定制選擇，為用戶提供按需實現(xiàn)的 "一站式"服務。
通過iGoogle提供的個性化主頁，用戶可以使用這個頁面訪問一些小應用 程序以及RSS聚合，它可以成為用戶訪問網(wǎng)絡的入口。目前，雅虎、美國在 線和微軟MSN也都提供有類似的服務，而且近些年來，社交網(wǎng)站Facebook和MySpace也大有替代傳統(tǒng)門戶成為新的網(wǎng)絡入口的趨勢。
但是iGoogle提供的個性化主頁需要在服務器端擁有豐富的內(nèi)容資源，用 戶通過登錄服務器端選擇相應內(nèi)容，從而生成個性化主頁。其缺點在于(1) 用戶只能選擇服務器端提供的已有內(nèi)容資源，如果服務器端沒有提供，則無 法生成用戶想要的頁面；(2)只能整合Google網(wǎng)站的相關產(chǎn)品，在iGoogle 提供內(nèi)容的范圍內(nèi)進行選擇，無法完全自主創(chuàng)建或集成用戶感興趣的其他網(wǎng) 站的產(chǎn)品；(3)畫布視圖的大小及形狀無法調(diào)整。
CN100492360C公開了一種網(wǎng)頁開發(fā)的方法，主要是通過Flash、 XML和 JavaScript實現(xiàn)對網(wǎng)頁內(nèi)容的開發(fā)和更新。具體包括服務器數(shù)據(jù)模塊接收頁面 控制模塊JavaScript發(fā)出的請求，向所述頁面控制模塊返回XML數(shù)據(jù)；所述 頁面控制模塊接收到所述XML數(shù)據(jù)后，將控制型數(shù)據(jù)發(fā)送給所述頁面Flash 模塊；所述頁面Flash模塊接收到所述控制型數(shù)據(jù)后，可直接對所述服務器數(shù) 據(jù)模塊進行訪問并獲得所需XML數(shù)據(jù)。該發(fā)明的有益效果是，使網(wǎng)站特定產(chǎn) 品的設計流程更加筒化7讀取數(shù)據(jù)量少，可以適應更復雜的業(yè)務邏輯。
但是CN100492360C公開的網(wǎng)頁開發(fā)方法依然局限于既定的網(wǎng)站架構或 網(wǎng)站框架，其公開的技術限于對網(wǎng)頁的開發(fā)和更新，無法實現(xiàn)用戶根據(jù)喜好 定制網(wǎng)站結構和生成網(wǎng)頁內(nèi)容。

發(fā)明內(nèi)容
本發(fā)明實施例要解決的問題是提供一種構造和生成網(wǎng)頁的方法及系統(tǒng)， 以解決現(xiàn)有技術中網(wǎng)站結構固定化，網(wǎng)頁開發(fā)和生成專業(yè)化，受眾群體小， 不能滿足用戶的個性化需求的缺陷，進而使用戶能夠根據(jù)個人喜好和當前需 求，通過鼠標點選控件，所見即所得的構造相應網(wǎng)頁。
為了實現(xiàn)上述目的，本發(fā)明的實施例提供了構造和生成網(wǎng)頁的方法，該 方法可分為編輯網(wǎng)頁過禾呈和播-;故網(wǎng)頁過程；
編輯網(wǎng)頁過程還包括如下步驟
瀏覽器中加載網(wǎng)頁控件箱模塊，選取并激活控件箱中網(wǎng)頁控制模塊，通 過獲取鼠標或鼠標拖拽的位置或網(wǎng)頁中某預先設定位置，在網(wǎng)頁中動態(tài)生成 可預覽的網(wǎng)頁元素，并生成各網(wǎng)頁元素對應的網(wǎng)頁描述文件；
并將網(wǎng)頁描述文件保存到服務器數(shù)據(jù)庫模塊；播放網(wǎng)頁過程還包括如下步驟
瀏覽器中加載網(wǎng)頁播放模塊，網(wǎng)頁播放模塊和服務器數(shù)據(jù)庫模塊進行通 信，獲取網(wǎng)頁描述文件，并解析網(wǎng)頁描述文件，按預先編輯網(wǎng)頁元素的內(nèi)容 和位置，構造出全部網(wǎng)頁元素。
本發(fā)明的有益效果在于
(1 )通過本發(fā)明提供的網(wǎng)頁控件箱，用戶能夠根據(jù)喜好和當前需要，非 常容易的構造網(wǎng)頁；
(2) 用戶還可以通過本發(fā)明提供的網(wǎng)頁控件箱，對網(wǎng)頁內(nèi)容或^L頻內(nèi)容 i^f亍編4辱控制；
(3) 通過組態(tài)方式，使得用戶無需直接編寫代碼，即可實現(xiàn)個性化網(wǎng)站 的定制以及個性化網(wǎng)頁內(nèi)容的生成。


圖l是本發(fā)明一種構造和生成網(wǎng)頁的方法的系統(tǒng)架構圖2是本發(fā)明一種構造和生成網(wǎng)頁的方法的結構圖3是本發(fā)明中網(wǎng)頁控件箱與創(chuàng)建的對象之間的通信過程圖I ;
圖4是本發(fā)明中網(wǎng)頁控件箱與創(chuàng)建的對象之間的通信過程圖II;
圖5是本發(fā)明方法中創(chuàng)建對象的流程圖6是本發(fā)明方法中刪除對象的流程圖7是本發(fā)明方法通過網(wǎng)頁控件箱改變創(chuàng)建的對象的屬性流程圖； 圖8為本發(fā)明方法中直接在網(wǎng)頁中修改對象屬性的流程圖； 圖9為本發(fā)明XML網(wǎng)頁描述文件生成和保存過程圖； 圖10為本發(fā)明Flash網(wǎng)頁控件箱與JavaScript交互，創(chuàng)建網(wǎng)頁元素過程圖； 圖ll是本發(fā)明方法中通過網(wǎng)頁控件箱編輯網(wǎng)頁架構圖； 圖12是本發(fā)明方法中4番;改網(wǎng)頁架構圖。
具體實施例方式
本發(fā)明的優(yōu)選實施例提供了一種構造和生成網(wǎng)頁的方法及系統(tǒng)。該方法 主要是通過嵌入到瀏覽器中的ActiveX技術，創(chuàng)建網(wǎng)頁控件箱，利用網(wǎng)頁控件箱中的相關控件，用戶僅需通過鼠標點選、拖拽等方式，便能夠方便、快速、 所見即所得的構造出自己喜歡的網(wǎng)頁或將來源不同的網(wǎng)頁資源集成于同一網(wǎng) 頁內(nèi)，同時還可以利用網(wǎng)頁控件箱中的控件編輯、構造相關網(wǎng)頁和一見頻元素 對象。尤其是，用戶還能夠利用本發(fā)明提供的網(wǎng)頁控件箱，輕松構造網(wǎng)頁元 素之間、網(wǎng)頁元素與網(wǎng)頁中4見頻內(nèi)部元素之間的事件響應關系，以實現(xiàn)網(wǎng)頁 元素間的互動，極大降低了用戶編輯網(wǎng)頁和網(wǎng)頁中視頻對象的技術門檻，使 廣大普通用戶都能夠輕^^地構造出自己喜歡的網(wǎng)頁。
本發(fā)明實施例中公開的 一種構造網(wǎng)頁的方法主要包括編輯網(wǎng)頁步驟和播
放網(wǎng)頁步驟；
其中編輯網(wǎng)頁步驟包括
瀏覽器中加載網(wǎng)頁控件箱模塊，選取并激活控件箱中網(wǎng)頁控制模塊，通 過獲取鼠標或鼠標拖拽的位置或網(wǎng)頁中某預先設定位置，在網(wǎng)頁中動態(tài)生成 可預覽的網(wǎng)頁元素，并生成各網(wǎng)頁元素對應的網(wǎng)頁描述文件；
并將網(wǎng)頁描述文件保存到服務器數(shù)據(jù)庫模塊；
4番放網(wǎng)頁步驟步驟包括
瀏覽器中加載網(wǎng)頁播放模塊，網(wǎng)頁播放模塊和服務器數(shù)據(jù)庫模塊進行通 信，獲取網(wǎng)頁描述文件，并解析網(wǎng)頁描述文件，按預先編輯網(wǎng)頁元素的內(nèi)容 和位置，構造出全部網(wǎng)頁元素。
圖1是本發(fā)明一種構造和生成網(wǎng)頁方法的系統(tǒng)架構圖，本發(fā)明的系統(tǒng)包 括如下部分
101服務器數(shù)據(jù)庫模塊，用于接收102網(wǎng)頁控件箱模塊發(fā)送的網(wǎng)頁描述文 件，響應瀏覽器發(fā)送的請求，并向瀏覽器返回所請求的網(wǎng)頁描述文件；
102網(wǎng)頁控件箱才莫塊，是系統(tǒng)的控制中心，嵌入在瀏覽器中，包括但不限 于106基本功能模塊、107網(wǎng)頁控制才莫塊；網(wǎng)頁描述文件在網(wǎng)頁控件箱102和 服務器數(shù)據(jù)庫模塊101之間傳輸?shù)膇t程中，為了數(shù)據(jù)安全，通?？梢圆捎眉?密傳輸?shù)姆绞?，加密算法可以使用但不限于以下種類MD5/SHA1， DSA， DESede/DES, Diff ie-Hellman。同樣在網(wǎng)頁控件箱和網(wǎng)頁控件模塊103之間 進行通信時，也可以采用加密方式進行通信，通信的方式包括控件箱調(diào)用網(wǎng) 頁控件模塊函數(shù)，以及控件箱給網(wǎng)頁控件才莫塊103 (例如，JavaScript腳本程序)發(fā)送基于XML協(xié)議或其它腳本擴展協(xié)議或自定義協(xié)議規(guī)范的網(wǎng)頁元素 描述文件的控制信息，用于控制網(wǎng)頁元素在網(wǎng)頁中的創(chuàng)建和生成。同樣網(wǎng)頁 控件箱會響應網(wǎng)頁控件模塊創(chuàng)建返回的消息。值得聲明的是，網(wǎng)頁控件箱中 調(diào)用網(wǎng)頁控制模塊107和網(wǎng)頁控件模塊103之間的通信創(chuàng)建網(wǎng)頁元素的過程 和通過網(wǎng)頁播放模塊1201調(diào)用網(wǎng)頁解析模塊1202創(chuàng)建網(wǎng)頁元素的過程基本 相同，只是網(wǎng)頁4番^L才莫塊1201不帶有網(wǎng)頁編輯功能，只負責通信功能以"、相 關協(xié)議轉換功能，而網(wǎng)頁解析模塊1202可以算是網(wǎng)頁控件模塊功能的縮減版, 例如，在網(wǎng)頁控件模塊創(chuàng)建好網(wǎng)頁后，網(wǎng)頁元素可以通過鼠標拖拽的方式繼 續(xù)調(diào)整大小，繼續(xù)調(diào)整網(wǎng)頁元素的位置，而網(wǎng)頁解析^i塊在創(chuàng)建好網(wǎng)頁元素 之后，網(wǎng)頁元素位置和大小基本固定， 一般情況下不允許用戶調(diào)整和拖拽， 以免網(wǎng)頁元素遮擋或變形。本發(fā)明中的102網(wǎng)頁控件箱，為Flash控件或Java控件或JavaScript控件 或VBScript控件或ActiveX控件或瀏覽器內(nèi)置控件模塊，用于控制構造網(wǎng)頁 元素；具有可拖動性，即用戶可以通過鼠標拖動網(wǎng)頁控件箱，將其放置于瀏 覽器中的適當位置；同時用戶還可以根據(jù)需要選擇網(wǎng)頁控件箱或控件箱的部 分組件，例如，網(wǎng)頁元素的配置(config)窗口、網(wǎng)頁元素樹形結構窗口， 可見或隱藏，因此其具有可見性和隱藏性。對于1201網(wǎng)頁插-^L才莫塊，由于主 要作用是通信和協(xié)議轉換，因此也可以是隱藏的，例如，將網(wǎng)頁插-放模塊作 為一個透明的Flash組件》文在網(wǎng)頁中，用來控制網(wǎng)頁協(xié)議模塊1202工作，創(chuàng) 建并控制網(wǎng)頁播放以及和后臺服務器進行通信。在整個系統(tǒng)架構中，可以把所有組件模塊按功能分為編輯模式和播放模 式；在編輯;漠式下，網(wǎng)頁控件箱模塊102負責所有網(wǎng)頁元素的編輯工作，并 在內(nèi)存中保存所有網(wǎng)頁元素的信息，并且還負責記錄和控制網(wǎng)頁元素之間的 通信和元素控制功能。在播放模式下，網(wǎng)頁播放模塊則負責所有網(wǎng)頁元素之 間的通信和元素控制功能。在選擇構建網(wǎng)頁控件箱、網(wǎng)頁播放模塊、網(wǎng)頁控件模塊、網(wǎng)頁解析模塊 時，通常情況下，網(wǎng)頁控件箱和網(wǎng)頁播放模塊釆用相同的編程語言，例如Flash 的Ac t ionScr ipt語言，而網(wǎng)頁控件才莫塊和網(wǎng)頁解析模塊采用相同的編程語言，13例如JavaScript語言。在選擇編程語言的時候，值得注意的是，由于網(wǎng)頁控 件箱和網(wǎng)頁播放模塊需要和后臺服務器頻繁通信，同時也要控制整個頁面， 因此需要比較強大完備的語言體系，因此，可以選擇ActiveX (Flash實際上 是一個ActiveX,并且具有類Java的語言結構)、Java等功能強大的語言； 而網(wǎng)頁控件才莫塊和網(wǎng)頁解解才莫塊則可以4吏用JavaScript, VBScript、 Java、 CGI、 Pear、 ActiveX等多種語言來支持。102網(wǎng)頁控件箱通常包括以下部分或全部A、 網(wǎng)頁元素添加/刪除拾組或菜單；B、 保存^4丑或菜單、上一步操作^&或菜單、下一步操作按鈕或菜單；C、 網(wǎng)頁控件箱的基本設置信息以及網(wǎng)頁元素基本設置信息。106是102網(wǎng)頁控件箱中的基本功能模塊，用于編輯網(wǎng)頁元素的基本功能 操作，其中基本功能包括但不限于刪除創(chuàng)建的元素對象、撤銷前一步的操 作、恢復前一步的操作等；用戶可以通過點選基本功能模塊中的控件，如先點選用戶已創(chuàng)建的控件 對象，然后點選基本功能模塊中的刪除控件，以刪除創(chuàng)建的網(wǎng)頁元素；基本 功能模塊中的撤銷控件，用于撤銷前一次的操作；基本功能模塊中的恢復控 件，用于恢復前一次撤銷的操作；基本功能模塊中的初設參數(shù)設置控件，用 于設置網(wǎng)頁的初始參數(shù)信息；基本功能模塊中的保存控件，用于對當前的設 置信息進行保存等。107網(wǎng)頁控制才莫塊，用于編輯、控制網(wǎng)頁元素；105協(xié)議接口層，用于使網(wǎng)頁控件箱模塊與服務器數(shù)據(jù)庫模塊之間進行通 信連接，在本發(fā)明的系統(tǒng)中，網(wǎng)頁控件箱中的相應控件與網(wǎng)頁元素之間的通 信也是通過該協(xié)議接口層實現(xiàn)；103網(wǎng)頁控件;f莫塊，用于向網(wǎng)頁中添加元素的具體控件，包括但不限于文 本控件、圖片控件、音頻控件、視頻控件、表格控件等；用戶可以通過選擇網(wǎng)頁控件才莫塊中的控件，編輯網(wǎng)頁內(nèi)部元素，例如， 用戶選擇網(wǎng)頁控件模塊中的小網(wǎng)頁控件，然后在網(wǎng)頁中通過鼠標拖拽，創(chuàng)建 具有一般網(wǎng)頁功能的小網(wǎng)頁對象，這個小網(wǎng)頁完全繼承了現(xiàn)有的Web網(wǎng)頁的件模塊中選擇文本控件、圖片控件等，向 創(chuàng)建的小網(wǎng)頁對象中添加文本信息和圖片信息。值得注意的是，由于視頻模塊也可以是一個嵌入的Flash網(wǎng)頁播放器模 塊，4見頻控件模塊也具備和網(wǎng)頁元素通過網(wǎng)頁控件才莫塊進行通信的能力。104為網(wǎng)頁中的具體元素，這些網(wǎng)頁元素都可以通過網(wǎng)頁空間才莫塊進行控 制，包括框架元素和框架內(nèi)元素，其包括不限于iFrame、 DIV、 Table、 Text、 Picture、 Flash、 Video等。102網(wǎng)頁控件箱中所述各模塊通過105協(xié)議接口與101服務器數(shù)據(jù)庫模塊 相連；107網(wǎng)頁控制模塊通過105協(xié)議接口控制103網(wǎng)頁控件才莫塊；105網(wǎng)頁控件模塊還分別與104網(wǎng)頁元素和101服務器數(shù)據(jù)庫才莫塊相連。在構造網(wǎng)頁過程中，系統(tǒng)內(nèi)部各模塊間的通信流程如下 用戶瀏覽器模塊中加載102網(wǎng)頁控件箱模塊，網(wǎng)頁控件箱模塊中包括但 不限于基本功能模塊、網(wǎng)頁控制模塊、視頻控制模塊、元素配置模塊；在 實際應用中，用戶可以根據(jù)需要，在網(wǎng)頁控件箱中添加相應模塊。本發(fā)明的 網(wǎng)頁控件箱支持插件式功能擴展，即用戶可以將其自己開發(fā)的功能模塊方便 地置于本發(fā)明的網(wǎng)頁控件箱中，因此，本發(fā)明中提到的網(wǎng)頁控件箱中的幾個 功能模塊以及用戶嵌入到本發(fā)明網(wǎng)頁控件箱中的功能模塊，均在本發(fā)明保護 之列。106基本功能模塊中還包含一些通用的控件，如刪除控件，用于刪除創(chuàng)建 的網(wǎng)頁元素或視頻元素；撤銷控件，用于撤銷前一次的操作；恢復控件，用 于恢復前一次撤銷的操作；初始參數(shù)設置控件，用于設置視頻或網(wǎng)頁的初始 參數(shù)信息；保存控件，用于對當前的設置信息進行保存等。在實際應用中，用戶通過激活107網(wǎng)頁控制模塊，然后選擇103網(wǎng)頁控 件模塊中的控件來創(chuàng)建網(wǎng)頁元素。如果網(wǎng)頁控件箱中有視頻控制模塊，用戶 還可以通過激活視頻控制模塊，選擇視頻控件模塊中的控件來創(chuàng)建視頻內(nèi)部元素；本發(fā)明中的網(wǎng)頁元素包括A、 框架元素網(wǎng)頁中的Div、 iFrame、 Table和Flash控件或Java控件或 JavaScript控件或VBScript控件或ActiveX控件元素；B、 框架內(nèi)元素視頻、語音、動畫、圖片、文字；框架內(nèi)元素中視頻元 素中還可以包括視頻內(nèi)部元素；視頻內(nèi)部元素又進一步包括但不限于視頻、 語音、動畫、圖片、文字；本發(fā)明中所提的網(wǎng)頁元素，可以通過鼠標或鼠標拖拽區(qū)域或網(wǎng)頁中某預 先i殳定位置，在網(wǎng)頁中進^f亍添加。 .創(chuàng)建完網(wǎng)頁元素后，用戶可以通過激活元素配置^f莫塊或配置窗口，對創(chuàng) 建的元素進行基本信息配置和事件信息配置，以及元素之間的事件控制信息 配置；本發(fā)明在構造網(wǎng)頁元素過程中，采用的是一種對象結構，即通過網(wǎng)頁控 件箱將網(wǎng)頁元素封裝到對象結構中，對象結構包括對象的基本操作和基本屬 性、對象所觸發(fā)的事件、對象觸發(fā)事件所對應的功能；并將網(wǎng)頁元素保存為 網(wǎng)頁元素描述文件；該網(wǎng)頁用于描述單個網(wǎng)頁元素，網(wǎng)頁元素描述文件封裝 在一個XML或類腳本語言結構中，網(wǎng)頁元素描述文件包含該網(wǎng)頁元素<屬性-事件-功能>集合，用于描述該網(wǎng)頁元素現(xiàn)有屬性、觸發(fā)的事件、以及觸發(fā)事件 后的功能或應用；該網(wǎng)頁元素描述文件可以作為和后臺服務器數(shù)據(jù)庫通信傳輸最小單位， 也可以通過網(wǎng)頁元素描述文件構成完整的網(wǎng)頁描述文件，再進4亍傳輸保存；因此，網(wǎng)頁元素描述文件是構成網(wǎng)頁描述文件的基本單位，也是控制網(wǎng) 頁元素以及數(shù)據(jù)庫中保存網(wǎng)頁元素的最小單位。通過網(wǎng)頁控件箱，將創(chuàng)建的元素以及事件等信息保存為網(wǎng)頁元素描述文 件后，可以進一步將各網(wǎng)頁元素描述文件進行集成，構成網(wǎng)頁描述文件，并 保存至服務器數(shù)據(jù)庫模塊。控件箱創(chuàng)建的對象結構是具有層次的對象結構，及網(wǎng)頁對象中可以包含 視頻對象、動畫對象、文字對象、圖片對象；從網(wǎng)頁中容器概念上劃分，網(wǎng) 頁對象可以劃分為iFrame對象、Div對象、Table對象；并且，例如，視頻對象，內(nèi)部還可以繼續(xù)包括動畫對象、文字對象、圖片對象等。因此，網(wǎng) 頁控件箱創(chuàng)建的視頻對象是具有層次關系的對象。網(wǎng)頁描述文件采用可擴展標記語言或腳本語言， 一般不采用HTML語言； 本專利中構造網(wǎng)頁的方式和解析網(wǎng)頁的方式，均采用網(wǎng)頁解析器(及本發(fā)明 中的網(wǎng)頁控件才莫塊和網(wǎng)頁解析^t塊)加網(wǎng)頁描述文件的4莫式完成。網(wǎng)頁描述文件采用對象化的方式描述網(wǎng)頁元素，每一個網(wǎng)頁元素都是一 個獨立對象。其中對象化的網(wǎng)頁元素還包括網(wǎng)頁元素屬性、網(wǎng)頁元素事件， 以及該事件所對應的功能信息；網(wǎng)頁元素對象的屬性包括但不限于A、 網(wǎng)頁中文本的字體屬性、運動方式、背景顏色、顯示方式、鏈接地址、 文本框位置信息；B、 網(wǎng)頁中表格的大小、運動方式位置坐標、顏色、顯示方式、邊框信息、 字體屬性；C、 網(wǎng)頁中圖片/動畫的大小、運動方式、位置坐標、透明度、顯示方式、 超鏈接；D、 網(wǎng)頁中視頻的顯示大小、運動方式、展示區(qū)域位置坐標、循環(huán)播放、 聲音、畫質(zhì)清晰度、視頻流暢度；網(wǎng)頁中音頻的播^L^性、音量屬性；E、 網(wǎng)頁中視頻內(nèi)部還可以進一步包含視頻內(nèi)部元素視頻、音頻、動畫、圖片、文字；網(wǎng)頁中元素對象的響應事件包括但不限于A、 響應鼠標單擊事件；B、 響應鼠標雙擊事件；C、 響應鼠標左4建按下事件；D、 響應鼠標左4建抬起事件；E、 鼠標在對象之上事件；F、 對象初始化事件；G、 對象刪除事件；H、 對象開始播;改事件；I、對象結束播;改時間；J、播放器事件；K、纟番^:器"^事件；L、播放器完成播放視頻事件M、對象拖動事件。下面以一具體實例，進一步描述本發(fā)明構造網(wǎng)頁的方法及系統(tǒng) 用戶啟動瀏覽器，瀏覽器中加載^^發(fā)明的網(wǎng)頁控件箱； 用戶點擊網(wǎng)頁控件箱中網(wǎng)頁控件才莫塊，從網(wǎng)頁控件才莫塊中選擇相應控件， 例如用戶可以選擇網(wǎng)頁控件箱中的小網(wǎng)頁控件，然后在當前打開的瀏覽器頁 面內(nèi)某一區(qū)域，通過拖拽鼠標的方式創(chuàng)建一個小網(wǎng)頁；創(chuàng)建完小網(wǎng)頁后，用 戶還可以繼續(xù)選擇網(wǎng)頁控件箱中的其他控件，如文本控件，然后在創(chuàng)建的小 網(wǎng)頁中創(chuàng)建文本對象，并添加文本信息。通過鼠標拖拽定位在網(wǎng)頁中構造網(wǎng)頁元素的方法包括以下步驟 選棒創(chuàng)建網(wǎng)頁元素的類型及相關創(chuàng)建屬性；通過在網(wǎng)頁內(nèi)部執(zhí)行JavaScript或VBScript或Java或ActiveX程序獲取 鼠標拖動區(qū)域位置；在鼠標拖動的區(qū)域位置創(chuàng)建所選擇網(wǎng)頁元素； 選"^創(chuàng)建網(wǎng)頁元素，在網(wǎng)頁控件箱中完成； 相關創(chuàng)建屬性，指網(wǎng)頁元素創(chuàng)建時的默認屬性； 鼠標拖動，拖動區(qū)域為矩形，拖動方向通常是左上到右下。 在上述過程中，網(wǎng)頁控件模塊通過接口函數(shù)與網(wǎng)頁元素對象相連。 添加完網(wǎng)頁元素后，用戶可以通過元素配置4莫塊為創(chuàng)建的元素添加事件 信息，還可以設置元素間的事件控制關系。例如，用戶可以在網(wǎng)頁中創(chuàng)建一 個圖片元素，然后為該圖片元素添加鼠標單擊事件，當鼠標單擊該圖片時， 可以鏈接到某一網(wǎng)絡資源地址或調(diào)用本地資源。用戶還可以構造元素之間的 事件控制關系，例如，可以為網(wǎng)頁中文本元素添加事件，當激發(fā)該事件時， 可以實現(xiàn)改變一見頻內(nèi)部某元素的屬性或運行特性。用戶完成網(wǎng)頁元素信息配置后，可以將構造好的每一個網(wǎng)頁元素對象信息生成網(wǎng)頁元素描述文件，該網(wǎng)頁元素描述文件完整記述了當前元素的屬性信息、事件信息和功能信息；然后再通過網(wǎng)頁控件箱，將每一個網(wǎng)頁元素描述文件進行集成，生成一 個完整的網(wǎng)頁描述文件，并將該網(wǎng)頁描述文件發(fā)送至服務器數(shù)據(jù)庫端。在本發(fā)明實施例中，最終生成的網(wǎng)頁描述文件，是一個完整的用于描述 網(wǎng)頁的資源描述文件，然后將這一完整的網(wǎng)頁描述文件存儲在后臺服務器數(shù) 據(jù)庫中。圖2是本發(fā)明一種構造和生成網(wǎng)頁的方法的結構圖，圖中200是指能夠 瀏覽Web頁面的瀏覽器；本實施例中，201是本發(fā)明利用ActiveX技術開發(fā)的Flash網(wǎng)頁控件箱， 201功能的實現(xiàn)需依賴于200瀏覽器，即201需嵌入到200瀏覽器中或用戶設 置當前瀏覽器允許ActiveX控件的加載，此時201的功能才能夠得以實現(xiàn)。202是本發(fā)明開發(fā)的網(wǎng)頁控件箱中的程序界面，該界面用于編制欲實現(xiàn)的 程序功能。203是本發(fā)明開發(fā)的網(wǎng)頁控件箱中的屬性界面，該界面用于描述創(chuàng)建的對 象的靜態(tài)屬性信息，如對象的位置信息、大小、顏色、形狀等。204是本發(fā)明開發(fā)的網(wǎng)頁控件箱中的對象界面，該界面用于創(chuàng)建相關對 象，如創(chuàng)建小網(wǎng)頁對象、文本對象、圖片對象、視頻對象、命令按鈕對象、 表單對象等。205是用戶欲構造的母體網(wǎng)頁，能夠承載視頻、小網(wǎng)頁、以及其他任何網(wǎng) 頁元素以及網(wǎng)頁資源。206是指承栽網(wǎng)頁內(nèi)容的畫布視圖，所述畫布視圖具有位置、大小、形狀 等屬性。用戶可以通過本發(fā)明提供的網(wǎng)頁控件箱構造網(wǎng)頁，在具體實施過程中可 分兩種情形(一)用戶點擊瀏覽器，打開一空白頁此種情形下，用戶可根據(jù)喜好和需求全新構造個性化網(wǎng)頁，具體操作如下(1) 用戶選擇網(wǎng)頁控件箱中的網(wǎng)頁容器控件，創(chuàng)建網(wǎng)頁容器，即在當前 空白的瀏覽器頁面上添加一個網(wǎng)頁容器，該網(wǎng)頁容器會根據(jù)用戶的瀏覽器自適應地調(diào)整大小，以適應當前空白頁面；該網(wǎng)頁容器本身也是一個控件，但 是該控件能夠承載其他控件對象，例如，用戶可以在網(wǎng)頁中添加網(wǎng)頁容器， 設置網(wǎng)頁容器的屬性不可見，然后用戶便可以在網(wǎng)頁容器中添加其他控件對 象。(2) 用戶創(chuàng)建完網(wǎng)頁容器后，可根據(jù)需要對當前網(wǎng)頁容器的區(qū)域進行功 能性分割，例如分割為體育新聞區(qū)域塊、電子郵件區(qū)域塊、股市區(qū)域塊、音 樂區(qū)域塊、視頻區(qū)域塊、即時聊天工具區(qū)域塊等。用戶可以根據(jù)當前的喜好 和需要隨時對這些區(qū)域塊進行刪除、增加、修改等調(diào)整；用戶也可以按照以下原則對網(wǎng)頁容器進行布局，編排的原則包括但不限 于以下內(nèi)容(2.1)根據(jù)喜好的內(nèi)容進行分類，每一類包含一個或多個小網(wǎng)頁，根據(jù) 不同的類別進^f亍編排一；(2. 2 )根據(jù)當前或近一段時間關注的重要程度進行分類，按照關注程度 不同，對小網(wǎng)頁進4亍編排；(2. 3)才艮據(jù)瀏覽的頻次自動編排，統(tǒng)計用戶瀏覽不同區(qū)域中網(wǎng)頁內(nèi)容的 頻次，自動排列小網(wǎng)頁，以更加便利于用戶使用。(3) 劃分完區(qū)域塊后，用戶便可選擇網(wǎng)頁控件箱中的其他控件，在相應 的區(qū)域塊添加相應對象，如添加小網(wǎng)頁、文本對象、圖片對象等；(4) 通過反復操作上述過程，用戶便能夠輕松地構造一個網(wǎng)頁，設置可 以定制出一個個性化的虛擬網(wǎng)站結構，該虛擬網(wǎng)站可以聚合現(xiàn)有網(wǎng)絡資源。(二)用戶點擊瀏覽器，瀏覽某一網(wǎng)站，打開某一頁面 此種情形下，用戶可根據(jù)喜好和需求選擇當前網(wǎng)站中的相應內(nèi)容，創(chuàng)建 或完善用戶的個性化主頁，具體操作如下(1) 確定需要當前網(wǎng)站中的相關內(nèi)容后，用戶選擇網(wǎng)頁控件箱中的網(wǎng)頁 容器控件，創(chuàng)建網(wǎng)頁容器，即在當前見到的頁面下添加一個網(wǎng)頁容器，該網(wǎng) 頁容器會根據(jù)用戶的瀏覽器自適應地調(diào)整大小，并能夠將用戶見到的頁面承 栽到網(wǎng)頁容器內(nèi)；(2) 用戶創(chuàng)建完網(wǎng)頁容器后，可根據(jù)需要對當前網(wǎng)頁容器的區(qū)域進行功20能性分割，例如分割為體育新聞區(qū)域塊、電子郵件區(qū)域塊、股市區(qū)域塊、音 樂區(qū)域塊、視頻區(qū)域塊、即時聊天工具區(qū)域塊等。用戶可以使用本發(fā)明網(wǎng)頁控件箱中的區(qū)域分割控件，用鼠標圏點網(wǎng)頁容 器內(nèi)承載的頁面，然后對選中的頁面區(qū)域進行操作，可以將其刪除或對其內(nèi)容進行<務改；(3) 通過上一步對頁面的裁剪，用戶l呆留了自己喜好的內(nèi)容，并才艮據(jù)劃 分的區(qū)域塊，將該內(nèi)容歸類，然后用戶還可選擇網(wǎng)頁控件箱中的其他控件， 在相應的區(qū)域塊添加相應對象，如添加網(wǎng)頁畫布、文本對象、圖片對象等；(4) 通過反復操作上述過程，用戶便能夠輕松地定制出一個個性化的虛 擬網(wǎng)站結構，該虛擬網(wǎng)站可以聚合現(xiàn)有網(wǎng)絡資源。用戶也可以將上述兩種情況融合處理，即一部分內(nèi)容用戶自己創(chuàng)建，另 一部分內(nèi)容可通過對其他網(wǎng)站的內(nèi)容進行整合，從而定制成自己喜歡的個性4匕虛擬網(wǎng)站。在本發(fā)明的實施例中，網(wǎng)頁畫布可以承栽的對象包括但不限于網(wǎng)頁對 象、文本對象、圖片對象、視頻對象等。例如，用戶可以根據(jù)需要在網(wǎng)頁容器的某一區(qū)域塊添加網(wǎng)頁畫布，然后 在該網(wǎng)頁畫布中，用戶可以創(chuàng)建新的網(wǎng)頁，也可以將已有的網(wǎng)頁移才直至該網(wǎng) 頁畫布，還可以在該網(wǎng)頁畫布中僅放置文本對象或圖片對象或視頻對象等或 幾種對象的共同組合。用戶定制完網(wǎng)站的結構，并生成了喜好的相關網(wǎng)頁后，便可選擇將本發(fā) 明的網(wǎng)頁控件箱隱藏，可以通過以下方式保存用戶定制的網(wǎng)站及網(wǎng)頁(一) 用戶點擊瀏覽器，打開一空白頁定制的網(wǎng)站此種情形，用戶可以將當前空白頁設置成默認主頁，用戶下次再打開瀏 覽器后便會自動加載上次定制好的頁面結構及內(nèi)容。(二) 用戶點擊瀏覽器，瀏覽某一網(wǎng)站，打開某一頁面定制的網(wǎng)站 此種情形，用戶可以將當前網(wǎng)站的域名作為用戶虛擬網(wǎng)站的宿主，用戶定制好網(wǎng)站結構和網(wǎng)頁內(nèi)容后，下次再打開瀏覽器，訪問該宿主后便會自動 加載上次定制好的頁面結構及內(nèi)容。但是該內(nèi)容僅限于用戶通過自己機器訪 問，如果通過其他才幾器訪問該宿主網(wǎng)站則無法看見自己定制的虛擬網(wǎng)站。如果用戶想將定制的虛擬網(wǎng)站不受瀏覽設備的影響，任何人通過任何能上網(wǎng)的設備都能夠看見用戶定制的虛擬網(wǎng)站，則需要用戶的宿主站點是一個 能被用戶獨占的，擁有域名的站點。圖3是本發(fā)明中網(wǎng)頁控件箱與創(chuàng)建的對象之間的通信過程圖I ;本發(fā)明201網(wǎng)頁控件箱通過301協(xié)議，經(jīng)過302中的JavaScript接口與創(chuàng) 建的對象進行通信；303是通過網(wǎng)頁控件箱中的控件創(chuàng)建的對象，具體才乘作時可通過在204對 象界面中選擇勤'J建的對象，進而實現(xiàn)；創(chuàng)建完對象203后，可通過網(wǎng)頁控件箱匯總的203屬性界面對創(chuàng)建的對 象的屬性進行設置；304為創(chuàng)建的對象能夠響應的事件信息；305為創(chuàng)建的對象能夠實現(xiàn)的一些功能信息；本發(fā)明以編輯控制網(wǎng)頁對象為例，進一步說明本發(fā)明實施例的詳細過程。 通過本發(fā)明的控件對網(wǎng)頁內(nèi)的對象進行控制包括以下步驟(1) 通過ActiveX或AJAX才支術開發(fā)網(wǎng)頁控件箱的控制界面；(2) 用戶根據(jù)需要通過所述控制界面選擇控件箱中的控件，利用當前選 取的控件，對網(wǎng)頁畫布中的網(wǎng)頁內(nèi)容進行操作；(3 )選定的控件通過網(wǎng)頁腳本語言接口協(xié)議以及接口函數(shù)與所述腳本語 言進行通信，通過所*本語言編輯控制網(wǎng)頁內(nèi)容；(4) 根據(jù)(3)的操作，確定網(wǎng)頁畫布中欲添加和/或調(diào)整的對象，設置 當前操作對象的基本屬性信息；(5) 為當前操作對象添加事件，并設置當前操作對象響應的事件信息；(6) 重復上述過程，實現(xiàn)對網(wǎng)頁內(nèi)部進行編輯控制；本發(fā)明提到的創(chuàng)建網(wǎng)頁元素對象的具體操作過程中，用戶可以按照如下 方式進行操作(1) 假設用戶已創(chuàng)建好網(wǎng)頁容器，并已劃M區(qū)域塊；(2) 用戶選擇網(wǎng)頁控件箱中的網(wǎng)頁畫布控件，然后在網(wǎng)頁容器的相應區(qū) 域塊中點擊鼠標左鍵，則在該區(qū)域塊創(chuàng)建了 一個網(wǎng)頁畫布；(3) 用戶繼續(xù)選擇網(wǎng)頁控件箱中的網(wǎng)頁控件，并在(2)中的網(wǎng)頁畫布內(nèi)創(chuàng)建一網(wǎng)頁對象；(4)賦予(3)中網(wǎng)頁對象內(nèi)容時，可以通過以下方式實現(xiàn)(4.1)用戶可以自己編輯創(chuàng)建該網(wǎng)頁內(nèi)容，即該網(wǎng)頁中哪里放置文本信息，哪里放置圖片信息，以及相應的內(nèi)容全部可以由用戶根據(jù)需要和喜好全新地創(chuàng)建；(4.2 )用戶也可以將喜好的已有網(wǎng)站中的部分網(wǎng)頁內(nèi)容移植至該網(wǎng)頁畫 布內(nèi)，并進一步對其進行編輯處理；(5 )用戶可以通過網(wǎng)頁控件箱對網(wǎng)頁畫布中的網(wǎng)頁內(nèi)容做如下操作(5.1) 用鼠標圏選網(wǎng)頁中相應對象，對選中的對象進行編輯，包括但不 限于刪除、修改、添加等；(5.2) 在需要的位置，向該網(wǎng)頁中添加文本信息、圖片信息以及視頻信息等；(5.3 )還可以向網(wǎng)頁中添加一些包含鏈接地址的熱點信息；(5.4 )還可以向網(wǎng)頁中添加或編輯表單信息以及實現(xiàn)更加復雜的功能集合；上述過程的實現(xiàn)，均是201與302之間的交互完成的，在交互過程中201 與302通過301進行協(xié)議解析，從而實現(xiàn)201中的相關控件通過302編輯控 制創(chuàng)建的對象這一過程。圖4是本發(fā)明中網(wǎng)頁控件箱與創(chuàng)建的對象之間的通信過程圖II;本發(fā)明201網(wǎng)頁控件箱的控制界面包括幾個元素配置界面，用于配置創(chuàng) 建的網(wǎng)頁元素對象；401是對網(wǎng)頁中的DIV標簽進行編輯控制；402是對網(wǎng)頁中的文字信息進行編輯控制；403是對網(wǎng)頁中的圖片信息進行編輯控制；404是對網(wǎng)頁中的Flash進4亍編輯控制；405是對網(wǎng)頁中的視頻進行編輯控制；406是對網(wǎng)頁中的表單信息進行編輯控制；上述對網(wǎng)頁內(nèi)容進行的編輯控制過程如下首先201網(wǎng)頁控件箱與JavaScript之間通過協(xié)議解析和函數(shù)調(diào)用，實現(xiàn)雙向通信；其次，JavaScript實現(xiàn)對HTML文件中的相應標簽內(nèi)容進行控制；再次，HTML文件中的相應內(nèi)容通過JavaScript最終實現(xiàn)與網(wǎng)頁控件箱進行雙向交互，以實現(xiàn)網(wǎng)頁控件箱對網(wǎng)頁內(nèi)容進行控制的目的。圖5是本發(fā)明方法中創(chuàng)建對象的流程，本發(fā)明一個實施例中的網(wǎng)頁控件箱通過Flash控件創(chuàng)建而成，用戶在使用網(wǎng)頁控件箱創(chuàng)建對象的操作流程如下501為用戶點擊Flash中網(wǎng)頁控件箱中的相應圖標，例如點擊網(wǎng)頁控件模 塊中的小網(wǎng)頁控件圖標，然后用戶在當前瀏覽器打開的母體網(wǎng)頁中通過鼠標 拖拽的方式創(chuàng)建小網(wǎng)頁對象；502為創(chuàng)建對象過程中，F(xiàn)lash調(diào)用JS接口函數(shù)，以實現(xiàn)通過鼠標拖拽在 網(wǎng)頁中創(chuàng)建新對象；503為用戶創(chuàng)建完對象后，JS向Flash發(fā)送創(chuàng)建信息，通知Flash創(chuàng)建的 對象的大小、位置等信息；504為Flash根據(jù)收到的JS創(chuàng)建信息，在Flash記錄創(chuàng)建對象及其相關屬性。圖6是本發(fā)明方法中刪除對象的流程，即當用戶通過圖5中的流程，在 網(wǎng)頁或視頻中創(chuàng)建的相應對象后，如果想刪除掉已創(chuàng)建的對象，則可以通過 下述流程實現(xiàn)601為用戶先選中網(wǎng)頁中已創(chuàng)建的且欲刪除的對象；然后用戶在602步驟中點擊Flash中網(wǎng)頁控件箱通用組件中的刪除控件， 也可以直接使用快捷鍵進行刪除；603步驟中，系統(tǒng)將需要刪除的對象的ID發(fā)送給JS，調(diào)用JS接口函數(shù)， 以刪除網(wǎng)頁或視頻中的對象；604是系統(tǒng)刪除對象后，將結果返回給Flash,即返回網(wǎng)頁控件想。圖7是本發(fā)明方法通過網(wǎng)頁控件箱改變創(chuàng)建的對象的屬性流程，其流程 如下701為用戶選中網(wǎng)頁中已創(chuàng)建的對象，然后點擊Flash中網(wǎng)頁控件箱中的 相應屬性控件，^修改該對象的某一個或幾個屬性值；702為用戶修改完屬性值后，系統(tǒng)調(diào)用JS接口，將修改后的參數(shù)傳遞給24JS， JS通過函數(shù)修改網(wǎng)頁或視頻對象的屬性；703為系統(tǒng)修改完該對象的屬性后，將結果返回Flash。圖8為本發(fā)明方法中直接在網(wǎng)頁中修改對象屬性的流程，該流程如下801為用戶選中網(wǎng)頁中已創(chuàng)建的對象，然后系統(tǒng)直接調(diào)用JS接口，對用戶選中的對象的屬性值進行修改；802為系統(tǒng)將^多改后的對象結果返回Flash，即返回網(wǎng)頁控件箱。圖9為本發(fā)明XML網(wǎng)頁描述文件生成和保存過程圖；用戶通過本發(fā)明的網(wǎng)頁控件箱創(chuàng)建網(wǎng)頁元素后，便可生成用于描述網(wǎng)頁元素的描述文件，然后通過網(wǎng)頁控件箱中的保存才乘作，保存生成的網(wǎng)頁描述文件；本發(fā)明實施例，采用XML對創(chuàng)建的網(wǎng)頁元素進4亍描述，然后將XML網(wǎng) 頁描述文件保存至數(shù)據(jù)庫，具體操作過程如下901為Flash控件箱保存操作，即用戶創(chuàng)建完網(wǎng)頁及網(wǎng)頁元素后，點擊Flash 控件箱中的保存按鈕，便會生成XML H"頁描述文件；生成XML網(wǎng)頁描述文件的過程，就是按照XML語法格式，對相應的字 段預定義，然后通過網(wǎng)頁內(nèi)部的接口模塊，如Ajax或JavaScript程序，與網(wǎng) 頁之間進行通信，將XML描述的相應字段，通過網(wǎng)頁發(fā)送給服務器數(shù)據(jù)庫模 塊；其中Ajax保證網(wǎng)頁數(shù)據(jù)傳輸時，網(wǎng)頁自身不進行更新，帶給用戶更好的 使用體驗。903為網(wǎng)頁程序，即在實施例中JavaScript通過調(diào)用PHP程序和服務器數(shù) 據(jù)庫模塊進行通信，如Asp、 Jsp或Php等，903接收902發(fā)送的XML字段 信息，然后903將接收到的XML字段信息發(fā)送至904服務器數(shù)據(jù)庫模塊，并 將XML字段信息保存至服務器數(shù)據(jù)庫模塊，如果保存成功，則服務器數(shù)據(jù)庫 模塊發(fā)送保存成功信息至903, 903接收到服務器數(shù)據(jù)庫端發(fā)送的保存成功信 息后，將其發(fā)送至902網(wǎng)頁腳本程序模塊，通過JavaScript檢查PHP程序卯2 收到服務器保存成功的消息后，便會發(fā)送提示信息905，告知用戶當前網(wǎng)頁描 述文件已在服務器數(shù)據(jù)庫保存成功。圖10是本發(fā)明實施例Flash與JavaScript交互過程圖，用戶用鼠標點擊本 發(fā)明Flash網(wǎng)頁控件箱中的控件，通過鼠標拖拽在網(wǎng)頁中創(chuàng)建網(wǎng)頁元素，在創(chuàng) 建過程中，JavaScript捕獲網(wǎng)頁中鼠標拖拽事件的數(shù)據(jù)，如鼠標拖拽的起點坐標和終點坐標，然后JavaScript將捕獲的鼠標拖拽事件數(shù)據(jù)及時地傳給Flash 網(wǎng)頁控件箱，最后有Flash網(wǎng)頁控件箱將欲創(chuàng)建的控件信息以及在網(wǎng)頁中的位 置信息等構成XML傳給JavaScript,由JavaScript在網(wǎng)頁中完成網(wǎng)頁元素對象 的創(chuàng)建。圖ll是本發(fā)明方法中通過網(wǎng)頁控件箱中的網(wǎng)頁控制模塊編輯網(wǎng)頁的架構 圖，在本發(fā)明的系統(tǒng)架構中，網(wǎng)頁控件箱可以直接集成于已有瀏覽器中，也 可以將其置于101服務器端，當用戶啟動瀏覽器時，再將102網(wǎng)頁控件箱從101 服務器端獲取到；瀏覽器端成功加載網(wǎng)頁控件箱后，用戶便可點擊其中的網(wǎng)頁控制模塊， 進而選擇1101中的網(wǎng)頁控件，構造網(wǎng)頁元素；llOl網(wǎng)頁控件通過JS構造的網(wǎng)頁元素包括1102的框架元素，如DIV、 iFrame、 Table等，還能夠構造1103的框架內(nèi)元素，如圖片、文字等；1101網(wǎng)頁控件通itJS還能夠構造1104Flash對象，以及1105視頻、語音等；構造完成上述元素后，生成網(wǎng)頁元素描述文件，進而再集成生成網(wǎng)頁描 述文件，最終通過102網(wǎng)頁控件箱將該網(wǎng)頁描述文件保存至服務器數(shù)據(jù)庫。圖12是本發(fā)明方法中插-放網(wǎng)頁架構圖，即用戶構造完網(wǎng)頁并將網(wǎng)頁描述 文件存儲至服務器數(shù)據(jù)庫后，當用戶瀏覽器向101服務器發(fā)起該網(wǎng)頁的請求 后，瀏覽器端能夠播放該事先構造的網(wǎng)頁，具體實現(xiàn)過程為用戶瀏覽器中嵌入或加載1201網(wǎng)頁^M文才莫塊，本發(fā)明中網(wǎng)頁播放模塊為 Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或瀏 覽器內(nèi)置控件模塊；該網(wǎng)頁播放模塊具有可見性和隱藏性，即可以預設用戶 對該播》文4莫塊可見或不可見。如果采用Flash文件作為網(wǎng)頁播^L模塊，則如果 網(wǎng)頁中需要內(nèi)嵌Flash播放器(例如可以播^W見音頻文件或流文件)或其它 Flash程序，則可以把網(wǎng)頁纟番i支模塊放在Flash播放器中，作為一個獨立模塊 來才番;改網(wǎng)頁元素，控制網(wǎng)頁元素4亍為，并且可以協(xié)助完成網(wǎng)頁元素之間的通 信以及網(wǎng)頁元素和后臺數(shù)據(jù)庫的通信。如果網(wǎng)頁中沒有內(nèi)嵌Flash播放器或需 要可見的Flash程序，則可以將Flash的網(wǎng)頁播^:才莫塊^故成透明不可見的才莫塊 放在網(wǎng)頁中，只負責網(wǎng)頁元素通信和網(wǎng)頁元素控制，即在這種情況下用戶打 開網(wǎng)頁不會看見網(wǎng)頁播放模塊實體，即網(wǎng)頁播放器是隱藏的。其中網(wǎng)頁元素和網(wǎng)頁元素之間的通信過程可以表示為如在網(wǎng)頁中內(nèi)嵌JavaScript程序，采用PHP構架，采用Flash作為網(wǎng)頁插-放器，則網(wǎng)頁元素之間的通信可以理解為用戶在網(wǎng)頁中產(chǎn)生了操作事件， JavaScript程序感知操作事件，并把感知事件返回給Flash網(wǎng)頁播放模塊，網(wǎng) 頁播放模塊處理事件，并把需要執(zhí)行功能應用再發(fā)給JavaScript程序， JavaScript再執(zhí)行網(wǎng)頁元素操作。IOI服務器數(shù)據(jù)庫模塊，用于接收瀏覽器發(fā)送的網(wǎng)頁請求，并向瀏覽器返 回所請求的網(wǎng)頁描述文件；1201網(wǎng)頁播放模塊，嵌入在瀏覽器中，用于與服務器數(shù)據(jù)庫模塊進行通 信，向服務器數(shù)據(jù)庫模塊發(fā)送請求網(wǎng)頁描述文件、接收服務器數(shù)據(jù)庫返回的 網(wǎng)頁描述文件；1202網(wǎng)頁解析才莫塊，嵌入在瀏覽器中，不具有可見性，與網(wǎng)頁播放模塊 相連，用于接收網(wǎng)頁4番i文模塊發(fā)送的指令，并解析網(wǎng)頁描述文件；瀏覽器加載網(wǎng)頁播放模塊和網(wǎng)頁解析模塊，生成按預先編輯網(wǎng)頁元素的 內(nèi)容和位置，創(chuàng)建對象并監(jiān)聽事件，如果事件觸發(fā)，則執(zhí)行該事件所對應的 功能;如果事件沒有觸發(fā)，網(wǎng)頁4番放模塊繼續(xù)監(jiān)聽。事件觸發(fā)時執(zhí)行事件對 應的功能包括但不限于添力口新的網(wǎng)頁元素；刪除舊的網(wǎng)頁元素；改變網(wǎng)頁元素屬性；打開/關閉本地或網(wǎng)全備URL地址文件；打開/關閉本地或網(wǎng)絡地址i殳備或程序；和外部程序或設備進行通信。網(wǎng)頁解析模塊用于解析網(wǎng)頁描述文件，包括構造出框架元素和框架內(nèi)元素；框架元素包括網(wǎng)頁中的Div、 iFrame、 Table和Flash控件或Java控件或 JavaScript控件或VBScript控件或ActiveX控件元素； 框架內(nèi)元素包括^L頻、語音、動畫、圖片、文字； 構造元素響應的事件包括激活的事件和監(jiān)聽的事件。本發(fā)明通過具體實施例進行說明，本領域技術人員應當明白，在不脫離 本發(fā)明范圍的情況下，還可以對本發(fā)明進行各種變換及等同替代。另外，針 對特定情形或具體情況，可以對本發(fā)明做各種修改，而不脫離本發(fā)明的范圍。 因此，本發(fā)明不局限于所公開的具體實施例，而應當包括落入本發(fā)明權利要 求范圍內(nèi)的全部實施方式。
權利要求
1、一種構造網(wǎng)頁的方法，其特征在于，包括以下步驟編輯步驟瀏覽器中加載網(wǎng)頁控件箱模塊，選取并激活控件箱中網(wǎng)頁控制模塊，通過獲取鼠標或鼠標拖拽的位置或網(wǎng)頁中某預先設定位置，在網(wǎng)頁中動態(tài)生成可預覽的網(wǎng)頁元素，并生成各網(wǎng)頁元素對應的網(wǎng)頁描述文件；并將網(wǎng)頁描述文件保存到服務器數(shù)據(jù)庫模塊；播放步驟瀏覽器中加載網(wǎng)頁播放模塊，網(wǎng)頁播放模塊和服務器數(shù)據(jù)庫模塊進行通信，獲取網(wǎng)頁描述文件，并解析網(wǎng)頁描述文件，按預先編輯網(wǎng)頁元素的內(nèi)容和位置，構造出全部網(wǎng)頁元素。
2、 如權利要求l所述， 一種構造網(wǎng)頁的方法，其特征在于 所述網(wǎng)頁控件箱為Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或瀏覽器內(nèi)置控件模塊，用于控制構造網(wǎng)頁元素；所述網(wǎng)頁控件箱包括但不限于基本功能模塊、網(wǎng)頁控制模塊和視頻控制 模塊；所述網(wǎng)頁控件箱具有可拖動性，并且具有可見性和隱藏性以供選擇； 所述網(wǎng)頁控件箱包含以下部分或全部A、 網(wǎng)頁元素添加/刪除拾組或菜單；B、 保存^或菜單、上一步操作M或菜單、下~~#操作按鈕或菜單；C、 網(wǎng)頁控件箱的基本設置信息以及網(wǎng)頁元素基本設置信息。
3、 如權利要求1和2所述， 一種構造網(wǎng)頁的方法，其特征在于 所述網(wǎng)頁元素包括A、 框架元素網(wǎng)頁中的Div、 iFrame、 Table和Flash控件或Java控件或 JavaScript控件或VBScript控件或ActiveX控件元素；B、 框架內(nèi)元素視頻、語音、動畫、圖片、文字；所述框架內(nèi)元素中視 頻元素中還包括視頻內(nèi)部元素；所述視頻內(nèi)部元素又進一步包括視頻、語 音、動畫、圖片、文字；所述網(wǎng)頁元素，通過鼠標或鼠標拖拽區(qū)域或網(wǎng)頁中某預先設定位置，在網(wǎng)頁中進4亍添力口。
4、 如權利要求l所述， 一種構造網(wǎng)頁的方法中所述網(wǎng)頁描述文件，其特 征在于包括所述網(wǎng)頁描述文件采用可擴展標記語言或腳本語言；所述網(wǎng)頁描述語言 不采用HTML語言；所述網(wǎng)頁描述文件采用對象化的方式描述網(wǎng)頁元素，每一個網(wǎng)頁元素都 是一個獨立對象；所述網(wǎng)頁描述文件在傳輸過程中，進行加密傳輸或不加密傳輸。
5、 如權利要求4所述對象化的網(wǎng)頁元素還包括網(wǎng)頁元素屬性、網(wǎng)頁元素 事件，以及該事件所對應的功能信息；所述網(wǎng)頁元素對象的屬性包括但不限于A、 網(wǎng)頁中文本的字體屬性、運動方式、背景顏色、顯示方式、鏈接地址、 文^f醫(yī)位置信息；B、 網(wǎng)頁中表格的大小、運動方式位置坐標、顏色、顯示方式、邊框信息、 字體屬性；C、 網(wǎng)頁中圖片/動畫的大小、運動方式、位置坐標、透明度、顯示方式、 超鏈接；D、 網(wǎng)頁中視頻的顯示大小、運動方式、展示區(qū)域位置坐標、循環(huán)播放、 聲音、畫質(zhì)清晰度、視頻流暢度；網(wǎng)頁中音頻的播放屬性、音量屬性；E、 網(wǎng)頁中視頻內(nèi)部還進一步包含視頻內(nèi)部元素視頻、音頻、動畫、圖 片、文字；視頻內(nèi)部元素進一步包括視頻內(nèi)部元素屬性，包括文字文字區(qū)域位置、文字區(qū)域邊框、文字區(qū)域透明度、文字區(qū)域背景 顏色、字體大小、字體、字體顏色、顯示方式、文字區(qū)域運動方式、文字區(qū) 域關鍵字；圖片、Flash動畫、視頻/音頻區(qū)域位置、透明度、關鍵字、背 景顏色、區(qū)域邊框；所述網(wǎng)頁中元素對象的響應事件包括但不限于A、響應鼠標單擊事件；B、 響應鼠標雙擊事件；C、 響應鼠標左4建按下事件；D、 響應鼠標左4建抬起事件；E、 鼠標在對象之上事件；F、 對象初始化事件；G、 對象刪除事件；H、 對象開始播》欠事件；I、 對象結束4番;改時間； J、播放器事件事件； K、 4番放器^fe事件；L、播放器完成播放視頻事件 M、對象拖動事件。
6、 如權利要求l所述， 一種構造網(wǎng)頁的方法，其特征在于包括 所述網(wǎng)頁插-》丈才莫塊為Flash控件或Java控件或JavaScript控件或VBScript控件或ActiveX控件或瀏覽器內(nèi)置控件才莫塊； 所述網(wǎng)頁播放才莫塊具有可見性和隱藏性。
7、 一種構造互動網(wǎng)頁元素的方法，其特征在于，包括以下步驟 通過網(wǎng)頁控件箱將網(wǎng)頁元素封裝到對象結構中，對象結構包括對象的基本操作和基本屬性、對象所觸發(fā)的事件、對象觸發(fā)事件所對應的功能；并將 網(wǎng)頁元素保存為網(wǎng)頁元素描述文件；網(wǎng)頁播放模塊，通過和服務器數(shù)據(jù)庫通信，獲取網(wǎng)頁元素描述文件并解 析網(wǎng)頁元素描述文件，創(chuàng)建對象并監(jiān)聽事件，如果事件觸發(fā)，則執(zhí)行該事件 所對應的功能；如果事件沒有觸發(fā)，網(wǎng)頁播放模塊繼續(xù)監(jiān)聽。
8、 如權利要求7所述， 一種構造互動網(wǎng)頁元素的方法，其特征在于 所述網(wǎng)頁元素描述文件用于描述單個網(wǎng)頁元素，網(wǎng)頁元素描述文件封裝在一個XML或類腳本語言結構中，網(wǎng)頁元素描述文件包含該網(wǎng)頁元素<屬性-事件-功能>集合，用于描述該網(wǎng)頁元素現(xiàn)有屬性、觸發(fā)的事件、以及觸發(fā)事件 后的功能或應用；所述網(wǎng)頁元素描述文件作為和后臺服務器數(shù)據(jù)庫通信傳輸最小單位，通過網(wǎng)頁元素描述文件構成完整的網(wǎng)頁描述文件，再進行傳輸保存；所述網(wǎng)頁元素描述文件是構成網(wǎng)頁描述文件的基本單位，也是控制網(wǎng)頁 元素以及數(shù)據(jù)庫中保存網(wǎng)頁元素的最小單位；所述網(wǎng)頁元素描述文件在通信 傳輸?shù)倪^程中使用加密或不加密的方式進行傳輸；所述"如果事件觸發(fā)，則執(zhí)行該事件所對應的功能"，所述對應的功能包 括但不限于添力口新的網(wǎng)頁元素；刪除舊的網(wǎng)頁元素；改變網(wǎng)頁元素屬性；打開/關閉本地或網(wǎng)絡URL地址文件；打開/關閉本地或網(wǎng)絡地址設備或程序；和外部程序或i史備進行通信。
9、 一種通過鼠標拖動定位在網(wǎng)頁中構造網(wǎng)頁元素的方法，其特征在于， 包括以下步驟選擇創(chuàng)建網(wǎng)頁元素的類型及相關創(chuàng)建屬性；通過在網(wǎng)頁內(nèi)部執(zhí)4亍JavaScript或VBScript或Java或ActiveX程序獲取 鼠標拖動區(qū)域位置；在鼠標拖動的區(qū)域位置創(chuàng)建所選擇網(wǎng)頁元素。
10、 如權利要求9所述，通過鼠標拖動定位在網(wǎng)頁中構造網(wǎng)頁元素的方 法，其特征在于所述選擇創(chuàng)建網(wǎng)頁元素，在網(wǎng)頁控件箱中完成； 所述相關創(chuàng)建屬性，指網(wǎng)頁元素創(chuàng)建時的默認屬性； 所述鼠標拖動，拖動區(qū)域為矩形，拖動方向是左上到右下； 所述鼠標拖動的另 一種方式是選擇已創(chuàng)建的網(wǎng)頁元素，并通過鼠標拖動 的方法，改變其形狀和位置。
11、 一種構造網(wǎng)頁元素的方法，其特征在于，包括以下步驟 A.編輯并記錄網(wǎng)頁元素的步驟選擇創(chuàng)建網(wǎng)頁元素的類型及相關創(chuàng)建屬性；通過鼠標定位或在預先設定位置，調(diào)用JavaScript或VBScript或Java或 ActiveX或瀏覽器內(nèi)建解析器，在網(wǎng)頁中創(chuàng)建出所選擇創(chuàng)建的網(wǎng)頁元素； 并將創(chuàng)建元素的屬性保存成網(wǎng)頁元素描述文件； B. 4番;改并解析網(wǎng)頁元素的步驟網(wǎng)頁播放模塊獲取網(wǎng)頁元素描述文件，調(diào)用JavaScript或VBScript或Java 或ActiveX或瀏覽器內(nèi)建解析器，在網(wǎng)頁中創(chuàng)建網(wǎng)頁元素。
12、 一種編輯網(wǎng)頁的系統(tǒng)，其特征在于，包括以下模塊A. 服務器數(shù)據(jù)庫模塊，用于接收網(wǎng)頁控件箱模塊發(fā)送的網(wǎng)頁描述文件和 /或網(wǎng)頁元素描述文件，響應瀏覽器發(fā)送的請求，并向瀏覽器返回所請求的網(wǎng) 頁描述文件和/或網(wǎng)頁元素描述文件；在應用中網(wǎng)頁控件箱調(diào)用PHP或JSP或 ASP程序，操作數(shù)據(jù)庫。B. 網(wǎng)頁控件箱模塊，是系統(tǒng)的控制中心，嵌入在瀏覽器中，包括但不限 于基本功能模塊、網(wǎng)頁控制模塊、視頻控制模塊、元素配置模塊；基本功能模塊，用于實現(xiàn)視頻內(nèi)部元素和網(wǎng)頁元素的基本功能操作，所 述基本功能包括但不限于刪除創(chuàng)建的元素對象、撤銷、上一步操作、下一 步操作、控件箱中元素的默認設置信息；網(wǎng)頁控制模塊，用于編輯、控制網(wǎng)頁元素；和網(wǎng)頁控件模塊進行通信， 生成網(wǎng)頁元素描述文件和/或網(wǎng)頁描述文件；和瀏覽器中PHP或JSP或ASP程 序文件進行通信，通過PHP或JSP或ASP操作數(shù)據(jù)庫；元素配置才莫塊，用于 配置網(wǎng)頁元素之間的屬性信息和觸發(fā)事件信息，以及元素觸發(fā)事件所對應功 能應用信息；包括配置各網(wǎng)頁元素的默認設置；C. 網(wǎng)頁控件才莫塊，JavaScript或VBScript或Java或ActiveX或瀏覽器 內(nèi)建解析器模塊，用于解析并繪制網(wǎng)頁控件箱中選擇的網(wǎng)頁元素；所述網(wǎng)頁 控件模塊作為程序嵌入到網(wǎng)頁代碼中，實時感應網(wǎng)頁中事件，并響應事件； 網(wǎng)頁控件模塊作為XML的解析器功能，并能夠和網(wǎng)頁控件箱網(wǎng)頁控制模塊進 行通信；D. 瀏覽器模塊，用于加載網(wǎng)頁控件箱模塊、承載創(chuàng)建網(wǎng)頁元素。
13、 如權利要求12所述一種編輯網(wǎng)頁的系統(tǒng)，其特征在于 瀏覽器模塊中加載網(wǎng)頁控件箱模塊，網(wǎng)頁控件箱模塊中包括基本功能模塊、網(wǎng)頁控制模塊、元素配置模塊；通過激活網(wǎng)頁控制模塊，選擇網(wǎng)頁控件來創(chuàng)建網(wǎng)頁元素；通過激活元素配置模塊，對所述創(chuàng)建的元素進行基本信息配置和事件信 息配置，以及元素之間的事件控制信息配置；將創(chuàng)建的元素以及事件等信息保存為網(wǎng)頁描述文件或網(wǎng)頁元素描述文 件，并保存至服務器數(shù)據(jù)庫模塊；網(wǎng)頁控件箱中所述網(wǎng)頁控制模塊通過協(xié)議接口并調(diào)用網(wǎng)頁PHP或JSP或 ASP程序與服務器數(shù)據(jù)庫模塊相連；所述網(wǎng)頁控制模塊通過協(xié)議接口和網(wǎng)頁控件模塊相連，通過網(wǎng)頁控件模 塊解析網(wǎng)頁控制模塊創(chuàng)建的網(wǎng)頁元素描述文件或網(wǎng)頁描述文件T創(chuàng)建網(wǎng)頁元 素；所述網(wǎng)頁控件模塊作為程序模塊內(nèi)嵌于網(wǎng)頁中，通過調(diào)用PHP或JSP或 ASP和服務器數(shù)據(jù)庫模塊相連；并且網(wǎng)頁控件模塊和網(wǎng)頁控件箱直接通過函數(shù) 調(diào)用進行通信。
14、 一種插-放網(wǎng)頁的系統(tǒng)，其特征在于包括以下才莫塊A. 服務器數(shù)據(jù)庫模塊，用于接收瀏覽器模塊發(fā)送的網(wǎng)頁請求，并向瀏覽 器返回所請求的網(wǎng)頁描述文件或網(wǎng)頁元素描述文件；同時服務器數(shù)據(jù)庫模塊 用于存儲或動態(tài)生成網(wǎng)頁描述文件或網(wǎng)頁元素描述文件，并且服務器數(shù)據(jù)庫 模塊還具有統(tǒng)計用戶操作行為的功能；B. 網(wǎng)頁播放模塊，嵌入在瀏覽器中，具有可見性和隱藏性，用于與服務 器數(shù)據(jù)庫模塊進行通信，向服務器數(shù)據(jù)庫模塊發(fā)送請求網(wǎng)頁描述文件或網(wǎng)頁 元素描述文件、接收服務器數(shù)據(jù)庫返回的網(wǎng)頁描述文件或網(wǎng)頁元素描述文件；C. 網(wǎng)頁解析模塊，嵌入在瀏覽器中，作為腳本語言或程序語言模塊嵌入 網(wǎng)頁中，不具有可見性，與網(wǎng)頁播放模塊相連，用于接收網(wǎng)頁播放模塊發(fā)送 的指令，并解析網(wǎng)頁描述文件，最終繪制網(wǎng)頁元素以及控制網(wǎng)頁元素行為；D. 瀏覽器模塊，用于加載網(wǎng)頁播放模塊和網(wǎng)頁解析模塊，生成按預先編輯網(wǎng)頁元素的內(nèi)容和位置，構造出全部網(wǎng)頁元素以及所述元素響應的事件。
15、如權利要求14所述一種播》文網(wǎng)頁的系統(tǒng)，其特征在于 網(wǎng)頁播放模塊具有可見性和隱藏性；所述可見性用于播放網(wǎng)頁中包含的 視頻；所述隱藏性用于播放網(wǎng)頁中無視頻的情形；網(wǎng)頁解析模塊用于解析網(wǎng)頁描述文件，包括構造出框架元素和框架內(nèi)元素；所述框架元素包括網(wǎng)頁中的Div、 iFrame、 Table和Flash控件或Java控 件或JavaScript控件或VBScript控件或ActiveX控件元素； 所述框架內(nèi)元素包括4見頻、語音、動畫、圖片、文字； 所述構造元素響應的事件包括激活的事件和監(jiān)聽的事件。
全文摘要
本發(fā)明公開了一種構造和生成網(wǎng)頁的方法，包括瀏覽器中加載網(wǎng)頁控件箱模塊，選取并激活控件箱中網(wǎng)頁控制模塊，通過獲取鼠標或鼠標拖拽的位置或網(wǎng)頁中某預先設定位置，在網(wǎng)頁中動態(tài)生成可預覽的網(wǎng)頁元素，并生成各網(wǎng)頁元素對應的網(wǎng)頁描述文件；并將網(wǎng)頁描述文件保存到服務器數(shù)據(jù)庫模塊；用戶瀏覽編輯過的網(wǎng)頁時，瀏覽器中加載網(wǎng)頁播放模塊，網(wǎng)頁播放模塊和服務器數(shù)據(jù)庫模塊進行通信，獲取網(wǎng)頁描述文件，并解析網(wǎng)頁描述文件，按預先編輯網(wǎng)頁元素的內(nèi)容和位置，構造出全部網(wǎng)頁元素。本發(fā)明還公開了一種編輯和播放網(wǎng)頁的系統(tǒng)。本發(fā)明的有益效果在于用戶可以通過鼠標點擊、拖拽、所見即所得的構造網(wǎng)頁，完成對網(wǎng)頁內(nèi)容和視頻內(nèi)容事件交互通信和控制。
文檔編號G06F9/44GK101593207SQ20091010042
公開日2009年12月2日 申請日期2009年7月6日 優(yōu)先權日2009年7月6日
發(fā)明者孟智平, 郭海鋒 申請人:孟智平