專利名稱：一種在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，可以對(duì)頁(yè)面上的 每個(gè)基本頁(yè)面元素操作，隨意設(shè)定位置，設(shè)置頁(yè)面元素外觀并連接相應(yīng)功能程序，而且不需要編寫(xiě)代碼，不需要任何網(wǎng)絡(luò)知識(shí)。
技術(shù)背景互聯(lián)網(wǎng)的時(shí)代已經(jīng)來(lái)到了，無(wú)論是企業(yè)還是個(gè)人，都需要一個(gè)動(dòng)態(tài)的網(wǎng) 站，對(duì)企業(yè)來(lái)說(shuō)，擁有一個(gè)動(dòng)態(tài)內(nèi)容的網(wǎng)站，可以方便的發(fā)布產(chǎn)品等最新企 業(yè)信息，擴(kuò)大企業(yè)的知名度，有利于企業(yè)發(fā)展。對(duì)于個(gè)人來(lái)說(shuō)，用有一個(gè)屬 于自己的動(dòng)態(tài)網(wǎng)站是每一個(gè)人的夢(mèng)想，每個(gè)人都想建立一個(gè)屬于自己的個(gè)人 站點(diǎn)。目前主要的建設(shè)網(wǎng)站的方法是委托相關(guān)的專業(yè)公司或?qū)I(yè)技術(shù)人員開(kāi)發(fā) 適合自己的網(wǎng)站，需要相關(guān)的技術(shù)人員還需要不菲的費(fèi)用和比較長(zhǎng)的制作時(shí) 間，同時(shí)由于不是自己親自制作，有很多創(chuàng)意無(wú)法充分發(fā)揮，而且修改不方 便。目前，雖然有一些自助建站的系統(tǒng)，可目前相關(guān)系統(tǒng)往往采用模板，模 塊的建站方式，制作出來(lái)的網(wǎng)站有著太多的相似的地方，無(wú)法展現(xiàn)個(gè)性和自己的創(chuàng)意，有很大的局限性；苛刻的條件使很多的企業(yè)和個(gè)人無(wú)法實(shí)現(xiàn)擁有自己的網(wǎng)站的夢(mèng)想，在這 個(gè)信息化的時(shí)代，沒(méi)有自己網(wǎng)站的企業(yè)必將嚴(yán)重影響企業(yè)的發(fā)展，而對(duì)個(gè)人 來(lái)說(shuō)，無(wú)法圓自己的網(wǎng)站夢(mèng)是一個(gè)殘酷的現(xiàn)實(shí)。發(fā)明內(nèi)容本發(fā)明的目的，是提供一種在瀏覽器中就可以用所見(jiàn)即所得的方法設(shè)置 頁(yè)面中基本元素的外觀，并用直觀的方法將頁(yè)面元素與相關(guān)程序連接配置，且可以將頁(yè)面元素設(shè)定于頁(yè)面的任意位置，而不需要編寫(xiě)程序代碼和了解任 何網(wǎng)絡(luò)技術(shù)的建設(shè)動(dòng)態(tài)網(wǎng)站的方法。
為達(dá)到以上目的，本發(fā)明釆用以下技術(shù)方案一種在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，其特征在于，包括以下步驟:A、 建立頁(yè)面元素庫(kù)，以便制作網(wǎng)站時(shí)使用；B、 建立程序動(dòng)作庫(kù)，以便制作網(wǎng)站時(shí)使用；C、 創(chuàng)建頁(yè)面基本布局，并保存頁(yè)面基本布局；D、 從頁(yè)面元素庫(kù)中調(diào)用所需頁(yè)面元素，對(duì)基本布局頁(yè)面進(jìn)行詳細(xì) 布局，并保存設(shè)置；E、 從頁(yè)面元素庫(kù)中調(diào)用所需頁(yè)面元素，放置在頁(yè)面相應(yīng)位置，并 保存設(shè)置；F、 設(shè)置頁(yè)面元素屬性，配置成期望的顯示式樣，并保存設(shè)置；G、 從程序動(dòng)作庫(kù)中選擇所需程序動(dòng)作，配置頁(yè)面元素，并保存設(shè)置；上述在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，所述步驟A中頁(yè)面元素庫(kù)是 可擴(kuò)展頁(yè)面元素庫(kù)；上述在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，所述步驟A中所述頁(yè)面元素 庫(kù)包括表格頁(yè)面元素、層頁(yè)面元素、文字頁(yè)面元素、圖片頁(yè)面元素、多媒 體頁(yè)面元素、按鈕頁(yè)面元素、文本框頁(yè)面元素、單選框頁(yè)面元素、多選框頁(yè) 面元素、下拉列表頁(yè)面元素；上述在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，每個(gè)頁(yè)面元素是包含顏色、 大小、鏈接、風(fēng)格、顯示方式等多種屬性的頁(yè)面元素；上述在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，所述步驟B中程序動(dòng)作庫(kù)是 可擴(kuò)展程序動(dòng)作庫(kù)；上述在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，所述步驟B中所述程序動(dòng)作 庫(kù)包括重復(fù)頁(yè)面元素程序動(dòng)作，截取頁(yè)面元素程序動(dòng)作，根據(jù)條件顯示頁(yè) 面元素程序動(dòng)作；上述在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，所述步驟C還包括Cl、將頁(yè)面用橫線和豎線分割成若干高度和寬度各異的區(qū)域，稱為區(qū)域；
C2、拖動(dòng)橫線或豎線可動(dòng)態(tài)改變相對(duì)應(yīng)區(qū)域的高度或?qū)挾龋籆3、將頁(yè)面分割成若干高度和寬度各異的區(qū)域的橫線和豎線的數(shù)量可以為0條，表示整個(gè)頁(yè)面為一個(gè)區(qū)域；C4、每個(gè)區(qū)域的大小可自定義或根據(jù)放置頁(yè)面元素的數(shù)量自由伸縮；上述在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，所述步驟D還包括Dl、每個(gè)區(qū)域內(nèi)通過(guò)放置多行多列表格頁(yè)面元素或放置多個(gè)層頁(yè)面元素，而產(chǎn)生多個(gè)格子，稱為元素容器；D2、每個(gè)元素容器中，可放置一個(gè)或多個(gè)頁(yè)面元素；D3、每個(gè)元素容器的大小可自定義或根據(jù)放置頁(yè)面元素的數(shù)量自由伸縮; 上述在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，所述步驟E還包括 El、從頁(yè)面元素庫(kù)中選擇頁(yè)面元素，放置在所選定的元素容器中； 與現(xiàn)有技術(shù)相比，本發(fā)明有以下優(yōu)點(diǎn)不需要任何的軟件編程知識(shí)和網(wǎng)絡(luò)知識(shí)，在瀏覽器中即可直接以可視化 的方式操作頁(yè)面中的每個(gè)頁(yè)面元素，不但可以以可視化的方式改變每個(gè)頁(yè)面 元素的外觀，大小，鏈接，顏色，顯示方式等外觀特征，而且可以以可視化 的方式將此元素與相關(guān)程序直接連接。本發(fā)明的頁(yè)面元素庫(kù)可隨意擴(kuò)展，頁(yè)面可自由排版，用戶可以根據(jù)自己 的喜好，將頁(yè)面元素放置在網(wǎng)頁(yè)的任何位置?？梢猿浞职l(fā)揮自己對(duì)網(wǎng)站的創(chuàng) 意，滿足自己的要求。


圖l:本發(fā)明實(shí)施例的動(dòng)態(tài)網(wǎng)站建設(shè)流程圖； 圖2:本發(fā)明創(chuàng)建的頁(yè)面元素庫(kù)示意圖； 圖3:本發(fā)明創(chuàng)建的程序動(dòng)作庫(kù)效果示意圖；圖4:本發(fā)明實(shí)施例頁(yè)面元素調(diào)用和配置程序動(dòng)作及保存流程圖； 圖5:本發(fā)明實(shí)施例中創(chuàng)建頁(yè)面基本布局示意圖； 圖6:本發(fā)明實(shí)施例中創(chuàng)建頁(yè)面詳細(xì)布局示意圖； 圖7:本發(fā)明實(shí)施例中元素容器示意圖8:本發(fā)明實(shí)施例頁(yè)面元素調(diào)用配置屬性流程圖； 圖9:本發(fā)明實(shí)施例頁(yè)面元素調(diào)用程序動(dòng)作流程圖； 圖10:本發(fā)明構(gòu)建的網(wǎng)站頁(yè)面效果圖。
具體實(shí)施方式
圖1是本發(fā)明實(shí)施動(dòng)態(tài)網(wǎng)站建設(shè)流程圖，參考圖1，本發(fā)明的在網(wǎng)頁(yè)瀏覽 器中制作動(dòng)態(tài)網(wǎng)站的方法，包括步驟A、建立頁(yè)面元素庫(kù)，以便建設(shè)網(wǎng)站時(shí)使用； 步驟B、建立程序動(dòng)作庫(kù)，以便建設(shè)網(wǎng)站時(shí)使用； 步驟C、創(chuàng)建頁(yè)面基本布局，并保存頁(yè)面基本布局；步驟D、從頁(yè)面元素庫(kù)中調(diào)用所需頁(yè)面元素，對(duì)基本布局頁(yè)面進(jìn)行詳細(xì)布 局，并保存設(shè)置；步驟E、從頁(yè)面元素庫(kù)中調(diào)用所需頁(yè)面元素，放置在頁(yè)面相應(yīng)位置，并保 存設(shè)置；步驟F、設(shè)置頁(yè)面元素屬性，配置成期望的顯示式樣，并保存設(shè)置； 步驟G、從動(dòng)作程序庫(kù)中選擇所需程序動(dòng)作，配置頁(yè)面元素，并保存設(shè)置； 所述步驟C還包括(Cl)將頁(yè)面用橫線和豎線分割成若干高度和寬度各 異的區(qū)域，稱為區(qū)域；(C2)拖動(dòng)橫線或豎線可動(dòng)態(tài)改變相對(duì)應(yīng)區(qū)域的高度或 寬度；(C3)將頁(yè)面分割成若干高度和寬度各異的區(qū)域的橫線和豎線的數(shù)量可 以為0條，表示整個(gè)頁(yè)面為一個(gè)區(qū)域；(C4)每個(gè)區(qū)域的大小可自定義或根據(jù) 放置頁(yè)面元素的數(shù)量自由伸縮；所述步驟D還包括(Dl)每個(gè)區(qū)域內(nèi)通過(guò)放置多行多列表格頁(yè)面元素或 放置多個(gè)層頁(yè)面元素，而產(chǎn)生多個(gè)格子，稱為元素容器；(D2)每個(gè)元素容器 中，可放置一個(gè)或多個(gè)頁(yè)面元素；(D3)每個(gè)元素容器的大小可自定義或根據(jù) 放置頁(yè)面元素的數(shù)量自由伸縮；所述步驟E還包括(El)從頁(yè)面元素庫(kù)中，選擇頁(yè)面元素，放置在所選 定的元素容器中；所述歩驟A中建立頁(yè)面元素庫(kù)，是通過(guò)對(duì)網(wǎng)站頁(yè)面組成元素的分析，根
據(jù)需要建立的可擴(kuò)展的通用頁(yè)面元素庫(kù)。如圖2所示，網(wǎng)站基本由，表格頁(yè) 面元素1、層頁(yè)面元素2、文字頁(yè)面元素3、圖片頁(yè)面元素4、多媒體頁(yè)面元素5、按鈕頁(yè)面元素6、文本框頁(yè)面元素7、單選框頁(yè)面元素8、多選框頁(yè)面 元素9、下拉列表頁(yè)面元素10組成。圖3是程序動(dòng)作效果圖示意，其中重復(fù)頁(yè)面元素程序動(dòng)作為1，重復(fù)文字 (標(biāo)題)頁(yè)面元素程序動(dòng)作，截取頁(yè)面元素程序動(dòng)作為2 (截取了文字頁(yè)面元 素程序動(dòng)作)，根據(jù)條件顯示頁(yè)面元素程序動(dòng)作為3 (根據(jù)日期顯示不同的圖 片頁(yè)面元素程序動(dòng)作)。圖4是本發(fā)明實(shí)施例頁(yè)面元素調(diào)用配置程序動(dòng)作及保存流程圖。參考圖4， 本發(fā)明的在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，包括步驟A、從頁(yè)面元素庫(kù)中選擇需要的頁(yè)面元素； 步驟B、從程序動(dòng)作庫(kù)中選擇需要的程序動(dòng)作；步驟C、設(shè)置頁(yè)面元素屬性，配置成期望的顯示式樣，并保存設(shè)置； 步驟D、在頁(yè)面元素上配置需要的程序動(dòng)作，并保存設(shè)置； 步驟E、保存頁(yè)面元素屬性及程序動(dòng)作配置；圖5是本發(fā)明實(shí)施例中創(chuàng)建頁(yè)面基本布局示意圖，參考圖5，創(chuàng)建頁(yè)面基 本布局時(shí)用橫線和豎線將頁(yè)面分割成若干高度和寬度各異的區(qū)域，稱為區(qū)域， 拖動(dòng)橫線或豎線可動(dòng)態(tài)改變相對(duì)應(yīng)區(qū)域的高度或?qū)挾?；圖6是本發(fā)明實(shí)施例中創(chuàng)建頁(yè)面詳細(xì)布局示意圖，參考圖6，從頁(yè)面元素 庫(kù)中調(diào)用所需頁(yè)面元素，對(duì)基本布局頁(yè)面進(jìn)行詳細(xì)布局。每個(gè)區(qū)域內(nèi)通過(guò)放 置多行多列表格頁(yè)面元素或放置多個(gè)層頁(yè)面元素，而產(chǎn)生多個(gè)格子，稱為元 素容器s圖7是本發(fā)明實(shí)施例中元素容器示意圖，參考圖7，從頁(yè)面元素庫(kù)中，選 擇頁(yè)面元素，放置在所選定的元素容器中。圖8是本發(fā)明實(shí)施例頁(yè)面元素調(diào)用配置屬性流程圖，參考圖8，包括以下 步驟步驟A、從頁(yè)元素庫(kù)中選擇所需要的頁(yè)面元素；
步驟B、將頁(yè)面元素放置于元素容器中，并保存設(shè)置； 步驟C、選擇需要的頁(yè)面元素屬性配置頁(yè)面元素；步驟D、選擇需要的頁(yè)面元素屬性配置頁(yè)面元素，配置成期望的式樣，并 保存設(shè)置；步驟E、保存設(shè)置；圖9是本發(fā)明實(shí)施例頁(yè)面元素配置程序動(dòng)作流程圖，參考圖9，包括以下步驟步驟A、選擇元素容器中的頁(yè)面元素； 步驟B、從程序動(dòng)作庫(kù)中選擇所需的動(dòng)作； 步驟C、配置頁(yè)面元素產(chǎn)生所需的動(dòng)作； 步驟D、保存設(shè)置；圖io是本發(fā)明創(chuàng)建的網(wǎng)站頁(yè)面效果圖。
權(quán)利要求
1、一種在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，其特征在于，包括以下步驟A、建立頁(yè)面元素庫(kù)，以便制作網(wǎng)站時(shí)使用；B、建立程序動(dòng)作庫(kù)，以便制作網(wǎng)站時(shí)使用；C、創(chuàng)建頁(yè)面基本布局，并保存頁(yè)面基本布局；D、從頁(yè)面元素庫(kù)中調(diào)用所需頁(yè)面元素，對(duì)基本布局頁(yè)面進(jìn)行詳細(xì)布局，并保存設(shè)置；E、從頁(yè)面元素庫(kù)中調(diào)用所需頁(yè)面元素，放置在頁(yè)面相應(yīng)位置，并保存設(shè)置；F、設(shè)置頁(yè)面元素屬性，配置成期望的顯示式樣，并保存設(shè)置；G、從程序動(dòng)作庫(kù)中選擇所需程序動(dòng)作，配置頁(yè)面元素，并保存設(shè)置。
2、 根據(jù)權(quán)利要求1所述的一種在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法， 其特征在于，所述頁(yè)面元素庫(kù)是可擴(kuò)展頁(yè)面元素庫(kù)。
3、 根據(jù)權(quán)利要求2所述的一種在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法， 其特征在于，所述頁(yè)面元素庫(kù)包括表格頁(yè)面元素、層頁(yè)面元素、文字頁(yè)面 元素、圖片頁(yè)面元素、多媒體頁(yè)面元素、按鈕頁(yè)面元素、文本框頁(yè)面元素、 單選框頁(yè)面元素、多選框頁(yè)面元素、下拉列表頁(yè)面元素。
4、 根據(jù)權(quán)利要求3所述的一種在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法， 其特征在于，所述每個(gè)頁(yè)面元素是包含顏色、大小、鏈接、風(fēng)格、顯示方式 多種屬性的頁(yè)面元素。
5、 根據(jù)權(quán)利要求1所述的一種在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法， 其特征在于，所述程序動(dòng)作庫(kù)是可擴(kuò)展程序動(dòng)作庫(kù)。
6、 根據(jù)權(quán)利要求5所述的一種在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法， 其特征在于，所述程序動(dòng)作庫(kù)包括重復(fù)頁(yè)面元素程序動(dòng)作，截取頁(yè)面元素 程序動(dòng)作，根據(jù)條件顯示頁(yè)面元素程序動(dòng)作。
7、 根據(jù)權(quán)利要求1所述的一種在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，其特征在于，所述步驟C還包括 Cl、將頁(yè)面用橫線和豎線分割成若干高度和寬度各異的區(qū)域，稱為區(qū)域; C2、拖動(dòng)橫線或豎線可動(dòng)態(tài)改變相對(duì)應(yīng)區(qū)域的高度或?qū)挾?；C3、將頁(yè)面分割成若干高度和寬度各異的區(qū)域的橫線和豎線的數(shù)量可以為0條，表示整個(gè)頁(yè)面為一個(gè)區(qū)域；C4、每個(gè)區(qū)域的大小可自定義或根據(jù)放置頁(yè)面元素的數(shù)量自由伸縮。
8、 根據(jù)權(quán)利要求l所述的一種在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，其特征在于，所述步驟D還包括Dl、每個(gè)區(qū)域內(nèi)通過(guò)放置多行多列表格頁(yè)面元素或放置多個(gè)層頁(yè)面元素， 而產(chǎn)生多個(gè)格子，稱為元素容器；D2、每個(gè)元素容器中，可放置一個(gè)或多個(gè)頁(yè)面元素；D3、每個(gè)元素容器的大小可自定義或根據(jù)放置頁(yè)面元素的數(shù)量自由伸縮。
9、 根據(jù)權(quán)利要求1所述的一種在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，其特征在于，所述步驟E還包括El、從頁(yè)面元素庫(kù)中選擇頁(yè)面元素，放置在所選定的元素容器中。
全文摘要
本發(fā)明公開(kāi)了一種在網(wǎng)頁(yè)瀏覽器中制作動(dòng)態(tài)網(wǎng)站的方法，主要包括以下步驟(A)建立頁(yè)面元素庫(kù)，以便制作網(wǎng)站時(shí)使用；(B)建立程序動(dòng)作庫(kù)，以便制作網(wǎng)站時(shí)使用；(C)創(chuàng)建頁(yè)面基本布局，并保存頁(yè)面基本布局；(D)從頁(yè)面元素庫(kù)中調(diào)用所需頁(yè)面元素，對(duì)基本布局頁(yè)面進(jìn)行詳細(xì)布局，并保存設(shè)置；(E)從頁(yè)面元素庫(kù)中調(diào)用所需頁(yè)面元素，放置在頁(yè)面相應(yīng)位置，并保存設(shè)置；(F)設(shè)置頁(yè)面元素屬性，配置成期望的顯示式樣，并保存設(shè)置；(G)從程序動(dòng)作庫(kù)中選擇所需程序動(dòng)作，配置頁(yè)面元素，并保存設(shè)置；本發(fā)明的目的，是提供一種在瀏覽器中就可以用所見(jiàn)即所得的方法設(shè)置頁(yè)面中基本元素的外觀，并用直觀的方法將頁(yè)面元素與相關(guān)程序連接配置的方法。
文檔編號(hào)G06F17/30GK101118493SQ20071015210
公開(kāi)日2008年2月6日 申請(qǐng)日期2007年9月17日 優(yōu)先權(quán)日2007年9月17日
發(fā)明者威 張 申請(qǐng)人:威 張