一種可視化的網(wǎng)站建設(shè)系統(tǒng)及方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及內(nèi)容管理領(lǐng)域,尤其涉及一種可視化的網(wǎng)站建設(shè)系統(tǒng)及方法。
【背景技術(shù)】
[0002]隨著計(jì)算機(jī)的普及和發(fā)展,越來(lái)越多的知識(shí)和信息迫切地需要在互聯(lián)網(wǎng)上展示、分享,目前互聯(lián)網(wǎng)用戶(hù)主要通過(guò)瀏覽器訪問(wèn)各種網(wǎng)站中的網(wǎng)頁(yè),以獲取信息。而在制作這些網(wǎng)站的網(wǎng)頁(yè)時(shí),一般需要美工、技術(shù)人員及編輯人員的參與,美工制作好靜態(tài)展示頁(yè)面,在用戶(hù)確認(rèn)的情況下,由開(kāi)發(fā)人員將靜態(tài)頁(yè)面轉(zhuǎn)成HTML代碼,同時(shí)完成動(dòng)態(tài)代碼的開(kāi)發(fā),編輯人員錄入正常數(shù)據(jù)。從網(wǎng)站開(kāi)始到上線,需要經(jīng)歷一個(gè)漫長(zhǎng)的過(guò)程,同時(shí)網(wǎng)站后期維護(hù)、更新也需要技術(shù)人員的參與,很難滿(mǎn)足互聯(lián)網(wǎng)飛速發(fā)展的需求,故迫切地需要一種可視化建站模式,使在只有在非技術(shù)人員的參與下,也能快速建立好用戶(hù)期望的站點(diǎn)。
[0003]現(xiàn)有CMS (Content Manage System,內(nèi)容管理系統(tǒng))以網(wǎng)頁(yè)為管理、維護(hù)單位,模塊可重用性小,并且將內(nèi)容控制層層下放以實(shí)現(xiàn)內(nèi)容管理,對(duì)于網(wǎng)站的建設(shè)和維護(hù)人員來(lái)說(shuō)工作量較大,壓力較大,業(yè)務(wù)處理邏輯較復(fù)雜,建站資源可重用性較小。
【發(fā)明內(nèi)容】
[0004]基于此,本發(fā)明提供一種可視化的網(wǎng)站建設(shè)系統(tǒng)及方法,將網(wǎng)頁(yè)切分成一個(gè)個(gè)獨(dú)立的資源塊,進(jìn)行管理維護(hù),將內(nèi)容管理與布局設(shè)計(jì)剝離,以提高建站時(shí)資源的可重用性,將建站業(yè)務(wù)邏輯透明化,減少網(wǎng)站建設(shè)者的工作量,降低建站難度,使得建站更高效、快捷。
[0005]本發(fā)明提供的一種可視化的網(wǎng)站建設(shè)系統(tǒng),包括以下模塊:
站點(diǎn)池100:用于可視化建立和維護(hù)網(wǎng)站站點(diǎn);
欄目庫(kù)200:用于建立和維護(hù)站點(diǎn)的所屬欄目,包括欄目?jī)?nèi)內(nèi)容的填充,為后期網(wǎng)站建設(shè)提供素材;
資源池300:是網(wǎng)站建設(shè)的基礎(chǔ)資源,包含各種各樣的資源塊,資源塊是網(wǎng)頁(yè)的構(gòu)成元素;
風(fēng)格池400:包含各式各樣的風(fēng)格,定義并管理網(wǎng)站上的各種表現(xiàn)形式;
母版庫(kù)500:是預(yù)定義的一些基礎(chǔ)頁(yè)面結(jié)構(gòu),包含各種各樣的母版,每個(gè)母版是多種資源塊和一種頁(yè)面風(fēng)格的組合,主要用于提高用戶(hù)建站的便捷性和高效性;
可視化設(shè)計(jì)頁(yè)面600:是網(wǎng)站建設(shè)的接口頁(yè)面,在該頁(yè)面下可以完成站點(diǎn)下網(wǎng)頁(yè)的制作。
[0006]更進(jìn)一步地,所述資源池100中的資源塊是網(wǎng)頁(yè)上的一個(gè)個(gè)小的內(nèi)容區(qū)域,每個(gè)資源塊又被切分為頭部、中部和底部,以便于更精細(xì)化配置。
[0007]每個(gè)資源塊通過(guò)配置其屬性信息,實(shí)現(xiàn)資源塊的特性和風(fēng)格定制;資源塊的屬性信息包括:資源塊的數(shù)據(jù)來(lái)源,內(nèi)容顯示屬性及顯示風(fēng)格等。
[0008]資源塊中與風(fēng)格相關(guān)的屬性信息,直接調(diào)用風(fēng)格池中的風(fēng)格。
[0009]網(wǎng)頁(yè)制作時(shí)只需要從資源池中挑選資源塊進(jìn)行組合,根據(jù)選擇的資源塊,配置相應(yīng)的資源屬性,即可以所見(jiàn)即所得的方式完成網(wǎng)站的制作。
[0010]更進(jìn)一步地,所述風(fēng)格池400包含三個(gè)層面的內(nèi)容,頁(yè)面風(fēng)格、資源風(fēng)格、內(nèi)容風(fēng)格。
[0011]其中頁(yè)面風(fēng)格,控制整個(gè)頁(yè)面的表現(xiàn)形式;資源風(fēng)格控制資源塊的表現(xiàn)形式;內(nèi)容風(fēng)格控制資源塊內(nèi)部元素的特性。
[0012]更進(jìn)一步地,母版庫(kù)500中,資源塊與不同的風(fēng)格構(gòu)成了各式各樣的母版,母版可以預(yù)定義,并可以重用。
[0013]母版的屬性信息包括資源塊和風(fēng)格,這些信息可根據(jù)需求隨時(shí)調(diào)整。
[0014]更進(jìn)一步地,可視化設(shè)計(jì)頁(yè)面600,通過(guò)模塊化管理,實(shí)現(xiàn)所見(jiàn)即所得的建站模式,其核心模塊包括:
布局操作管理601,負(fù)責(zé)頁(yè)面中關(guān)于布局相關(guān)的操作,如添加新布局、修改布局、刪除布局;
資源操作管理602,負(fù)責(zé)頁(yè)面中資源塊有關(guān)的操作,如新添、修改、刪除、拖動(dòng)等;數(shù)據(jù)操作管理603,負(fù)責(zé)頁(yè)面中關(guān)于數(shù)據(jù)的操作,如欄目的新添、修改、刪除,文檔的新建、修改、刪除等;
拖動(dòng)操作管理604,負(fù)責(zé)拖動(dòng)所涉及的全局更新,如拖動(dòng)資源塊實(shí)現(xiàn)位置調(diào)整,需級(jí)聯(lián)更新與之相關(guān)的其他資源塊;
頁(yè)面狀態(tài)管理605,記錄頁(yè)面狀態(tài)信息,以便于網(wǎng)站設(shè)計(jì)過(guò)程中的事務(wù)監(jiān)聽(tīng),支持實(shí)現(xiàn)撤銷(xiāo)、重做等功能。
[0015]此外,可視化設(shè)計(jì)頁(yè)面600可以隨時(shí)更改頁(yè)面結(jié)構(gòu),同時(shí)可以調(diào)用資源池中的所有資源塊。
[0016]此外,本發(fā)明還提供了一種可視化的網(wǎng)站建設(shè)方法,該方法包括:
步驟A,建立網(wǎng)絡(luò)站點(diǎn),并配置站點(diǎn)的屬性信息;
步驟B,規(guī)劃建立站點(diǎn)下的欄目;
步驟C,選擇一個(gè)母版,初始化可視化設(shè)計(jì)頁(yè)面;
步驟C_l,頁(yè)面結(jié)構(gòu)調(diào)整,包括頁(yè)面布局、頁(yè)面風(fēng)格等;
步驟D,通過(guò)拖拽向頁(yè)面中填充資源塊;
步驟E,配置所填充的資源塊,通過(guò)配置資源塊屬性信息實(shí)現(xiàn);
步驟F,頁(yè)面保存和發(fā)布,將設(shè)計(jì)好的頁(yè)面提交給數(shù)據(jù)庫(kù),以便隨時(shí)發(fā)布。
[0017]需要特別說(shuō)明,一種可視化的網(wǎng)站建設(shè)方法,具備事務(wù)監(jiān)聽(tīng)機(jī)制,任何一個(gè)步驟均可撤銷(xiāo)、重做,且步驟間無(wú)嚴(yán)格的順序,如可以新建完頁(yè)面后再去添加欄目信息等。
[0018]更進(jìn)一步,數(shù)據(jù)庫(kù)中的源數(shù)據(jù),以欄目的形式被組織,以供資源塊調(diào)用,資源塊通過(guò)配置欄目屬性調(diào)用。
[0019]本發(fā)明例中提供了一種可視化的網(wǎng)站建設(shè)系統(tǒng)及方法,將內(nèi)容與布局設(shè)計(jì)獨(dú)立出來(lái),以模塊化的思路,組織管理網(wǎng)站內(nèi)容和表現(xiàn)形式,提高了網(wǎng)站建設(shè)過(guò)程中資源的可重用性,使得網(wǎng)站建設(shè)高效、便捷,并實(shí)現(xiàn)所見(jiàn)即所得的建站模式。
【附圖說(shuō)明】
[0020]圖1為本發(fā)明實(shí)施例提供的一種可視化的網(wǎng)站建設(shè)系統(tǒng)模塊圖。
[0021]圖2為本發(fā)明實(shí)施例提供的一種可視化的網(wǎng)站建設(shè)方法流程圖。
具體實(shí)施方案
[0022]為使本發(fā)明實(shí)施例的目的、技術(shù)方法、及優(yōu)點(diǎn)更加清楚明白,以下結(jié)合附圖對(duì)本發(fā)明實(shí)施例提供的技術(shù)方案進(jìn)行詳細(xì)說(shuō)明。
[0023]本發(fā)明實(shí)施例中,一種可視化的網(wǎng)站建設(shè)系統(tǒng),其中包括以下模塊:
站點(diǎn)池100:用于可視化建立和維護(hù)網(wǎng)站站點(diǎn),包括新建、修改、刪除站點(diǎn)信息;
欄目庫(kù)200:用于建立和維護(hù)站點(diǎn)的所屬欄目,包括欄目的新建、修改、刪除,以及欄目的組織,欄目?jī)?nèi)內(nèi)容的填充,欄目?jī)?nèi)容是后期網(wǎng)站建設(shè)的素材;
資源池300:是網(wǎng)站建設(shè)的基礎(chǔ)資源,包含各種各樣的資源塊,資源塊是網(wǎng)頁(yè)的構(gòu)成元素;
風(fēng)格池400:包含各式各樣的風(fēng)格,定義并管理網(wǎng)站上的各種表現(xiàn)形式;
母版庫(kù)500:是預(yù)定義的一些基礎(chǔ)頁(yè)面結(jié)構(gòu),包含各種各樣的母版,每個(gè)母版是多種資源塊,一種頁(yè)面風(fēng)格的組合,主要用于提高用戶(hù)建站的便捷性和高效性;
可視化設(shè)計(jì)頁(yè)面600:是網(wǎng)站建設(shè)的接口頁(yè)面,在該頁(yè)面下可以完成站點(diǎn)下網(wǎng)頁(yè)的制作。
[0024]系統(tǒng)中的資源池、風(fēng)格池、母版庫(kù),可以盡可能的豐富,這些資源越豐富,對(duì)于網(wǎng)站的建設(shè)越便利且不單調(diào)。
[0025]資源塊通??梢杂形淖至斜怼D片列表、導(dǎo)航信息、滾動(dòng)資源等,同時(shí)支持不斷擴(kuò)充新的資源塊。
[0026]通過(guò)配置資源塊的屬性信息,實(shí)現(xiàn)資源塊的特性和風(fēng)格定制,資源塊的屬性信息包括:資源塊的數(shù)據(jù)來(lái)源,內(nèi)容顯示屬性及顯示風(fēng)格等,資源塊的屬性信息是資源塊被使用時(shí)配置。
[0027]網(wǎng)頁(yè)制作時(shí)只需要從資源