一種可視化的網(wǎng)站建設(shè)系統(tǒng)及方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及內(nèi)容管理領(lǐng)域，尤其涉及一種可視化的網(wǎng)站建設(shè)系統(tǒng)及方法。
【背景技術(shù)】
[0002]隨著計算機(jī)的普及和發(fā)展，越來越多的知識和信息迫切地需要在互聯(lián)網(wǎng)上展示、分享，目前互聯(lián)網(wǎng)用戶主要通過瀏覽器訪問各種網(wǎng)站中的網(wǎng)頁，以獲取信息。而在制作這些網(wǎng)站的網(wǎng)頁時，一般需要美工、技術(shù)人員及編輯人員的參與，美工制作好靜態(tài)展示頁面，在用戶確認(rèn)的情況下，由開發(fā)人員將靜態(tài)頁面轉(zhuǎn)成HTML代碼，同時完成動態(tài)代碼的開發(fā)，編輯人員錄入正常數(shù)據(jù)。從網(wǎng)站開始到上線，需要經(jīng)歷一個漫長的過程，同時網(wǎng)站后期維護(hù)、更新也需要技術(shù)人員的參與，很難滿足互聯(lián)網(wǎng)飛速發(fā)展的需求，故迫切地需要一種可視化建站模式，使在只有在非技術(shù)人員的參與下，也能快速建立好用戶期望的站點(diǎn)。
[0003]現(xiàn)有CMS (Content Manage System，內(nèi)容管理系統(tǒng))以網(wǎng)頁為管理、維護(hù)單位，模塊可重用性小，并且將內(nèi)容控制層層下放以實(shí)現(xiàn)內(nèi)容管理，對于網(wǎng)站的建設(shè)和維護(hù)人員來說工作量較大，壓力較大，業(yè)務(wù)處理邏輯較復(fù)雜，建站資源可重用性較小。

【發(fā)明內(nèi)容】

[0004]基于此，本發(fā)明提供一種可視化的網(wǎng)站建設(shè)系統(tǒng)及方法，將網(wǎng)頁切分成一個個獨(dú)立的資源塊，進(jìn)行管理維護(hù)，將內(nèi)容管理與布局設(shè)計剝離，以提高建站時資源的可重用性，將建站業(yè)務(wù)邏輯透明化，減少網(wǎng)站建設(shè)者的工作量，降低建站難度，使得建站更高效、快捷。
[0005]本發(fā)明提供的一種可視化的網(wǎng)站建設(shè)系統(tǒng)，包括以下模塊:
站點(diǎn)池100:用于可視化建立和維護(hù)網(wǎng)站站點(diǎn)；
欄目庫200:用于建立和維護(hù)站點(diǎn)的所屬欄目，包括欄目內(nèi)內(nèi)容的填充，為后期網(wǎng)站建設(shè)提供素材；
資源池300:是網(wǎng)站建設(shè)的基礎(chǔ)資源，包含各種各樣的資源塊，資源塊是網(wǎng)頁的構(gòu)成元素；
風(fēng)格池400:包含各式各樣的風(fēng)格，定義并管理網(wǎng)站上的各種表現(xiàn)形式；
母版庫500:是預(yù)定義的一些基礎(chǔ)頁面結(jié)構(gòu)，包含各種各樣的母版，每個母版是多種資源塊和一種頁面風(fēng)格的組合，主要用于提高用戶建站的便捷性和高效性；
可視化設(shè)計頁面600:是網(wǎng)站建設(shè)的接口頁面，在該頁面下可以完成站點(diǎn)下網(wǎng)頁的制作。
[0006]更進(jìn)一步地，所述資源池100中的資源塊是網(wǎng)頁上的一個個小的內(nèi)容區(qū)域，每個資源塊又被切分為頭部、中部和底部，以便于更精細(xì)化配置。
[0007]每個資源塊通過配置其屬性信息，實(shí)現(xiàn)資源塊的特性和風(fēng)格定制；資源塊的屬性信息包括:資源塊的數(shù)據(jù)來源，內(nèi)容顯示屬性及顯示風(fēng)格等。
[0008]資源塊中與風(fēng)格相關(guān)的屬性信息，直接調(diào)用風(fēng)格池中的風(fēng)格。
[0009]網(wǎng)頁制作時只需要從資源池中挑選資源塊進(jìn)行組合，根據(jù)選擇的資源塊，配置相應(yīng)的資源屬性，即可以所見即所得的方式完成網(wǎng)站的制作。
[0010]更進(jìn)一步地，所述風(fēng)格池400包含三個層面的內(nèi)容，頁面風(fēng)格、資源風(fēng)格、內(nèi)容風(fēng)格。
[0011]其中頁面風(fēng)格，控制整個頁面的表現(xiàn)形式；資源風(fēng)格控制資源塊的表現(xiàn)形式；內(nèi)容風(fēng)格控制資源塊內(nèi)部元素的特性。
[0012]更進(jìn)一步地，母版庫500中，資源塊與不同的風(fēng)格構(gòu)成了各式各樣的母版，母版可以預(yù)定義，并可以重用。
[0013]母版的屬性信息包括資源塊和風(fēng)格，這些信息可根據(jù)需求隨時調(diào)整。
[0014]更進(jìn)一步地，可視化設(shè)計頁面600，通過模塊化管理，實(shí)現(xiàn)所見即所得的建站模式，其核心模塊包括:
布局操作管理601，負(fù)責(zé)頁面中關(guān)于布局相關(guān)的操作，如添加新布局、修改布局、刪除布局;
資源操作管理602，負(fù)責(zé)頁面中資源塊有關(guān)的操作，如新添、修改、刪除、拖動等；數(shù)據(jù)操作管理603，負(fù)責(zé)頁面中關(guān)于數(shù)據(jù)的操作，如欄目的新添、修改、刪除，文檔的新建、修改、刪除等；
拖動操作管理604，負(fù)責(zé)拖動所涉及的全局更新，如拖動資源塊實(shí)現(xiàn)位置調(diào)整，需級聯(lián)更新與之相關(guān)的其他資源塊；
頁面狀態(tài)管理605，記錄頁面狀態(tài)信息，以便于網(wǎng)站設(shè)計過程中的事務(wù)監(jiān)聽，支持實(shí)現(xiàn)撤銷、重做等功能。
[0015]此外，可視化設(shè)計頁面600可以隨時更改頁面結(jié)構(gòu)，同時可以調(diào)用資源池中的所有資源塊。
[0016]此外，本發(fā)明還提供了一種可視化的網(wǎng)站建設(shè)方法，該方法包括:
步驟A，建立網(wǎng)絡(luò)站點(diǎn)，并配置站點(diǎn)的屬性信息；
步驟B，規(guī)劃建立站點(diǎn)下的欄目；
步驟C，選擇一個母版，初始化可視化設(shè)計頁面；
步驟C_l，頁面結(jié)構(gòu)調(diào)整，包括頁面布局、頁面風(fēng)格等；
步驟D，通過拖拽向頁面中填充資源塊；
步驟E，配置所填充的資源塊，通過配置資源塊屬性信息實(shí)現(xiàn)；
步驟F，頁面保存和發(fā)布，將設(shè)計好的頁面提交給數(shù)據(jù)庫，以便隨時發(fā)布。
[0017]需要特別說明，一種可視化的網(wǎng)站建設(shè)方法，具備事務(wù)監(jiān)聽機(jī)制，任何一個步驟均可撤銷、重做，且步驟間無嚴(yán)格的順序，如可以新建完頁面后再去添加欄目信息等。
[0018]更進(jìn)一步，數(shù)據(jù)庫中的源數(shù)據(jù)，以欄目的形式被組織，以供資源塊調(diào)用，資源塊通過配置欄目屬性調(diào)用。
[0019]本發(fā)明例中提供了一種可視化的網(wǎng)站建設(shè)系統(tǒng)及方法，將內(nèi)容與布局設(shè)計獨(dú)立出來，以模塊化的思路，組織管理網(wǎng)站內(nèi)容和表現(xiàn)形式，提高了網(wǎng)站建設(shè)過程中資源的可重用性，使得網(wǎng)站建設(shè)高效、便捷，并實(shí)現(xiàn)所見即所得的建站模式。
【附圖說明】
[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é)合附圖對本發(fā)明實(shí)施例提供的技術(shù)方案進(jìn)行詳細(xì)說明。
[0023]本發(fā)明實(shí)施例中，一種可視化的網(wǎng)站建設(shè)系統(tǒng)，其中包括以下模塊:
站點(diǎn)池100:用于可視化建立和維護(hù)網(wǎng)站站點(diǎn)，包括新建、修改、刪除站點(diǎn)信息；
欄目庫200:用于建立和維護(hù)站點(diǎn)的所屬欄目，包括欄目的新建、修改、刪除，以及欄目的組織，欄目內(nèi)內(nèi)容的填充，欄目內(nèi)容是后期網(wǎng)站建設(shè)的素材；
資源池300:是網(wǎng)站建設(shè)的基礎(chǔ)資源，包含各種各樣的資源塊，資源塊是網(wǎng)頁的構(gòu)成元素；
風(fēng)格池400:包含各式各樣的風(fēng)格，定義并管理網(wǎng)站上的各種表現(xiàn)形式；
母版庫500:是預(yù)定義的一些基礎(chǔ)頁面結(jié)構(gòu)，包含各種各樣的母版，每個母版是多種資源塊，一種頁面風(fēng)格的組合，主要用于提高用戶建站的便捷性和高效性；
可視化設(shè)計頁面600:是網(wǎng)站建設(shè)的接口頁面，在該頁面下可以完成站點(diǎn)下網(wǎng)頁的制作。
[0024]系統(tǒng)中的資源池、風(fēng)格池、母版庫，可以盡可能的豐富，這些資源越豐富，對于網(wǎng)站的建設(shè)越便利且不單調(diào)。
[0025]資源塊通常可以有文字列表、圖片列表、導(dǎo)航信息、滾動資源等，同時支持不斷擴(kuò)充新的資源塊。
[0026]通過配置資源塊的屬性信息，實(shí)現(xiàn)資源塊的特性和風(fēng)格定制，資源塊的屬性信息包括:資源塊的數(shù)據(jù)來源，內(nèi)容顯示屬性及顯示風(fēng)格等，資源塊的屬性信息是資源塊被使用時配置。
[0027]網(wǎng)頁制作時只需要從資源