專利名稱:模塊化的網(wǎng)頁編輯與實(shí)時轉(zhuǎn)換的網(wǎng)頁顯示系統(tǒng)與方法
技術(shù)領(lǐng)域:
本發(fā)明涉及一種模塊化的網(wǎng)頁編輯與實(shí)時轉(zhuǎn)換的網(wǎng)頁顯示系統(tǒng)與方法,特別涉及一種在網(wǎng)頁編輯時具有彈性,且網(wǎng)頁顯示時可實(shí)時轉(zhuǎn)換的系統(tǒng)與方法。
隨著互聯(lián)網(wǎng)的日益盛行,消費(fèi)者在網(wǎng)絡(luò)上進(jìn)行交易的次數(shù)也隨之增加,因此企業(yè)如何利用編排美觀、新奇與經(jīng)常更新的網(wǎng)頁來吸引消費(fèi)者的眼光,增加消費(fèi)者在自家網(wǎng)站與網(wǎng)頁的瀏覽時間,以便爭取到消費(fèi)者更多下單訂購商品的機(jī)會,對在網(wǎng)站商家而言是一件與龐大商機(jī)牽連甚廣的大事。然而,企業(yè)由實(shí)體轉(zhuǎn)戰(zhàn)至網(wǎng)絡(luò)上的商務(wù)電子化的需求,往往因各產(chǎn)業(yè)的性質(zhì)、企業(yè)規(guī)模、組織行為、產(chǎn)品特性及客戶服務(wù)等因素,而尋求不同的系統(tǒng)及方法來加以滿足。通常,此類方法不外乎,(1)自購軟件套件來加以制作,(2)自行開發(fā)設(shè)計(jì)軟件系統(tǒng),(3)委托外界專案開發(fā)軟件系統(tǒng),(4)租賃定型化的軟件系統(tǒng),或上述方法的組合應(yīng)用。
一般而言,企業(yè)在建置網(wǎng)站的工作上,為求整體效率并期望能達(dá)到專業(yè)水準(zhǔn)的要求上,通常會采取(3)委托外界專案開發(fā)的方法。也就是說,經(jīng)由簽約委托外界交由網(wǎng)站建置的專門人員來進(jìn)行,并在提供企業(yè)網(wǎng)站中所需的公司簡介、產(chǎn)品型錄等各種相關(guān)數(shù)據(jù)后,責(zé)成美工編輯人員與網(wǎng)站建置人員相互配合,來設(shè)計(jì)并產(chǎn)生出符合企業(yè)需要的所有網(wǎng)頁以及每一網(wǎng)頁的美編,而網(wǎng)頁編輯通常也可在固定的網(wǎng)頁編輯軟件,如Front Page或是Dream Weaver等軟件中來進(jìn)行。然而在編輯某一頁網(wǎng)頁時,這些軟件只能提供兩三種制式的網(wǎng)頁版面,在選定某一種制式的版面后,就固定在某一區(qū)塊顯示公司簡介的數(shù)據(jù),另一區(qū)塊顯示產(chǎn)品型錄的數(shù)據(jù)。當(dāng)過了一段時間,企業(yè)覺得網(wǎng)頁版面設(shè)計(jì)不佳、有新的需求因此導(dǎo)致必須增辟新區(qū)、或是純粹因?yàn)榫W(wǎng)頁擺置過久,怕喪失新鮮感而無法持續(xù)吸引消費(fèi)者等因素想要改版時,就必須和網(wǎng)站建置的人員再次簽約進(jìn)行網(wǎng)站中各網(wǎng)頁的改版,當(dāng)然也必須再次進(jìn)行付費(fèi)。
然而,對在日趨復(fù)雜、競爭激烈、商品服務(wù)變化快速的網(wǎng)絡(luò)環(huán)境下,實(shí)時性及彈性往往是各商家決勝在網(wǎng)絡(luò)虛擬空間的重要關(guān)鍵,如果每次網(wǎng)頁改版都必須簽約委托外界處理,不但耗費(fèi)財(cái)力也花費(fèi)時間,尤其對在占總企業(yè)數(shù)目達(dá)七成以上的中小企業(yè)(SME),其企業(yè)中人數(shù)較少,商務(wù)電子化程度非常低,卻對在多樣化、低成本、彈性及實(shí)時性的網(wǎng)頁設(shè)計(jì)或改版有著同樣需求。
因此,本發(fā)明提供了一種應(yīng)用在互聯(lián)網(wǎng)上的網(wǎng)頁編輯與顯示的系統(tǒng)與方法,使得商家的網(wǎng)頁編輯者或是美編人員可以在伺服器主機(jī)下載模塊化的檔案,來制作與編輯示意性質(zhì)的網(wǎng)頁,完成后上傳儲存在伺服器主機(jī)。而當(dāng)一般網(wǎng)頁瀏覽者在連線至伺服器主機(jī)瀏覽網(wǎng)頁時,伺服器主機(jī)再實(shí)時進(jìn)行轉(zhuǎn)換,以呈現(xiàn)出預(yù)定設(shè)計(jì)的正常網(wǎng)頁畫面與功能。
本發(fā)明的網(wǎng)頁編輯與顯示系統(tǒng)分成三個主要部分使用者計(jì)算機(jī)、伺服器主機(jī)以及網(wǎng)頁瀏覽者計(jì)算機(jī)。首先,商家在建置網(wǎng)站、制作網(wǎng)頁之前,必須要先在內(nèi)部準(zhǔn)備好一些文件或圖形。這些文件或圖形的用途是為了將來能呈現(xiàn)在網(wǎng)頁上,以供一般網(wǎng)頁瀏覽者也就是潛在的客戶來瀏覽,因此,這些文件可能包含公司簡介、產(chǎn)品信息、活動快訊、使用說明、會員需知等等的文字性說明,而圖形則可以包含網(wǎng)頁背景、公司商標(biāo)、產(chǎn)品型錄等等的各種圖像或標(biāo)志。將這些文件或圖形準(zhǔn)備好之后,就可先上傳至伺服器主機(jī),并在輸入商家?guī)ぬ柵c密碼后存入其后臺數(shù)據(jù)庫,將這些文件或圖形存放其中以便后續(xù)呼叫使用或顯示。
然后,商家的網(wǎng)頁編輯者接著在使用者計(jì)算機(jī)端進(jìn)行網(wǎng)頁的制作。在這一個部分,網(wǎng)頁編輯者必須先連線至伺服器主機(jī)上來下載本發(fā)明特殊的檔案套件,包含“功能區(qū)塊檔案”與“功能連結(jié)檔案”,然后開啟使用者計(jì)算機(jī)中的網(wǎng)頁編輯軟件,如DreamWeaver等,并將下載的“功能區(qū)塊檔案”與“功能連結(jié)檔案”連結(jié)進(jìn)DreamWeaver,以便在此網(wǎng)頁編輯軟件所提供的環(huán)境中利用上述下載的檔案套件進(jìn)行網(wǎng)頁編輯。當(dāng)商家的網(wǎng)頁編輯者經(jīng)由DreamWeaver選擇某一個功能區(qū)塊檔案后,就會在待編輯的目標(biāo)網(wǎng)頁中網(wǎng)頁編輯者所希望擺置的區(qū)域,顯示相對應(yīng)示意性質(zhì)的功能區(qū)塊。相似地,網(wǎng)頁編輯者亦可自行在待編輯的目標(biāo)網(wǎng)頁中輸入某些提示文字,經(jīng)由DreamWeaver選擇某一個功能連結(jié)檔案,使得這些提示文字可經(jīng)由這個功能連結(jié)檔案產(chǎn)生示意性質(zhì)的功能連結(jié),結(jié)合在該目標(biāo)網(wǎng)頁中。
當(dāng)商家網(wǎng)頁編輯者在使用者計(jì)算機(jī)端通過“功能區(qū)塊檔案”與“功能連結(jié)檔案”來完成網(wǎng)頁的制作后,就會將制作完成的網(wǎng)頁或多個網(wǎng)頁傳至伺服器主機(jī)。由在這些網(wǎng)頁的制作是以“功能區(qū)塊檔案”所產(chǎn)生的功能區(qū)塊與“功能連結(jié)檔案”所產(chǎn)生的功能連結(jié)等示意的方式暫時完成,必須經(jīng)過必要的轉(zhuǎn)換或是解讀,才能確保將來一般網(wǎng)頁瀏覽者在其計(jì)算機(jī)上所看到的是正確的顯示畫面及可執(zhí)行預(yù)定的功能,因此,伺服器主機(jī)中另有“功能區(qū)塊轉(zhuǎn)換模塊”與“功能連結(jié)轉(zhuǎn)換模塊”來執(zhí)行相對應(yīng)的轉(zhuǎn)換工作。
因此,當(dāng)一般網(wǎng)頁瀏覽者經(jīng)由其計(jì)算機(jī)連上伺服器主機(jī)進(jìn)入網(wǎng)站中瀏覽網(wǎng)頁時,伺服器主機(jī)中的“功能區(qū)塊轉(zhuǎn)換模塊”與“功能連結(jié)轉(zhuǎn)換模塊”就會在線上實(shí)時(real-time)進(jìn)行所有的轉(zhuǎn)換工作,以便使網(wǎng)頁瀏覽者能觀看到正確的畫面顯示及正常地使用所有預(yù)定的連結(jié)功能,如此一來,網(wǎng)頁瀏覽者在其計(jì)算機(jī)端就可以自由地在不同網(wǎng)頁間進(jìn)行連結(jié)切換,或在某一網(wǎng)頁瀏覽預(yù)定的圖文或是進(jìn)行購物。
關(guān)在本發(fā)明的優(yōu)點(diǎn)與精神可以通過以下的詳細(xì)說明及附圖得到進(jìn)一步的了解。
圖1為本發(fā)明網(wǎng)頁編輯與顯示系統(tǒng)100的構(gòu)造圖。
圖2為本發(fā)明網(wǎng)頁編輯與顯示系統(tǒng)100在伺服器主機(jī)300端的系統(tǒng)構(gòu)造圖。
圖3為本發(fā)明網(wǎng)頁編輯與顯示系統(tǒng)100中功能連結(jié)對照表360的示意圖。
圖4為本發(fā)明網(wǎng)頁編輯與顯示系統(tǒng)100在使用者計(jì)算機(jī)200端的系統(tǒng)構(gòu)造圖。
圖5為本發(fā)明網(wǎng)頁編輯與顯示系統(tǒng)100中的功能區(qū)塊檔案222的示意圖。
圖6為本發(fā)明網(wǎng)頁編輯與顯示系統(tǒng)100在使用者計(jì)算機(jī)200端的操作流程圖101。
圖7與圖8為本發(fā)明網(wǎng)頁編輯與顯示系統(tǒng)100的功能區(qū)塊轉(zhuǎn)換模塊314對功能區(qū)塊檔案222進(jìn)行轉(zhuǎn)換的示意圖。
圖9為本發(fā)明網(wǎng)頁編輯與顯示系統(tǒng)100的功能連結(jié)轉(zhuǎn)換模塊316的操作流程圖130。
為了對本發(fā)明的網(wǎng)頁編輯與顯示系統(tǒng)100加以清楚解釋,以下針對<本發(fā)明的系統(tǒng)構(gòu)造與組成元件>以及<本發(fā)明系統(tǒng)的操作流程>兩大部分分別加以說明。<本發(fā)明的系統(tǒng)構(gòu)造與組成元件>
請參考圖1,圖1為本發(fā)明的網(wǎng)頁編輯與顯示系統(tǒng)100的系統(tǒng)構(gòu)造圖。本發(fā)明的網(wǎng)頁編輯與顯示系統(tǒng)100包含有使用者計(jì)算機(jī)200、伺服器主機(jī)300以及網(wǎng)頁瀏覽者計(jì)算機(jī)400三個主要部分,而使用者計(jì)算機(jī)200、伺服器主機(jī)300以及網(wǎng)頁瀏覽者計(jì)算機(jī)400可以經(jīng)由互聯(lián)網(wǎng)500來加以相互連結(jié),以便相互傳遞文字?jǐn)?shù)據(jù)或是影像圖形。
使用者計(jì)算機(jī)200為一般常見的個人計(jì)算機(jī),包含臺式、筆記本型、便攜式等形式的個人計(jì)算機(jī),在其他硬體方面則可進(jìn)一步包含鍵盤、鼠標(biāo)等輸入裝置以及顯示屏幕等輸出裝置,在軟件方面則包含常見的MSWindows操作系統(tǒng)、Internet Explorer 4.0或Netscape瀏覽器與至少一種網(wǎng)頁編輯軟件210,如DreamWeaver等。而網(wǎng)頁瀏覽者計(jì)算機(jī)400大致上也與使用者計(jì)算機(jī)200相似,為一般常見的個人計(jì)算機(jī),其軟硬體配備則不重復(fù)說明,但是至少具有Internet Explorer 4.0或Netscape等可用來上網(wǎng)的瀏覽器410。伺服器主機(jī)300則可簡單區(qū)分為前臺部分302與后臺部分304。前臺部分302包含有顯示畫面303,以作為伺服器主機(jī)300與商家的網(wǎng)頁編輯者260或是一般網(wǎng)頁瀏覽者420相互溝通訊息的接口。后臺部分304則包含有程序區(qū)310、下載區(qū)320與數(shù)據(jù)庫340。
請參考圖2,圖2為本發(fā)明網(wǎng)頁編輯與顯示系統(tǒng)100在伺服器主機(jī)300端的系統(tǒng)構(gòu)造圖。伺服器主機(jī)300包含前臺部分302與后臺部分304。前臺部分302包含有顯示畫面303,而后臺部分304則包含有程序區(qū)310、下載區(qū)320與數(shù)據(jù)庫340。程序區(qū)310中包含有可執(zhí)行特定功能的程序模塊,如主程序312、功能區(qū)塊轉(zhuǎn)換模塊314與功能連結(jié)轉(zhuǎn)換模塊316。下載區(qū)320則存放著等待被下載的一些檔案或程序,例如功能區(qū)塊檔案322、功能連結(jié)檔案324。數(shù)據(jù)庫340中包含有商家數(shù)據(jù)區(qū)350與功能連結(jié)對照表360。下載區(qū)320的功能區(qū)塊檔案322與功能連結(jié)檔案324是經(jīng)過壓縮過的檔案,可供商家的網(wǎng)頁編輯者260下載至使用者計(jì)算機(jī)200,經(jīng)過解壓縮后成為功能區(qū)塊檔案222與功能連結(jié)檔案232儲存在使用者計(jì)算機(jī)200中(參考圖4),以便如DreamWeaver之類的網(wǎng)頁編輯軟件210可以呼叫進(jìn)來使用,進(jìn)而制作示意性質(zhì)的網(wǎng)頁,有關(guān)這部分后面有較詳細(xì)說明,在此則暫不加詳述。
當(dāng)商家的網(wǎng)頁編輯者260將網(wǎng)頁編輯好之后,即上傳儲存在數(shù)據(jù)庫340中相對應(yīng)的商家數(shù)據(jù)夾330,由在商家數(shù)據(jù)夾330中的網(wǎng)頁356是示意性質(zhì)的網(wǎng)頁,當(dāng)有一般網(wǎng)頁瀏覽者420經(jīng)由瀏覽器410上網(wǎng)欲瀏覽時,伺服器主機(jī)300必須能進(jìn)行實(shí)時轉(zhuǎn)換的工作,以便網(wǎng)頁瀏覽者420能正??吹皆揪W(wǎng)頁編輯者260所希望設(shè)計(jì)的網(wǎng)頁,因此,程序區(qū)310中的主程序312、功能區(qū)塊轉(zhuǎn)換模塊314與功能連結(jié)轉(zhuǎn)換模塊316就是在負(fù)責(zé)這項(xiàng)工作。
主程序312是負(fù)責(zé)接口與統(tǒng)合性質(zhì)的工作,例如接收、傳送數(shù)據(jù)、呼叫其他軟件模塊等,功能區(qū)塊轉(zhuǎn)換模塊314則是將網(wǎng)頁編輯者260所制作的網(wǎng)頁356中所含有的功能區(qū)塊檔案222,加以轉(zhuǎn)換為相對應(yīng)的圖形或文字,功能連結(jié)轉(zhuǎn)換模塊316則是將網(wǎng)頁356中所含有的功能連結(jié)檔案232,加以轉(zhuǎn)換為相對應(yīng)正確的連結(jié)。經(jīng)過功能區(qū)塊轉(zhuǎn)換模塊314進(jìn)行適當(dāng)?shù)膮^(qū)塊轉(zhuǎn)換,以及經(jīng)過功能連結(jié)轉(zhuǎn)換模塊316進(jìn)行適當(dāng)?shù)倪B結(jié)轉(zhuǎn)換后,就可以將原本商家網(wǎng)頁編輯者所制作出示意性質(zhì)的網(wǎng)頁,實(shí)時且正常地顯示出來,以供一般網(wǎng)頁瀏鑒者或是有興趣的客戶來觀看瀏覽,并進(jìn)一步訂購購買其中的商品或服務(wù)。
商家數(shù)據(jù)區(qū)350中包含了多個商家數(shù)據(jù)夾330,每一個商家數(shù)據(jù)夾330存放著某一個特定商家上傳的各種數(shù)據(jù),包含有商家簡介、產(chǎn)品信息、活動快訊、使用說明、會員需知等等的文字性的說明文件352,或是網(wǎng)頁背景、公司商標(biāo)、產(chǎn)品型錄等等的各種標(biāo)志或圖形354,以及將來商家的網(wǎng)頁編輯者260所編輯好上傳的示意性質(zhì)網(wǎng)頁356。
在此應(yīng)該提及的是,本發(fā)明的較佳實(shí)施例是以商家數(shù)據(jù)夾330與其中的圖形文字等皆存放在后臺數(shù)據(jù)庫340中來加以說明的,然而商家數(shù)據(jù)夾330的實(shí)體位置也可以選擇不是放置在伺服器主機(jī)300內(nèi),而是所謂的“虛擬式商家數(shù)據(jù)夾”。這是由在目前互聯(lián)網(wǎng)上信息流通與數(shù)據(jù)擷取的技術(shù)日新月異,其實(shí)此商家數(shù)據(jù)夾330中的數(shù)據(jù)可以存在區(qū)域網(wǎng)絡(luò)中的伺服主機(jī)上,也可以存在互聯(lián)網(wǎng)中的任何一臺伺服主機(jī)上,而在需要時再由主程序312通過FTP、NFS,甚至在HTTP等不同的存取方式來取得。通過上述“虛擬式商家數(shù)據(jù)夾”的設(shè)計(jì),本發(fā)明可以充分善用HTTP來存取所有虛擬主機(jī)上的網(wǎng)頁空間,換句話說,只要是伺服器主機(jī)300的主程序312可以取得數(shù)據(jù)的范圍,都可視為本發(fā)明所稱的商家數(shù)據(jù)夾330。如此一來,現(xiàn)有的虛擬主機(jī)網(wǎng)站的店家,并不需要改變其網(wǎng)頁空間的實(shí)體位置或業(yè)務(wù)關(guān)系,因此,在適用本發(fā)明的做法時,其相關(guān)系統(tǒng)的改變不是屬在全面翻新,而是在有限范圍內(nèi)作適度修正,因此也容易被現(xiàn)有網(wǎng)站的店家所接受。
請參考圖3,圖3為本發(fā)明網(wǎng)頁編輯與顯示系統(tǒng)100中功能連結(jié)對照表360的示意圖。功能連結(jié)對照表360的設(shè)計(jì)目的,是為了使得功能連結(jié)轉(zhuǎn)換模塊316能將網(wǎng)頁356中含有的功能連結(jié)檔案232轉(zhuǎn)換為正確的連結(jié),以便能取得真正的相對應(yīng)實(shí)際網(wǎng)址。也就是說,功能連結(jié)對照表360只要能達(dá)到此一目的即可,實(shí)際上可以有各種不同型式的設(shè)計(jì)。舉例而言,功能連結(jié)對照表360包含有五個欄位“項(xiàng)次”362、“功能連結(jié)代號”364、“實(shí)際網(wǎng)址”366、“備注說明”368與“功能連結(jié)檔案的檔名”370。項(xiàng)次362欄位用來顯示功能連結(jié)檔案232的次序編號,功能連結(jié)代號364欄位則擷取自功能連結(jié)檔案232的檔名,其與功能連結(jié)檔案232有著一對一的關(guān)系,實(shí)際網(wǎng)址366欄位則是載明相對應(yīng)功能連結(jié)檔案232所真正要連結(jié)到的網(wǎng)址,備注說明368欄位則是備注的作用,說明此一功能連結(jié)檔案232所連結(jié)到的系統(tǒng)功能,而功能連結(jié)檔案的檔名370欄位則是顯示此一功能連結(jié)檔案232的檔名或是放置路徑。
功能連結(jié)對照表360中最重要的欄位是功能連結(jié)代號364與實(shí)際網(wǎng)址366,其余部分則是說明性質(zhì),可視實(shí)際需要增減。功能連結(jié)轉(zhuǎn)換模塊316在接收到瀏覽器410所傳來內(nèi)含有功能連結(jié)檔案的檔名的連結(jié)參考值(href)之后,會對功能連結(jié)檔案232的檔名進(jìn)行分析,以從其中擷取出相對應(yīng)的功能連結(jié)代號,并以此查詢功能連結(jié)對照表360中的功能連結(jié)代號364欄位,以便對照實(shí)際網(wǎng)址366欄位后得出其實(shí)際的網(wǎng)址,再回傳給瀏覽器410以進(jìn)行正確的連結(jié)。
請參考圖4,圖4為本發(fā)明網(wǎng)頁編輯與顯示系統(tǒng)100在使用者計(jì)算機(jī)200端的系統(tǒng)構(gòu)造圖。使用者計(jì)算機(jī)200中除了包含常見的MS Windows操作系統(tǒng)、Internet Explorer 4.0或Netscape瀏覽器250之外,還包含了如DreamWeaver的網(wǎng)頁編輯軟件210,以及如FastZip98、FastZip2001的壓縮/解壓縮軟件240。此外,使用者計(jì)算機(jī)200中還包含區(qū)塊目錄220和連結(jié)目錄230,區(qū)塊目錄220下存放有多個功能區(qū)塊檔案222,而連結(jié)目錄230下存放有多個功能連結(jié)檔案232。功能區(qū)塊檔案222與功能連結(jié)檔案232都是商家網(wǎng)頁編輯者260在編輯網(wǎng)頁之前,至伺服器主機(jī)300的后臺304下載區(qū)320所下載得到的檔案,例如功能區(qū)塊檔案222是經(jīng)由下載來的功能區(qū)塊檔案322解壓縮所得,而功能連結(jié)檔案232是經(jīng)由下載來的功能連結(jié)檔案324解壓縮所得。
請參考圖5,圖5為本發(fā)明網(wǎng)頁編輯與顯示系統(tǒng)100中功能區(qū)塊檔案222的示意圖。功能區(qū)塊檔案222是一群事先就設(shè)計(jì)好的HTML檔案,附屬檔名為.html,其作用是提供商家網(wǎng)頁編輯者260在編輯網(wǎng)頁時一些現(xiàn)成的模塊,以便經(jīng)由拖曳(Click and Drag)的方式就可以很方便擺置在網(wǎng)頁上任何一處,成為某個功能區(qū)塊的示意圖,其檔案種類可以包括如熱門商品、促銷商品特區(qū)等,檔案種類的數(shù)目可以依照市場上常見的網(wǎng)頁編輯需求來事先設(shè)計(jì),一般數(shù)目大約可在數(shù)百個左右。經(jīng)由這些不同功能區(qū)塊在空白網(wǎng)頁上的排列組合,使得商家網(wǎng)頁編輯者260很輕易就可以對在將來所設(shè)計(jì)出來的網(wǎng)頁的版面布置有深刻的印象。
每一個功能區(qū)塊檔案222大致可分成檔頭270、檔尾290以及中間的HTML示意圖282三部分。檔頭270以及檔尾290中都包含有一些HTML所定義的樣板變數(shù),如{OBJECT_BEGIN}、{OBJECT_END}、{SHAPE_BEGIN}、{SHAPE_END}等,而由符號″<!-″帶頭以及符號″-->″結(jié)尾。基在HTML語法的定義,這個部分會被當(dāng)作是注解區(qū)略過不管,因此當(dāng)商家網(wǎng)頁編輯者260將功能區(qū)塊檔案222拖曳至待制作的網(wǎng)頁中時,在使用者計(jì)算機(jī)200中呈現(xiàn)的只有HTML示意圖282的部分,而不會對檔頭270以及檔尾290的部分加以解讀,因此這二部分也不會呈現(xiàn)在使用者計(jì)算機(jī)200中。而此一HTML示意圖282,也就是這個功能區(qū)塊檔案222與以示意性質(zhì)方式呈現(xiàn)在網(wǎng)頁編輯者260眼前的功能區(qū)塊相對應(yīng)。
但是,每一個功能區(qū)塊檔案222中的HTML示意圖282(或稱功能區(qū)塊)會和檔頭270中的特定樣板變數(shù)呈現(xiàn)一對一的對應(yīng)關(guān)系。例如功能區(qū)塊檔案222的效果是為了呈現(xiàn)兩行圖文顯示,每一行圖形顯示在左而文字說明在右,因此商家網(wǎng)頁編輯者260可在使用者計(jì)算機(jī)200中看到{PRODUCT_SHOW}的HTML示意圖282,而此示意圖282相對應(yīng)的樣板變數(shù)為檔頭270中的{PRODUCT_SHOW}272。當(dāng)然,每一個功能區(qū)塊檔案222在下載入網(wǎng)頁編輯軟件210,如Dreamweaver內(nèi)后,必須能顯示相對應(yīng)HTML示意圖282中的所有示意圖文,也就是說所有功能區(qū)塊檔案222必須與將來網(wǎng)頁編輯軟件210的環(huán)境相容,如此才不至在發(fā)生某些功能區(qū)塊檔案222在有些網(wǎng)頁編輯軟件的環(huán)境中無法發(fā)揮其預(yù)定的圖形顯示效果,而顯示出殘破的圖形,致使商家網(wǎng)頁編輯者260無法判斷將來編輯完成網(wǎng)頁的圖文擺置效果如何。
而當(dāng)網(wǎng)頁完成編輯并上傳到伺服器主機(jī)300后,將來若有網(wǎng)頁瀏覽者420欲瀏覽此一網(wǎng)頁時,伺服器主機(jī)300會依照{(diào)PRODUCT_SHOW}272這個特定的樣板變數(shù),在{PRODUCT_SHOW}的HTML示意圖282所在的位置將其轉(zhuǎn)換成所指定的功能區(qū)塊,而此一功能區(qū)塊實(shí)際內(nèi)容會依據(jù)當(dāng)時的伺服器主機(jī)300后臺304的數(shù)據(jù)及設(shè)定而作相對應(yīng)的顯示。至在實(shí)際上的轉(zhuǎn)換流程在后續(xù)<本發(fā)明系統(tǒng)的操作流程>中會有詳細(xì)說明,在此暫時不加詳述。
至在功能連結(jié)檔案232則是一群經(jīng)過目錄分類的功能連結(jié)檔案,附屬檔名為.lnk,是用來做為超連結(jié)(HyperLink)之用,而所分類的目錄舉例而言可以有“訂閱電子報(bào)”、“購物須知”、“會員登入”、“購物車內(nèi)容”等。而后續(xù)放在編輯完成的網(wǎng)頁上的每一個超連結(jié)(HyperLink),都必須連結(jié)到此連結(jié)目錄之下某一個目錄分類的功能連結(jié)檔案232,以便能后續(xù)伺服端主機(jī)300能正確加以解讀,并將其連結(jié)到相對應(yīng)的功能。例如./訂閱電子報(bào)/link-010.lnka連結(jié)到“訂閱電子報(bào)”功能./購物須知/link-020.lnka連結(jié)到“購物須知”功能./會員登入/link-030.lnka連結(jié)到“會員登入”功能./購物車內(nèi)容/link-040.lnka連結(jié)到“購物車內(nèi)容”功能……等。
在此應(yīng)該提及的是,這些功能連結(jié)檔案232的目的,是為了后續(xù)要能使伺服端主機(jī)300中的功能連結(jié)轉(zhuǎn)換模塊316能正確加以解讀,如同前述說明圖3的功能連結(jié)對照表360所已經(jīng)說明者,只要伺服器主機(jī)300中的功能連結(jié)對照表360中正確表列著所有功能連結(jié)代號364與其相對應(yīng)要連結(jié)的功能或是網(wǎng)頁的實(shí)際網(wǎng)址366即可。因此這些功能連結(jié)檔案232的內(nèi)容并不重要,如果是設(shè)計(jì)以功能連結(jié)檔案232的檔名來進(jìn)行對照,功能連結(jié)檔案232的預(yù)設(shè)內(nèi)容甚至可以是空的。然而應(yīng)設(shè)計(jì)讓使用者無法任意修改其檔名及附屬檔名,以避免后續(xù)功能連結(jié)轉(zhuǎn)換模塊316依據(jù)功能連結(jié)對照表360進(jìn)行對照時,出現(xiàn)對照錯誤而無法正確解讀網(wǎng)頁編輯者260原本真正要連結(jié)的功能。<本發(fā)明系統(tǒng)的操作流程>
由在本發(fā)明的網(wǎng)頁編輯與顯示系統(tǒng)100包含有使用者計(jì)算機(jī)200、伺服器主機(jī)300以及網(wǎng)頁瀏覽者計(jì)算機(jī)400三個主要部分,現(xiàn)在分別就兩大部分-使用者計(jì)算機(jī)200端與伺服端主機(jī)300端的互動以及網(wǎng)頁瀏覽者計(jì)算機(jī)400端與伺服端主機(jī)300端的互動,來說明其中的運(yùn)作流程。一、使用者計(jì)算機(jī)端與伺服端主機(jī)端的互動商家在建置網(wǎng)站、制作網(wǎng)頁之前,必須要先在內(nèi)部準(zhǔn)備好一些文件或圖形。這些文件或圖形的用途是為了將來能呈現(xiàn)在網(wǎng)頁上,以供一般網(wǎng)頁瀏覽者420也就是潛在的客戶來瀏覽,因此,這些文件可能包含公司簡介、產(chǎn)品信息、活動快訊、使用說明、會員需知等等的文字性說明,而圖形則可以包含網(wǎng)頁背景、公司商標(biāo)、產(chǎn)品型錄等等的各種圖像或標(biāo)志。將這些文件或圖形準(zhǔn)備好之后,就需先上傳至伺服器主機(jī)300,并在輸入商家?guī)ぬ柵c密碼后登入其后臺304的數(shù)據(jù)庫340,將這些文件352或圖形354存放其中。
商家網(wǎng)頁編輯者260或稱使用者想利用本發(fā)明的系統(tǒng)100編輯網(wǎng)頁以建置吸引人的網(wǎng)站時,首先必須開啟使用者端的計(jì)算機(jī)200以便連接上伺服器主機(jī)300,在將使用者帳號與密碼輸入并由伺服器主機(jī)300確認(rèn)無誤后,可連至伺服器主機(jī)300的后臺304的下載區(qū)320來下載功能區(qū)塊檔案322與功能連結(jié)檔案324,以利后續(xù)網(wǎng)頁畫面的編排制作。此兩檔案是以壓縮檔的形式存放在伺服端主機(jī)300的后臺304的下載區(qū)320中,因此使用者將此兩檔案下載后,首先必須進(jìn)行檔案解壓縮的工作,并將兩個檔案解壓縮后分別存放在使用者端計(jì)算機(jī)200的區(qū)塊目錄220和連結(jié)目錄230底下。在此建議使用支援雙位元組(DBCS)規(guī)格的壓縮/解壓縮軟件240,如FastZip98、FastZip2001等軟件來進(jìn)行檔案解壓縮的工作。
完成下載存檔后,就可以開始制作網(wǎng)頁,因此,必須開啟如DreamWeaver之類的網(wǎng)頁編輯軟件210。在開始正式制作網(wǎng)頁前,必須先將剛才經(jīng)過解壓縮的功能區(qū)塊檔案222與功能連結(jié)檔案232兩者的存放位置告知網(wǎng)頁編輯軟件210,以便進(jìn)行網(wǎng)頁編輯??梢允褂肈reamWeaver210所提供的Site視窗,來定義功能區(qū)塊檔案222與功能連結(jié)檔案232兩者所存放的位置,以便后續(xù)取得檔案的作業(yè)能順利進(jìn)行。完成上述準(zhǔn)備工作后,就可以開啟新的視窗進(jìn)行網(wǎng)頁編輯。
在開啟新的空白網(wǎng)頁畫面進(jìn)行網(wǎng)頁編輯時,可利用現(xiàn)成的功能區(qū)塊檔案222來加以編排,此時需開啟區(qū)塊目錄220的顯示視窗,從中來選取先前下載并儲存好的多種功能區(qū)塊檔案222,例如熱門商品、促銷商品特區(qū)等,選擇到想要的功能區(qū)塊檔案222后,可直接將其拖曳到網(wǎng)頁畫面上即可,而在此待編輯的目標(biāo)網(wǎng)頁畫面中網(wǎng)頁編輯者所拖曳的區(qū)域,就會顯示相對應(yīng)示意性質(zhì)的功能區(qū)塊。
而當(dāng)網(wǎng)頁編輯者260在制作網(wǎng)頁中的超連結(jié)時,可先在網(wǎng)頁畫面上自行輸入某些提示文字,例如輸入“訂閱電子報(bào)”五字代表要連結(jié)到后臺的訂閱電子報(bào)功能,然后選取此五字會出現(xiàn)DreamWeaver210中所提供“Make Link”的物件屬性視窗,在其中下拉式選單進(jìn)行檔案瀏覽,以便可從其中挑選出“訂閱電子報(bào)”的功能連結(jié)檔案232,于是在目標(biāo)網(wǎng)頁畫面中“訂閱電子報(bào)”五個字就會產(chǎn)生示意性質(zhì)的功能連結(jié),也就是將目前超連結(jié)的連結(jié)參考值(href)設(shè)定為此一功能連結(jié)檔案232。換句話說,此一功能連結(jié)檔案232即是所代表功能“訂閱電子報(bào)”的連接所在。此連結(jié)參考值(href)的內(nèi)容會因不同網(wǎng)頁編輯軟件210的設(shè)定及檔案瀏覽操作的方式而有一些差異,例如連結(jié)參考值(href)的內(nèi)容可能如下href=″file///…/會員登入link-030.lnk″、href=″./會員登入link-030.lnk″、href=″/會員登入/link-030.lnk″,但是,由在之后功能連結(jié)轉(zhuǎn)換模塊316在接收到瀏覽器410所傳來以上的連結(jié)參考值后,會針對其中功能連結(jié)檔案232的檔名進(jìn)行分析,以從其中擷取出相對應(yīng)的功能連結(jié)代號,并以此查詢功能連結(jié)對照表360中的功能連結(jié)代號364欄位,以得出實(shí)際網(wǎng)址再回傳給瀏覽器410,因此,對在最終呈現(xiàn)在網(wǎng)頁瀏覽者計(jì)算機(jī)400畫面前的效果或功能不會產(chǎn)生影響。
以上述方法完成了一頁網(wǎng)頁后,適當(dāng)取名存檔,就可以以同樣方式編輯下一頁網(wǎng)頁。在完成所有預(yù)定網(wǎng)頁的制作與命名存檔后,只要將上述檔案制程壓縮檔,如zip檔案,并進(jìn)入伺服器主機(jī)300的后臺304將之上傳即可。
請參考圖6,圖6為使用者計(jì)算機(jī)200端的操作流程圖101。上述發(fā)生在使用者計(jì)算機(jī)200端的事件,可簡單以下列步驟表示之步驟102開始;步驟104在使用者計(jì)算機(jī)200中準(zhǔn)備好相關(guān)網(wǎng)頁上所需放置的文件或圖形檔案;步驟106將使用者計(jì)算機(jī)200上網(wǎng)連至伺服器主機(jī)300;步驟108輸入商家?guī)ぬ柮艽a,登入伺服器主機(jī)300的后臺304數(shù)據(jù)庫340;步驟110將準(zhǔn)備好的文件或圖形檔案上傳至后臺304數(shù)據(jù)庫340儲存;步驟112利用使用者計(jì)算機(jī)200上網(wǎng)連至伺服器主機(jī)300下載檔案套件并解壓縮,包含“功能區(qū)塊檔案”222及“功能連結(jié)檔案”232;步驟114開啟網(wǎng)頁編輯軟件210;步驟116將“功能區(qū)塊檔案”222及“功能連結(jié)檔案”232連結(jié)進(jìn)網(wǎng)頁編輯軟件210;步驟118開啟空白新網(wǎng)頁;步驟120利用“功能區(qū)塊檔案”222及“功能連結(jié)檔案”232所提供的示意功能來進(jìn)行網(wǎng)頁編輯;步驟122將完成編輯的網(wǎng)頁適當(dāng)存檔;步驟124是否完成所有網(wǎng)頁編輯?是,到步驟126;否,到步驟118;步驟126將編輯好的所有網(wǎng)頁壓縮后上傳至伺服器主機(jī)300,儲存在后臺304數(shù)據(jù)庫340;步驟128結(jié)束。二、網(wǎng)頁瀏覽者計(jì)算機(jī)端與伺服端主機(jī)端的互動由在數(shù)據(jù)庫340中存放的網(wǎng)頁356,是某一個商家的網(wǎng)頁編輯者260依據(jù)下載的功能區(qū)塊檔案222與功能連結(jié)檔案232所完成的示意性質(zhì)網(wǎng)頁,在網(wǎng)頁356的示意性質(zhì)區(qū)塊中真正要呈現(xiàn)的文件或圖形,則必須由數(shù)據(jù)庫340中該商家相對應(yīng)的商家數(shù)據(jù)夾330中的文件352或圖形354來提供,當(dāng)然也可以在經(jīng)由商家同意后納入網(wǎng)絡(luò)上可得的其他資源或訊息,例如策略聯(lián)盟伙伴的廣告或是主動納入某些電子報(bào)新聞等,這一部分則視實(shí)際約定的情況而定。此外,在網(wǎng)頁356中的超連結(jié)要能作正確的連結(jié),也必須將瀏覽器410所傳來的連結(jié)參考值(href)進(jìn)行適當(dāng)分析,以回傳相對應(yīng)的實(shí)際網(wǎng)址。如此,才可以將原本設(shè)計(jì)的網(wǎng)頁正確地呈現(xiàn)出來,以及可以使超連結(jié)正確地連結(jié)到實(shí)際網(wǎng)址。
以下針對程序區(qū)310中的功能區(qū)塊轉(zhuǎn)換模塊314與功能連結(jié)轉(zhuǎn)換模塊316的轉(zhuǎn)換動作作一較佳詳細(xì)的說明。A.功能區(qū)塊轉(zhuǎn)換模塊請參考圖5、圖7與圖8。當(dāng)商家的網(wǎng)頁編輯者260利用下載的功能區(qū)塊檔案222完成示意性質(zhì)的網(wǎng)頁編輯后,會上傳儲存在伺服器主機(jī)300的數(shù)據(jù)庫340中,此時伺服器主機(jī)300并不事先進(jìn)行轉(zhuǎn)換的動作,而是直到一般網(wǎng)頁瀏覽者420利用其計(jì)算機(jī)400中的瀏覽器410連上伺服器主機(jī)300,并且想要瀏覽某一商家的網(wǎng)頁時,伺服器主機(jī)300的主程序312才立刻讀取此一網(wǎng)頁,并呼叫功能區(qū)塊轉(zhuǎn)換模塊314進(jìn)行實(shí)時線上轉(zhuǎn)換,將圖5中的{OBJECT_BEGIN}、(PRODUCT_SHOW}、{OBJECT_END}、{SHAPE_BEGIN}、{SHAPE_END}等樣板變數(shù),代換成為如圖7所示標(biāo)示為771、772、773、774、775的相對應(yīng)陰影部分。然后,再將圖7中標(biāo)示為710的部分的所有網(wǎng)頁內(nèi)容加以刪除,包含<SHAPE>774至</SHAPE>775之間與{PRODUCT_SHOW}的HTML示意圖282的部分,而成為如圖8所示。由在如圖8所示的檔頭870以及檔尾890都由符號″<!-″帶頭以及由符號″-->″結(jié)尾,到時候?yàn)g覽器410會對這些部分當(dāng)作是注解區(qū)而略過不管,因此,網(wǎng)頁瀏覽者420在計(jì)算機(jī)400中所看到的只有標(biāo)示772“最新產(chǎn)品”的圖形或文字。如此一來,一般網(wǎng)頁瀏覽者420在其計(jì)算機(jī)400中的瀏覽器410收到如圖8的網(wǎng)頁內(nèi)容時,此網(wǎng)頁內(nèi)容已經(jīng)過功能區(qū)塊轉(zhuǎn)換模塊314在線上實(shí)時進(jìn)行轉(zhuǎn)換,于是在其計(jì)算機(jī)400中所呈現(xiàn)的不是原來商家網(wǎng)頁編輯者260在制作網(wǎng)頁時所顯現(xiàn)的HTML示意圖282,而是“最新產(chǎn)品”等實(shí)際的網(wǎng)頁數(shù)據(jù)。也就是說,功能區(qū)塊轉(zhuǎn)換模塊314不但將HTML示意圖282的部分刪去,也可經(jīng)由對功能區(qū)塊檔案222的樣板變數(shù){PRODUCT_SHOW}的解讀,將“最新產(chǎn)品”等實(shí)際的網(wǎng)頁數(shù)據(jù)顯示在該網(wǎng)頁瀏覽者的瀏覽器中。B.功能連結(jié)轉(zhuǎn)換模塊當(dāng)商家的網(wǎng)頁編輯者260利用下載的功能連結(jié)檔案232完成示意性質(zhì)的網(wǎng)頁編輯后,會上傳儲存在伺服器主機(jī)300的數(shù)據(jù)庫340中,例如此網(wǎng)頁中內(nèi)含<a href=″file//C/AAA/BBB/CCC/DDD/link-100.lnk″>的連結(jié)。此時伺服器主機(jī)300也不事先進(jìn)行轉(zhuǎn)換的動作,直到一般網(wǎng)頁瀏覽者420利用其計(jì)算機(jī)400中的瀏覽器410連上伺服器主機(jī)300,想要瀏覽某一商家的網(wǎng)頁時,伺服器主機(jī)300的主程序312才立刻讀取此一網(wǎng)頁,在呼叫功能區(qū)塊轉(zhuǎn)換模塊314進(jìn)行上述的實(shí)時線上轉(zhuǎn)換后,還會辨識出此一網(wǎng)頁內(nèi)含的所有功能連結(jié)的超連結(jié),自動加上一個“店家代號”及一個“議程代號”,再送出至網(wǎng)頁瀏覽者計(jì)算機(jī)400的瀏覽器410中,例如回傳的訊息為<ahref=″/r_prov_id=p/PHPSESSID=s/link-100.lnk″>。這里之所以要加上店家代號,目的是為了后續(xù)可以對此一網(wǎng)頁到底是屬在哪一個網(wǎng)站商家所擁有的來進(jìn)行區(qū)別,而之所以要加上議程代號,其目的則是要對在此一瀏覽者目前所從事的瀏覽行為給予一個編號,以便在如果有進(jìn)一步的購買行為產(chǎn)生,可加以辨識管理。此處應(yīng)該提及的是,為了安全及管理起見,即使對在同一瀏覽者而言,議程代號也可能每隔一段時間就加以更新。
而當(dāng)一般網(wǎng)頁瀏覽者420按下此一網(wǎng)頁中某個超連結(jié)時,伺服器主機(jī)300會以下列指令</index.php?pp=MagicLink.php&r_prov_id=p&SID=s>,來自動啟動程序區(qū)310的功能連結(jié)轉(zhuǎn)換模塊316。而此時,功能連結(jié)轉(zhuǎn)換模塊316會收到自網(wǎng)頁瀏覽者計(jì)算機(jī)400的瀏覽器410所傳送來的連結(jié)參考值(href),其中包含三個參數(shù)-“店家代號”、“議程代號”及“功能連結(jié)檔案的檔名”。然后,功能連結(jié)轉(zhuǎn)換模塊316會對功能連結(jié)檔案的檔名進(jìn)行分析,以獲取“功能連結(jié)代號”,并以此功能連結(jié)代號查詢數(shù)據(jù)庫340中的功能連結(jié)對照表360,以便獲得到對應(yīng)的實(shí)際網(wǎng)址。例如功能連結(jié)轉(zhuǎn)換模塊316在接收到“功能連結(jié)檔案的檔名”為“l(fā)ink-010.lnk”后,會對檔名進(jìn)行分析而獲取其“功能連結(jié)代號”為“010”,在查詢功能連結(jié)對照表360后,可以獲得其相對應(yīng)的實(shí)際網(wǎng)址為upload/p/x/functoinl。因此,功能連結(jié)轉(zhuǎn)換模塊316才送出內(nèi)含轉(zhuǎn)址指令(META)的網(wǎng)頁,例如<META HTTP-EQUIV='Refresh'CONTENT='0;URL=/upload/p/x/functoinl'>,通知網(wǎng)頁瀏覽者計(jì)算機(jī)400的瀏覽器410,以便立刻自動轉(zhuǎn)向到真正對應(yīng)的實(shí)際網(wǎng)址。于是瀏覽器410內(nèi)就會呈現(xiàn)出此一超連結(jié)所真正對應(yīng)的網(wǎng)頁,如http//www.abc.com.tw/upload/p/x/functoinl。
請參考圖9,圖9為功能連結(jié)轉(zhuǎn)換模塊316的操作流程圖130。上述功能連結(jié)轉(zhuǎn)換模塊316的操作流程,可簡單以下列步驟表示之步驟132開始;步驟134伺服器主機(jī)300接收到遠(yuǎn)端網(wǎng)頁瀏覽者計(jì)算機(jī)400的瀏覽器410所傳送來讀取某商家網(wǎng)頁的訊息;步驟136伺服器主機(jī)300的主程序312讀取出相對應(yīng)網(wǎng)頁,辨識出內(nèi)含的所有功能連結(jié)的超連結(jié),自動加上“店家代號”及“議程代號”,再回傳給瀏覽器410;步驟138伺服器主機(jī)300接收到遠(yuǎn)端網(wǎng)頁瀏覽者計(jì)算機(jī)400的瀏覽器410所傳送來點(diǎn)選該網(wǎng)頁中某個超連結(jié)的連結(jié)參考值(href);步驟140伺服器主機(jī)300啟動功能連結(jié)轉(zhuǎn)換模塊316;步驟142功能連結(jié)轉(zhuǎn)換模塊316接收到連結(jié)參考值中的三個參數(shù)-“店家代號”、“議程代號”及“功能連結(jié)檔案的檔名”;步驟144功能連結(jié)轉(zhuǎn)換模塊316分析“功能連結(jié)檔案的檔名”以獲得相對應(yīng)“功能連結(jié)代號”;步驟146功能連結(jié)轉(zhuǎn)換模塊316以所得出的“功能連結(jié)代號”查詢數(shù)據(jù)庫340中的功能連結(jié)對照表360,以便獲得到對應(yīng)的實(shí)際網(wǎng)址;步驟148伺服器主機(jī)300送出內(nèi)含轉(zhuǎn)址指令(META)的網(wǎng)頁,使網(wǎng)頁瀏覽者計(jì)算機(jī)400的瀏覽器410自動轉(zhuǎn)向,以呈現(xiàn)出此一超連結(jié)所真正對應(yīng)的網(wǎng)頁;步驟150結(jié)束。
本發(fā)明的網(wǎng)頁編輯與顯示系統(tǒng)100具有下列幾個優(yōu)點(diǎn)。首先,可使得商家的網(wǎng)頁編輯者260或是美編人員先在伺服器主機(jī)300下載模塊化的檔案-功能區(qū)塊檔案222與功能連結(jié)檔案232,以便制作與編輯示意性質(zhì)的網(wǎng)頁,完成后上傳儲存在伺服器主機(jī)300。而當(dāng)一般網(wǎng)頁瀏覽者420在連線至伺服器主機(jī)300瀏覽網(wǎng)頁時,伺服器主機(jī)300的主程序312再實(shí)時進(jìn)行轉(zhuǎn)換,以呈現(xiàn)出預(yù)定設(shè)計(jì)的正常網(wǎng)頁畫面與功能。如此一來,在網(wǎng)頁編輯時版本會較簡便而具有更大的彈性,再加上主程序312會呼叫功能區(qū)塊轉(zhuǎn)換模塊314、功能連結(jié)轉(zhuǎn)換模塊316以實(shí)時進(jìn)行正確的轉(zhuǎn)換,因此也不至在使得伺服器主機(jī)300會傳送出錯誤的訊息給瀏覽器410,因而可以使得一般網(wǎng)頁瀏覽者420在連線至伺服器主機(jī)300瀏覽網(wǎng)頁時,同樣會呈現(xiàn)出預(yù)定設(shè)計(jì)的正常畫面顯示。
其次,利用數(shù)據(jù)庫340中的功能連結(jié)對照表360來對應(yīng)(re-mapping)實(shí)際網(wǎng)址366,有下列優(yōu)點(diǎn)一般而言,在可動態(tài)呈現(xiàn)多網(wǎng)頁的網(wǎng)站中,每一網(wǎng)頁真實(shí)超連結(jié)的值通常非常冗長難記,而且常隨著伺服器主機(jī)300中軟件系統(tǒng)的維護(hù)而修改,非常不適合作為穩(wěn)定的接口規(guī)格。而被商家的網(wǎng)頁編輯者260下載的功能連結(jié)檔案232必須簡短、穩(wěn)定且容易維護(hù)。而本發(fā)明中數(shù)據(jù)庫340以及其中的功能連結(jié)對照表360的設(shè)計(jì),就是為了充分達(dá)到此目標(biāo)。直接修改功能連結(jié)對照表360中的實(shí)際網(wǎng)址366欄位的內(nèi)容,即可重新定義其功能連結(jié),既有的功能連結(jié)檔案324與232完全不須修改,可省卻伺服器主機(jī)300中大量網(wǎng)頁與檔案的維護(hù)成本。
通過以上較佳具體實(shí)施例的詳述,系希望能更加清楚描述本發(fā)明的特征與精神,而并非以上述所揭露的較佳具體實(shí)施例來對本發(fā)明的范疇加以限制。相反地,其目的是希望在不超出本發(fā)明精神的前提下對本發(fā)明所做的的各種改變均應(yīng)在本發(fā)明的權(quán)利要求的范疇內(nèi)。
權(quán)利要求
1.一種應(yīng)用在互聯(lián)網(wǎng)上的網(wǎng)頁編輯與顯示系統(tǒng),利用一伺服器主機(jī)以協(xié)助一遠(yuǎn)端網(wǎng)頁編輯者,在一網(wǎng)頁編輯軟件中對至少一目標(biāo)網(wǎng)頁進(jìn)行編輯后,上傳儲存在該伺服器主機(jī)中,并可后續(xù)供一遠(yuǎn)端網(wǎng)頁瀏覽者經(jīng)由一瀏覽器連上該伺服器主機(jī)以進(jìn)行瀏覽,該伺服器主機(jī)包含有一下載區(qū),包含有多個功能區(qū)塊檔案與多個功能連結(jié)檔案,可供該網(wǎng)頁編輯者下載來協(xié)助該目標(biāo)網(wǎng)頁編輯的進(jìn)行,每一功能區(qū)塊檔案可經(jīng)由該網(wǎng)頁編輯者的選擇后,以示意性質(zhì)的功能區(qū)塊顯示在該目標(biāo)網(wǎng)頁中,每一功能連結(jié)檔案亦可經(jīng)由該網(wǎng)頁編輯者的選擇,而以示意性質(zhì)的功能連結(jié)結(jié)合在該目標(biāo)網(wǎng)頁中;一功能區(qū)塊轉(zhuǎn)換模塊,可將上傳后該目標(biāo)網(wǎng)頁中所包含的每一功能區(qū)塊轉(zhuǎn)換為相對應(yīng)的圖形或文字顯示;以及一功能連結(jié)轉(zhuǎn)換模塊,可將該上傳的目標(biāo)網(wǎng)頁中所包含的每一功能連結(jié)轉(zhuǎn)換為相對應(yīng)的實(shí)際網(wǎng)址;其中當(dāng)該網(wǎng)頁瀏覽者經(jīng)由互聯(lián)網(wǎng)連至該伺服器主機(jī)以瀏覽該目標(biāo)網(wǎng)頁時,該伺服器主機(jī)始啟動該功能區(qū)塊轉(zhuǎn)換模塊,實(shí)時將該目標(biāo)網(wǎng)頁中所包含的每一功能區(qū)塊轉(zhuǎn)換為相對應(yīng)的圖形或文字顯示,而當(dāng)該網(wǎng)頁瀏覽者按動該目標(biāo)網(wǎng)頁中的功能連結(jié)時,該伺服器主機(jī)始啟動該功能連結(jié)轉(zhuǎn)換模塊,實(shí)時將該功能連結(jié)轉(zhuǎn)換為相對應(yīng)的實(shí)際網(wǎng)址,并回傳給該網(wǎng)頁瀏覽者的瀏覽器,使該瀏覽器得以顯示出相對應(yīng)實(shí)際網(wǎng)址的網(wǎng)頁。
2.如權(quán)利要求1所述的系統(tǒng),其中每一功能區(qū)塊檔案包含一示意性質(zhì)的功能區(qū)塊以及一相對應(yīng)的樣板變數(shù),當(dāng)該網(wǎng)頁編輯者在該網(wǎng)頁編輯軟件中選擇一功能區(qū)塊檔案時,該網(wǎng)頁編輯軟件會忽略其中的樣板變數(shù),而只顯示該示意性質(zhì)的功能區(qū)塊在該目標(biāo)網(wǎng)頁中。
3.如權(quán)利要求2所述的系統(tǒng),其中當(dāng)該網(wǎng)頁瀏覽者經(jīng)由互聯(lián)網(wǎng)連至該伺服器主機(jī)以瀏覽該目標(biāo)網(wǎng)頁時,該功能區(qū)塊轉(zhuǎn)換模塊可經(jīng)由對其中該功能區(qū)塊檔案的樣板變數(shù)的解讀,將該示意性質(zhì)的功能區(qū)塊轉(zhuǎn)換為實(shí)際相對應(yīng)的圖形或文字,以在該網(wǎng)頁瀏覽者的瀏覽器中顯示出來。
4.如權(quán)利要求1所述的系統(tǒng),其中每一功能連結(jié)檔案中包含一相對應(yīng)的功能連結(jié)代號,當(dāng)該網(wǎng)頁瀏覽者按動該目標(biāo)網(wǎng)頁中的功能連結(jié)時,該功能連結(jié)轉(zhuǎn)換模塊會根據(jù)該功能連結(jié)檔案中的功能連結(jié)代號,將該功能連結(jié)轉(zhuǎn)換為相對應(yīng)的實(shí)際網(wǎng)址。
5.如權(quán)利要求4所述的系統(tǒng),其中該伺服器主機(jī)另包含一功能連結(jié)對照表,以表列每一功能連結(jié)檔案的功能連結(jié)代號與其相對應(yīng)的實(shí)際網(wǎng)址。
6.如權(quán)利要求5所述的系統(tǒng),其中該功能連結(jié)轉(zhuǎn)換模塊系根據(jù)該功能連結(jié)對照表,以將該功能連結(jié)轉(zhuǎn)換為相對應(yīng)的實(shí)際網(wǎng)址。
7.一種在互聯(lián)網(wǎng)上編輯與顯示網(wǎng)頁的方法,該方法系利用一伺服器主機(jī)以協(xié)助一遠(yuǎn)端網(wǎng)頁編輯者,在一網(wǎng)頁編輯軟件中對至少一目標(biāo)網(wǎng)頁進(jìn)行編輯后,上傳儲存在該伺服器主機(jī)中,并可后續(xù)供一遠(yuǎn)端網(wǎng)頁瀏覽者經(jīng)由一瀏覽器連上該伺服器主機(jī)以進(jìn)行瀏覽,該方法包含有在該伺服器主機(jī)中提供多個功能區(qū)塊檔案與多個功能連結(jié)檔案,使該網(wǎng)頁編輯者可下載來協(xié)助該目標(biāo)網(wǎng)頁編輯的進(jìn)行,每一功能區(qū)塊檔案可經(jīng)由該網(wǎng)頁編輯者的選擇后,以示意性質(zhì)的功能區(qū)塊顯示在該目標(biāo)網(wǎng)頁中,每一功能連結(jié)檔案亦可經(jīng)由該網(wǎng)頁編輯者的選擇,而以示意性質(zhì)的功能連結(jié)結(jié)合在該目標(biāo)網(wǎng)頁中;當(dāng)該網(wǎng)頁瀏覽者經(jīng)由互聯(lián)網(wǎng)連至該伺服器主機(jī)以瀏覽該目標(biāo)網(wǎng)頁時,該伺服器主機(jī)始實(shí)時將該目標(biāo)網(wǎng)頁中所包含的每一功能區(qū)塊轉(zhuǎn)換為相對應(yīng)的圖形或文字顯示;以及當(dāng)該網(wǎng)頁瀏覽者按動該目標(biāo)網(wǎng)頁中的功能連結(jié)時,該伺服器主機(jī)始實(shí)時將該功能連結(jié)轉(zhuǎn)換為相對應(yīng)的實(shí)際網(wǎng)址,并回傳給該網(wǎng)頁瀏覽者的瀏覽器,使該瀏覽器得以顯示出相對應(yīng)實(shí)際網(wǎng)址的網(wǎng)頁。
8.如權(quán)利要求7所述的方法,其中每一功能區(qū)塊檔案包含一示意性質(zhì)的功能區(qū)塊以及一相對應(yīng)的樣板變數(shù),當(dāng)該網(wǎng)頁編輯者在該網(wǎng)頁編輯軟件中選擇一功能區(qū)塊檔案時,該網(wǎng)頁編輯軟件會忽略其中的樣板變數(shù),而只顯示該示意性質(zhì)的功能區(qū)塊在該目標(biāo)網(wǎng)頁中。
9.如權(quán)利要求8所述的方法,其中當(dāng)該網(wǎng)頁瀏覽者經(jīng)由互聯(lián)網(wǎng)連至該伺服器主機(jī)以瀏覽該目標(biāo)網(wǎng)頁時,該伺服器主機(jī)可經(jīng)由對其中該功能區(qū)塊檔案的樣板變數(shù)的解讀,將該示意性質(zhì)的功能區(qū)塊轉(zhuǎn)換為實(shí)際相對應(yīng)的圖形或文字,以在該網(wǎng)頁瀏覽者的瀏覽器中顯示出來。
10.如權(quán)利要求7所述的方法,其中每一功能連結(jié)檔案中包含一相對應(yīng)的功能連結(jié)代號,當(dāng)該網(wǎng)頁瀏覽者按動該目標(biāo)網(wǎng)頁中的功能連結(jié)時,該伺服器主機(jī)會根據(jù)該功能連結(jié)檔案中的功能連結(jié)代號,將該功能連結(jié)轉(zhuǎn)換為相對應(yīng)的實(shí)際網(wǎng)址。
11.如權(quán)利要求10所述的方法,其中該伺服器主機(jī)另包含一功能連結(jié)對照表,以表列每一功能連結(jié)檔案的功能連結(jié)代號與其相對應(yīng)的實(shí)際網(wǎng)址。
12.如權(quán)利要求11所述的系統(tǒng),其中該伺服器主機(jī)系根據(jù)該功能連結(jié)對照表,以將該功能連結(jié)轉(zhuǎn)換為相對應(yīng)的實(shí)際網(wǎng)址。
全文摘要
一種模塊化實(shí)時轉(zhuǎn)換的網(wǎng)頁編輯與顯示系統(tǒng)。當(dāng)該網(wǎng)頁瀏覽者經(jīng)由互聯(lián)網(wǎng)連至該伺服器主機(jī)以瀏覽該目標(biāo)網(wǎng)頁時,該伺服器主機(jī)始啟動該功能區(qū)塊轉(zhuǎn)換模塊,將該目標(biāo)網(wǎng)頁中所包含的每一功能區(qū)塊轉(zhuǎn)換為相對應(yīng)的圖形或文字顯示。而當(dāng)該網(wǎng)頁瀏覽者按動該目標(biāo)網(wǎng)頁中的功能連結(jié)時,該伺服器主機(jī)始啟動該功能連結(jié)轉(zhuǎn)換模塊,將該功能連結(jié)轉(zhuǎn)換為相對應(yīng)的實(shí)際網(wǎng)址,并回傳給該網(wǎng)頁瀏覽者的瀏覽器,使該瀏覽器得以顯示出相對應(yīng)實(shí)際網(wǎng)址的網(wǎng)頁。
文檔編號G06F17/00GK1393795SQ01121910
公開日2003年1月29日 申請日期2001年6月22日 優(yōu)先權(quán)日2001年6月22日
發(fā)明者湯惠剛, 王健聲, 吳秋鶯, 王超群 申請人:湯惠剛, 王健聲, 吳秋鶯, 王超群