[發明專利]網頁模板制作的可視化方法以及網頁可視化制作裝置

有效

• 申請號: 201610056014.4
• 申請日: 2016-01-27
• 公開（公告）號: CN105740377A
• 公開（公告）日: 2016-07-06
• 發明（設計）人: 張元達
• 申請（專利權）人: 北京銘萬智達科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京奧翔領智專利代理有限公司 11518
• 代理人: 羅立冬

技術領域

本發明涉及互聯網技術，特別是涉及一種網頁模板制作的可視化方法以及網頁可視化制作裝置。

背景技術

目前，互聯網在城市中已經普及，大部分鄉鎮和行政村也都已經接通了互聯網。互聯網基礎設施的完善大大促進了互聯網的普及和應用。互聯網已經滲透到人們生活的各個領域。

網頁風格每年都有新變化和新的流行趨勢，傳統的模板建站的一般流程是設計師設計好一些頁面后用戶選擇使用，由于用戶不懂樣式控制所以用戶的網站風格大體相同，無法滿足用戶個性化的要求，導致用戶的網頁風格大體相同，而且每次改版都會耗費大量的人力。

發明內容

本發明的目的是提供一種網頁模板制作的可視化方法以及網頁可視化制作裝置，實現網頁風格個性化、使用更方便、功能多、模板平臺更加開放。

本發明的目的是通過以下技術方案來實現：

一種網頁模板制作的可視化方法，包括：

根據網頁內容設置至少兩個網頁子層。

向每個所述網頁子層加入與該子層對應的至少一個網頁布局模板，并對所述網頁布局模板的屬性設置至少一個樣式屬性標簽。

向每個所述網頁布局模板的模板元素內加入與該模板元素相對應的模板內容元素，并對所述模板內容元素的屬性設置至少一個元素屬性標簽。

將所述樣式屬性標簽與元素屬性標簽封裝到與其相對應的網頁子層內。

進一步的，所述向每個所述網頁子層加入與該子層對應的至少一個網頁布局模板包括：從網頁布局模板庫調取所述網頁布局模板庫存儲的網頁布局模板并加入對應的網頁子層；和/或，從數據接口獲取外部數據源輸入的網頁布局模板并加入對應的網頁子層。

進一步的，所述對所述網頁布局模板的屬性設置至少一個樣式屬性標簽包括：在所述網頁布局模板所在的網頁子層的預封裝的樣式屬性標簽中選擇所述至少一個樣式屬性標簽；對所述網頁布局模板設置選擇的所述至少一個樣式屬性標簽。

進一步的，所述向每個所述網頁布局模板的模板元素內加入與該模板元素相對應的模板內容元素包括：從網頁內容元素庫調取所述網頁內容元素庫存儲的模板內容元素并加入對應的網頁布局模板；和/或，從數據接口獲取外部數據源輸入的模板內容元素并加入對應的網頁布局模板。

進一步的，所述對所述模板內容元素的屬性設置至少一個元素屬性標簽包括：在所述模板內容元素所在的網頁布局模板的預封裝的元素屬性標簽中選擇所述至少一個元素屬性標簽；對所述網頁布局模板設置選擇的所述至少一個元素屬性標簽。

進一步的，所述將所述樣式屬性標簽與元素屬性標簽封裝到與其相對應的網頁子層內包括：將所述網頁布局模板及其相對應的樣式屬性標簽與模板內容元素及其相對應的元素屬性標簽均封裝到所述網頁子層中；封裝所述至少兩個的網頁子層，獲取所述網頁。

一種網頁可視化制作裝置，包括：

分層模塊，用于根據網頁內容設置至少兩個網頁子層。

布局模板添加模塊，用于向每個所述網頁子層加入與該子層對應的至少一個網頁布局模板，并對所述網頁布局模板的屬性設置至少一個樣式屬性標簽。

模板元素添加模塊，用于向每個所述網頁布局模板的模板元素內加入與該模板元素相對應的模板內容元素，并對所述模板內容元素的屬性設置至少一個元素屬性標簽。

封裝模塊，用于將每一個所述網頁子層的網頁布局模板與模板內容元素及與其相對應的屬性標簽均封裝在對應的網頁子層中，并封裝所述至少兩個的網頁子層，獲取所述網頁。

進一步的，所述裝置還包括：網頁布局模板庫、網頁內容元素庫、數據接口；所述網頁布局模板庫用于存儲預設的網頁布局模板；所述網頁內容元素庫用于存儲預設的模板內容元素；所述數據接口與外部數據源相連，用于獲取外部數據源的數據。

進一步的，所述布局模板添加模塊具體用于從網頁布局模板庫調取所述網頁布局模板庫存儲的網頁布局模板并加入對應的網頁子層，和/或，從數據接口獲取外部數據源輸入的網頁內容元素并加入對應的網頁子層；為所述網頁布局模板選擇所述至少一個樣式屬性標簽，對所述網頁布局模板設置選擇的所述至少一個樣式屬性標簽。

進一步的，所述模板元素添加模塊具體用于從網頁內容元素庫調取所述網頁內容元素庫存儲的模板內容元素并加入對應的網頁布局模板內，和/或，從數據接口獲取外部數據源輸入的模板內容元素并加入對應的網頁布局模板內；為所述模板內容元素選擇所述至少一個元素屬性標簽，對所述模板內容元素設置選擇的所述至少一個元素屬性標簽。

本發明具有以下有益效果：