TWI612432B

TWI612432B - Html網頁自動生成方法及其電腦程式產品、系統

Info

Publication number: TWI612432B
Application number: TW105115038A
Authority: TW
Inventors: 黃士軍; 張榮貴
Original assignee: 程曦資訊整合股份有限公司
Priority date: 2016-05-16
Filing date: 2016-05-16
Publication date: 2018-01-21
Also published as: TW201741907A

Abstract

本發明係揭露一種HTML網頁自動生成方法及其電腦程式產品、系統。其中，方法應用於由內部伺服器產生網頁，並傳送至外部網路以進行發布，其包含下列步驟：提供版式建立介面，以供儲存或建立網頁版式，且供選擇預定使用之網頁版式；執行樹狀結構介面，以供設定首頁、列表頁及資訊頁之間的樹狀結構；提供一多媒體資料庫，以供儲存至少一多媒體資訊；通過首頁設置介面，以供設置首頁之格式與內容；利用列表頁設置介面，以供設置列表頁之格式與內容；藉由資訊頁設置介面，以供設置資訊頁之格式與內容；執行動態網頁模組設置介面，以供建立動態模組於網頁；以及透過公司網頁設置介面，以供設置網頁之基本格式與內容並生成網頁且傳送至外部網路以進行發布。

Description

HTML網頁自動生成方法及其電腦程式產品、系統

本發明是有關於一種網頁生成的技術領域，特別是關於一種便於生成網頁的HTML網頁自動生成方法及其電腦程式產品、系統。

隨著科技發展，個人或公司通常會使用網頁（webpage），以展示個人或公司的相關資訊或相關產品等。習知的網頁的製作大多需要有專業的技術人員進行程式編輯設計或利用網頁編輯程式編輯設計，然而該方式大多需要花費許多的精力與時間，而對使用者而言，相當的不便。

另外，就公司而言，網頁的發布大多在其自身的伺服器上，因此，若遭遇駭客等攻擊公司的網頁而使得網頁損壞，此時在除錯(Debug)及維護上的精力與時間會是開發網頁的好幾倍，此情形對使用者者而言亦為一大困擾。

綜觀前所述，本發明之發明人經多年潛心研究，設計了一種HTML網頁自動生成方法及其電腦程式產品、系統，以針對現有技術之缺失加以改善，進而增進產業上之實施利用。

有鑑於上述習知技藝之問題，本發明之目的就是在於提供一種HTML網頁自動生成方法及其電腦程式產品、系統，以改善上述習知技術所產生的問題。

根據本發明之目的，提供一種HTML網頁自動生成方法，係應用於由一內部伺服器產生一網頁，並傳送至一外部網路以進行發布，該方法包含下列步驟：提供一版式建立介面，該版式建立介面係配置以供儲存或建立至少一網頁版式，且供選擇預定使用之該網頁版式；執行一樹狀結構介面，該樹狀結構介面係配置以供設定該網頁之首頁、列表頁及資訊頁之間的樹狀結構；提供一多媒體資料庫，以供儲存至少一多媒體資訊；通過一首頁設置介面，以供設置該網頁之一首頁格式與一首頁內容；利用一列表頁設置介面，以供設置該列表頁之列表頁格式與一列表頁內容；藉由一資訊頁設置介面，以供設置該資訊頁之資訊頁格式與一資訊頁內容；執行一動態網頁模組設置介面，以供建立至少一動態模組於該網頁；以及透過一公司網頁設置介面，以供設置網頁之基本格式與內容並生成該網頁，且傳送至該外部網路以進行發布。

較佳地，更可包含下列步驟：生成不同版本之該網頁；以及於一預定時間點，將不同版本之該網頁傳送至該外部網路，以替換當前之該網頁進行發布。

較佳地，更可包含下列步驟：依據一替換訊號，將保存之該網頁傳送至該外部網路，以替換當前之該網頁進行發布。

根據本發明之目的，另提供一種HTML網頁自動生成電腦程式產品，經由一資料處理裝置載入該程式產品執行後，以完成上述之方法。

根據本發明之目的，再提供一種HTML網頁自動生成系統，係應用於自動生成一網頁，其包含：內部伺服器、網頁生成器及外部網路。其中，內部伺服器連接網頁生成器及外部網路。網頁生成器包含：版式建立模組、樹狀結構模組、首頁設置模組、列表頁設置模組、資訊頁設置模組、動態網頁模組設置模組及公司網頁生成模組。版式建立模組係具有一版式建立介面，以供儲存或建立至少一網頁版式，且供選擇預定使用之該網頁版式。樹狀結構模組係具有一樹狀結構介面，以供設定該網頁之首頁、列表頁及資訊頁之間的樹狀結構。首頁設置模組係具有一首頁設置介面，以供設置該網頁之一首頁格式與一首頁內容。列表頁設置模組係具有一列表頁設置介面，以供設置該列表頁之一列表頁格式與一列表頁內容。資訊頁設置模組係具有一資訊頁設置介面，以供設置該資訊頁之資訊頁格式與一資訊頁內容。動態網頁模組設置模組係具有一動態網頁模組設置介面，以供建立至少一動態模組於該網頁。公司網頁生成模組係具有一公司網頁設置介面，以供選擇該版式建立介面，以設置網頁之基本格式與內容並生成該網頁。外部網路則發布該內部伺服器經由該網頁生成器生成之該網頁。

較佳地，網頁生成器更可包含一多媒體資料庫，以供儲存至少一多媒體資訊。

較佳地，網頁生成器更可包含一計時模組，該內部伺服器經由該網頁生成器生成並暫存不同版本之該網頁，該計時模組於一預定時間點，將不同版本之該網頁傳送至該外部網路，以替換當前之該網頁進行發布。

較佳地，網頁生成器更可包含一替換選項，以經由觸發產生一替換訊號，該網頁生成器依據該替換訊號，將保存之該網頁傳送至該外部網路，以替換當前之該網頁進行發布

本發明的HTML網頁自動生成方法及其電腦程式產品、系統，其可提供使用者將所掌握的資訊通過一個操作簡單的介面加入數據庫，並通過已有的網頁外觀範本格式，將資訊系統化、標準化同步發布到網站及移動平台上。系統可根據使用者的需要，建立網站的樹狀節點，即系統會自動按照使用者編寫的網站節點的先後順序進行網站節點的排序。使用者可根據資訊的不同分別，建立到之前設置好的樹狀節點，即網頁的二級結構體系之間的鏈接關聯網頁，再加上網站的首頁，形成一個完整的網頁。此外，產生的網頁不僅僅是產生靜態頁面，為滿足更多使用者的需求，其也提供了動態網頁模組可供使用者選擇，如文字交談動態頁面，即用戶可通過文字聊天與內部人員進行交流，或如智慧機器人客服和系統內部人員進行交流等。此外，當網頁損壞時，由於其僅由外部網路作發布而不易損及內部資料，因此僅須由內部伺服器將網頁重新傳送至外部網路發布即可。且，可自動地在預定時間點將不同版本的網頁傳送至外部網路作替換發布。另一方面，本發明的HTML網頁自動生成方法及其電腦程式產品、系統，其可利用樣板原理自動產生RSS xml格式文件，便利於RSS reader及yahoo、pchome等入口網站交換訊息用，且動態模組可以整合Facebook、Twitter及chat等線上聊天系統。此外，亦可整合Google Analytics等流量訪客分析軟體，以獲得訪客流量。並且，本發明的HTML網頁自動生成方法及其電腦程式產品、系統，可內建SEO關鍵字欄位，可設定每個網頁、圖片，便利於網站行銷及推廣。

為利貴審查員瞭解本創作之技術特徵、內容與優點及其所能達成之功效，茲將本發明配合附圖，並以實施例之表達形式詳細說明如下，而其中所使用之圖式，其主旨僅為示意及輔助說明書之用，未必為本發明實施後之真實比例與精準配置，故不應就所附之圖式的比例與配置關係解讀、侷限本發明於實際實施上的權利範圍，合先敘明。

以下將參照相關圖式，說明依本發明之HTML網頁自動生成方法及其電腦程式產品、系統的實施例，為使便於理解，下述實施例中之相同元件係以相同之符號標示來說明。

請參閱第1圖，其係為本發明之HTML網頁自動生成方法之步驟圖。如圖所示，本發明之HTML網頁自動生成方法，可利用一電腦程式產器，經由一資料處理裝置，例如伺服器，安裝執行後以完成，從而由內部伺服器產生網頁並傳送至外部網路。HTML網頁自動生成方法包含下列步驟：（S11）提供一版式建立介面，以供儲存或建立至少一網頁版式，且供選擇預定使用之網頁版式；（S12）執行一樹狀結構介面，以供設定網頁之首頁、列表頁及資訊頁之間的樹狀結構；（S13）提供多媒體資訊庫，以供儲存至少一多媒體資訊；（S14）通過一首頁設置介面，以供設置網頁之首頁格式與首頁內容；（S15）利用一列表頁設置介面，以供設置列表頁之列表頁格式與一列表頁內容；（S16）藉由一資訊頁設置介面，以供設置資訊頁之資訊頁格式與一資訊頁內容；（S17）執行一動態網頁模組設置介面，以供建立至少一動態模組於網頁；以及（S18）透過公司網頁設置介面，以供設置網頁之基本格式與內容並生成網頁，且傳送至外部網路以進行發布。

以下將以HTML網頁自動生成系統100以對上述之方法作進一步說明。

請參閱第2、3圖，其分別為本發明之HTML網頁自動生成系統之示意圖及網頁生成器之方塊圖。如圖所示，HTML網頁自動生成系統100包含：內部伺服器10、網頁生成器20及外部網路30。其中，網頁生成器20可為安裝於內部伺服器10的應用程式或含有相關指令的硬體電路，於安裝於一額外伺服器上的應用程式或含有相關指令的硬體電路。

其中，內部伺服器10連接網頁生成器20，且透過防火牆經由連接外部網路30，例如網際網路（INTERNET）。網頁生成器20包含：版式建立模組21、樹狀結構模組22、多媒體資料庫23、首頁設置模組24、列表頁設置模組25、資訊頁設置模組26、動態網頁模組設置模組27及公司網頁生成模組27。

版式建立模組21係具有一版式建立介面211，以供儲存或建立至少一網頁版式，且供選擇預定使用之網頁版式。其中，版式建立介面211具有一新增選項，以供使用者點選，而選點後會顯示預儲存的標準網頁版式可供選擇。當然地，使用者亦可主動的上傳其所偏好的網頁版式，其中網頁版式的相關技術特徵，其為所屬技術領域具有通常知識者所熟知，於此便不再加以贅述。

值得一提的是，在網頁版式選定後，可另顯示一網頁資料輸入介面以提供建立網頁的相關資訊，例如網頁的名稱、網址、郵箱、傳真等等。

請一併配合參閱第4圖，其係為本發明之HTML網頁自動生成系統之樹狀結構介面的示意圖。如圖所示，樹狀結構模組22係具有一樹狀結構介面221，以供設定網頁之首頁、列表頁及資訊頁之間的樹狀結構。其中，樹狀結構指的是數據元素之間存在著“一對多”的樹狀關係的數據結構，是一類重要的非線性數據結構。樹狀結構可表示層次關係、從屬關係、並列關係。在樹狀結構中，樹根結點沒有前驅結點，其餘每個結點有且只有一個前驅結點。葉子結點沒有後續結點，其餘每個結點的後續節點數可以是一個也可以是多個。

而在樹狀結構介面221中，當使用者在設置樹狀結構時，其亦需進行各節點的名稱與頁面類型等設置，而頁面類型，例如可為列表頁、資訊頁或鏈接頁等。

此外，網頁生成器20的一多媒體資料庫23，以供儲存至少一多媒體資訊。也就是說，多媒體資料庫23儲存有製作網頁時所用的所有圖片、音訊或影片等。多媒體資料庫23可經由一多媒體資料庫介面231，以供使用者操作，而於其中可對多媒體資訊作更進一步的設置，例如在相關的多媒體資訊作對應的鏈接類別，以當網頁上的多媒體資訊（如圖片）被點擊時，其可具有圖片放大的效果，或是鏈接到別的網頁的效果。

順帶一提的是，多媒體資料庫23可利用儲存媒介例如可為磁碟記憶體件（例如，硬碟、軟碟或磁帶等），光碟（例如，CD（Compact Disk，壓縮磁碟）、DVD（Digital Versatile Disk，數位通用盤）等），智慧卡和快閃記憶體（例如，EPROM（Erasable Programmable Read-Only Memory，可讀寫可程式設計唯讀記憶體）、卡、棒或鑰匙驅動器等）而加以實現。

請一併配合參閱第5圖，其係為本發明之HTML網頁自動生成系統之首頁設置介面的示意圖。如圖所示，首頁設置模組24係具有一首頁設置介面241，以供設置網頁之首頁格式與首頁內容。首頁設置介面241中可顯示預定數量的欄位與欄位格式，亦可供使用者自行調整欄位的數量與欄位格式，且首頁設置介面241可供使用者置入相關圖片、音訊或影片，例如公司的logo、音樂或影片，亦可供輸入相關資訊，例如首面關鍵字、首面描述或顯示在首面的列表。且在設置完成後，可供使用者利用預覽的方式進行審視。

列表頁設置模組25係具有一列表頁設置介面251，以供設置列表頁之列表頁格式與列表頁內容。列表頁一般都是二級頁面，是欄目的具體展示頁，較佳地可用頁內跳轉的連結作為實施。舉例來說，於列表頁設置介面251中可對列表頁進行標題、上架日期、資料分類、列表頁描述、圖片置入等設置。其中，生成後的列表頁按照上架日期逐級遞減的方式排序，若上架日期相同，則按照重要性逐級遞減的方式排序。同樣地，在設置完成後，可供使用者利用預覽的方式進行審視。

資訊頁設置模組26係具有一資訊頁設置介面261，以供設置資訊頁之資訊頁格式與資訊頁內容。資訊頁即為具體內容的頁面，較佳地可用快顯視窗的連結作為實施。資訊頁設置介面261中可供進行標題、資料分類、是否上架、資訊頁描述等設置。

此外，值得一提的是，網頁生成器20可包含一公告設置模組，以供使用者設置所欲公告的消息，且公告設置模組可在觸發後，即時地設置於當前外部網路30所發布的網頁中。

動態網頁模組設置模組27係具有一動態網頁模組設置介面271，以供建立至少一動態模組於網頁。其中，動態模組，例如線上客服、線上即時對話介面等模組，其可為Facebook、Twitter及chat等線上聊天系統。

公司網頁生成模組28係具有一公司網頁設置介面281，以供設置網頁之基本格式與內容，並生成網頁。也就是說，當上述各相關內容設置完畢後，可觸發公司網頁生成模組28以生成網頁，且進一步地可經由外部網路30進行發佈。

由上述可知，HTML網頁自動生成系統100可滿足廣泛的使用者的需求，HTML網頁自動生成系統100還提供了網站版式的創建功能，讓使用者不需要具備任何的HTML語言、JavaScript指令碼語言的知識，就能輕鬆地根據自己的需要設置相應的網站版式。

值得一提的是，網頁生成器20可包含一計時模組，因此使用者可利用網頁生成器20生成不同版本的網頁，且透過計時模組的計時，從而在預定的時間點更新或維護網頁。

此外，由於HTML網頁自動生成系統100係為內部伺服器10經由網頁生成器20生成網頁，而由外部網路30進行發布的方式，因此即便當前發布的網頁遭受攻擊而損壞，而內部伺服器10或網頁生成器20所保存的網頁，其仍不致損壞，從而使用者可利用網頁生成器20之一替換選項，以經由觸發產生一替換訊號。此時網頁生成器20依據替換訊號，將保存之網頁傳送至外部網路30，以替換當前之網頁進行發布。藉此，可改善網頁損壞時的除錯上的精力與時間。

綜上所述，本發明之HTML網頁自動生成方法及其電腦程式產品、系統，其具有開放性佳、效率高、安全性良好、通用性及同步性優等多項優點。

以上所述僅為舉例性，而非為限制性者。任何未脫離本發明之精神與範疇，而對其進行之等效修改或變更，均應包含於後附之申請專利範圍中。

100：HTML網頁自動生成系統 10：內部伺服器 20：網頁生成器 21：版式建立模組 211：版式建立介面 22：樹狀結構模組 221：樹狀結構介面 23：多媒體資料庫 231：多媒體資料庫介面 24：首頁設置模組 241：首頁設置介面 25：列表頁設置模組 251：列表頁設置介面 26：資訊頁設置模組 261：資訊頁設置介面 27：動態網頁模組設置模組 271：動態網頁模組設置介面 28：公司網頁生成模組 281：公司網頁設置介面 30：外部網路 S11～S18：步驟

第1圖　係為本發明之HTML網頁自動生成方法之步驟圖。

第2圖　係為本發明之HTML網頁自動生成系統之示意圖。

第3圖　係為本發明之HTML網頁自動生成系統之網頁生成器的方塊圖。

第4圖　係為本發明之HTML網頁自動生成系統之樹狀結構介面的示意圖。

第5圖　係為本發明之HTML網頁自動生成系統之首頁設置介面的示意圖。

S11～S18：步驟

Claims

一種HTML網頁自動生成方法，係應用於由一內部伺服器產生一網頁，並傳送至一外部網路以進行發布，該方法包含下列步驟：提供一版式建立介面，該版式建立介面係配置以供儲存或建立至少一網頁版式，且供選擇預定使用之該網頁版式；執行一樹狀結構介面，該樹狀結構介面係配置以供設定該網頁之首頁、列表頁及資訊頁之間的樹狀結構；提供一多媒體資料庫，以供儲存至少一多媒體資訊；通過一首頁設置介面，以供設置該網頁之一首頁格式與一首頁內容；利用一列表頁設置介面，以供設置該列表頁之一列表頁格式與一列表頁內容；藉由一資訊頁設置介面，以供設置該資訊頁之一資訊頁格式與一資訊頁內容；執行一動態網頁模組設置介面，以供建立至少一動態模組於該網頁；以及透過一公司網頁設置介面，以供設置網頁之基本格式與內容並生成該網頁，且傳送至該外部網路以進行發布。
如申請專利範圍第1項所述的HTML網頁自動生成方法，其更包含下列步驟：生成不同版本之該網頁；以及於一預定時間點，將不同版本之該網頁傳送至該外部網路，以替換當前之該網頁進行發布。
如申請專利範圍第1項所述的HTML網頁生自動成方法，其更包含下列步驟：依據一替換訊號，將保存之該網頁傳送至該外部網路，以替換當前之該網頁進行發布。
一種HTML網頁自動生成電腦程式產品，經由一資料處理裝置載入該程式產品執行後，以完成請求項1至3中任一項所述之方法。
一種HTML網頁自動生成系統，係應用於自動生成一網頁，其包含：一內部伺服器；一網頁生成器，該內部伺服器連接至該網頁生成器，該網頁生成器包含：一版式建立模組，係具有一版式建立介面，以供儲存或建立至少一網頁版式，且供選擇預定使用之該網頁版式；一樹狀結構模組，係具有一樹狀結構介面，以供設定該網頁之首頁、列表頁及資訊頁之間的樹狀結構；一首頁設置模組，係具有一首頁設置介面，以供設置該網頁之一首頁格式與一首頁內容；一列表頁設置模組，係具有一列表頁設置介面，以供設置該列表頁之一列表頁格式與一列表頁內容；一資訊頁設置模組，係具有一資訊頁設置介面，以供設置該資訊頁之一資訊頁格式與一資訊頁內容；一動態網頁模組設置模組，係具有一動態網頁模組設置介面，以供建立至少一動態模組於該網頁；及一公司網頁生成模組，係具有一公司網頁設置介面，以供選擇該版式建立介面，以設置網頁之基本格式與內容並生成該網頁；以及一外部網路，係連接該內部伺服器，以發布該內部伺服器經由該網頁生成器生成之該網頁。
如申請專利範圍第5項所述的HTML網頁自動生成系統，其中該網頁生成器更包含一多媒體資料庫，以供儲存至少一多媒體資訊。
如申請專利範圍第5項所述的HTML網頁自動生成系統，其中該網頁生成器更包含一計時模組，該內部伺服器經由該網頁生成器生成並暫存不同版本之該網頁，該計時模組於一預定時間點，將不同版本之該網頁傳送至該外部網路，以替換當前之該網頁進行發布。
如申請專利範圍第5項所述的HTML網頁自動生成系統，其中該網頁生成器更包含一替換選項，以經由觸發產生一替換訊號，該網頁生成器依據該替換訊號，將保存之該網頁傳送至該外部網路，以替換當前之該網頁進行發布。