杭州網站建設

最低套餐580元

分享能生成html網頁預覽的方法

發表日期:2019-08-30文章編輯:杭州乐橙AG客户端網絡瀏覽次數:0


  現有在進行HTML網頁設計時,需要單獨將HTML設計的腳本與專門對HTML的美觀設計的CSS文檔進行編輯,而且,在對HTML網頁進行預覽時,僅僅能夠一個一個修改然後單獨看到每個修改後的頁麵,這樣,不便於設計者進行比較的技術問題,因此,現有技術中存在在進行HTML網頁設計時,需要對每個修改版本的頁麵一個一個單獨觀看後才能決定哪個的網頁效果最佳,不方便設計者的操作。
  
  【發明內容】
  
  本發明實施例通過提供一種生成HTML網頁預覽的方法,解決了現有技術中存在在進行HTML網頁設計時,需要對每個修改版本的頁麵一個一個單獨觀看後才能決定哪個的網頁效果最佳,不方便設計者的操作,進而實現了能夠同時顯示多個設計的頁麵,便於設計者進行比較,方便設計者使用。
  
  為了解決上述技術問題,本發明實施例的技術方案如下:
  
  一種生成HTML網頁預覽的方法,包括如下內容:
  
  獲取至少兩個HTML網頁設計文件;
  
  讀取所述至少兩個HTML網頁設計文件,獲取用於顯示HTML網頁的網頁要素;
  
  根據所述網頁要素生成HTML網頁文檔和與所述HTML網頁文檔關聯的級聯樣式表CSS文檔;
  
  根據每個HTML網頁文檔與對應的CSS文檔在網頁設定區域對應每個HTML網頁設計文件分別進行顯示。
  
  進一步地,所述根據每個所述HTML網頁文檔與對應的CSS文檔在網頁設定區域對應每個HTML網頁設計文件分別進行顯示具體包括:
  
  根據所述HTML網頁設計文件的數量,確定網頁劃分的數量;
  
  根據所述網頁劃分的數量,確定網頁的設定區域,將每個HTML網頁文檔與對應的CSS文檔在網頁設定區域對應每個HTML網頁設計文件分別進行顯示。
  
  進一步地,在所述根據每個HTML網頁文檔與對應的CSS文檔在網頁設定區域對應每個HTML網頁設計文件分別進行顯示之後,還包括:
  
  將每個設定區域顯示的HTML網頁的區別點進行標注顯示。
  
  本發明實施例中提供的一個或多個技術方案,至少具有如下技術效果或優點:
  
  由於采用在生成HTML網頁預覽的方法中,先獲取至少兩個HTML網頁設計文件,然後讀取至少兩個HTML網頁設計文件,獲取用於顯示HTML網頁的網頁要素,根據該網頁要素生成HTML網頁文檔和與該HTML網頁文檔關聯的級聯樣式表CSS文檔,然後根據每個HTML網頁文檔與對應的CSS文檔在網頁設定區域對應每個HTML網頁設計文件分別進行顯示,進而解決了現有技術中在進行HTML網頁設計時,需要單獨將HTML設計的腳本與專門對HTML的美觀設計的CSS文檔進行編輯,而且,在對HTML網頁進行預覽時,僅僅能夠一個一個修改然後單獨看到每個修改後的頁麵,這樣,不便於設計者進行比較,進而實現了能夠同時顯示多個設計的頁麵,便於設計者進行比較,方便設計者使用。
  
  【具體實施方式】
  
  本發明實施例通過提供一種生成HTML網頁預覽的方法,解決了現有技術中存在在進行HTML網頁設計時,需要對每個修改版本的頁麵一個一個單獨觀看後才能決定哪個的網頁效果最佳,不方便設計者的操作,進而實現了能夠同時顯示多個設計的頁麵,便於設計者進行比較,方便設計者使用。
  
  為了解決上述現有技術中存在在進行HTML網頁設計時,需要對每個修改版本的頁麵一個一個單獨觀看後才能決定哪個的網頁效果最佳,不方便設計者的操作,下麵將結合說明書附圖以及具體的實施方式對上述技術方案進行詳細的說明。
  
  本發明實施例提供的一種生成HTML網頁預覽的方法,如圖1所示,包括如下內容:S101,獲取至少兩個HTML網頁設計文件;S102,讀取所述至少兩個HTML網頁設計文件,獲取用於顯示HTML網頁的網頁要素;S103,根據所述網頁要素生成HTML網頁文檔和與所述HTML網頁文檔關聯的級聯樣式表CSS文檔;S104,根據每個HTML網頁文檔與對應的CSS文檔在網頁設定區域對應每個HTML網頁設計文件分別進行顯示。
  
  在具體的實施方式中,在S104中,具體包括,根據該HTML網頁設計文件的數量,確定網頁劃分的數量,比如,設計者共設計了 5個網頁設計,都是針對同樣的內容,接著,根據該網頁劃分的數量,確定網頁的設定區域,將每個HTML網頁文檔與對應的CSS文檔在網頁設定區域對應每個HTML網頁設計文件分別進行顯示,這樣,用戶就能同時在一個頁麵看到不同的網頁設計的對比。方便用戶的使用,同時,根據最先獲得的HTML網頁設計文件,獲得該HTML網頁的網頁要素,然後根據要素生成HTML網頁文檔和與該HTML網頁文檔關聯的級聯樣式表CSS文檔,這樣,解決了現有設計者需要針對HTML網頁設計文件手動對樣式文件進行編寫,同時,在編寫好之後需要反複查看編寫的結果,這樣複雜的過程,進而能夠根據獲得的網頁要素獲得對應該網頁文檔的CSS文檔,方便了設計者使用。
  
  在S104之後,將每個設定區域顯示的HTML網頁的區別點進行標注顯示,為了使得設計者能夠清楚觀看到每個設計版本的區別點在哪,這樣,根據CSS文檔中語句的不同,從而對應在不同在HTML網頁上顯示該不同的標記信息,便於設計者查看。
  
  盡管已描述了本發明的優選實施例,但本領域內的技術人員一旦得知了基本創造性概念,則可對這些實施例作出另外的變更和修改。所以,所附權利要求意欲解釋為包括優選實施例以及落入本發明範圍的所有變更和修改。
  
  顯然,本領域的技術人員可以對本發明進行各種改動和變型而不脫離本發明的精神和範圍。這樣,倘若本發明的這些修改和變型屬於本發明權利要求及其等同技術的範圍之內,則本發明也意圖包含這些改動和變型在內。
  
  【主權項】
  
  1.一種生成HTML網頁預覽的方法,其特征在於,包括如下內容: 獲取至少兩個HTML網頁設計文件; 讀取所述至少兩個HTML網頁設計文件,獲取用於顯示HTML網頁的網頁要素; 根據所述網頁要素生成HTML網頁文檔和與所述HTML網頁文檔關聯的級聯樣式表CSS文檔; 根據每個HTML網頁文檔與對應的CSS文檔在網頁設定區域對應每個HTML網頁設計文件分別進行顯示。2.根據權利要求1所述的生成HTML網頁預覽的方法,其特征在於,所述根據每個所述HTML網頁文檔與對應的CSS文檔在網頁設定區域對應每個HTML網頁設計文件分別進行顯示,具體包括: 根據所述HTML網頁設計文件的數量,確定網頁劃分的數量; 根據所述網頁劃分的數量,確定網頁的設定區域,將每個HTML網頁文檔與對應的CSS文檔在網頁設定區域對應每個HTML網頁設計文件分別進行顯示。3.根據權利要求1所述的生成HTML網頁預覽的方法,其特征在於,在所述根據每個HTML網頁文檔與對應的CSS文檔在網頁設定區域對應每個HTML網頁設計文件分別進行顯示之後,還包括: 將每個設定區域顯示的HTML網頁的區別點進行標注顯示。
  
  【專利摘要】本發明涉及網頁設計技術領域,解決了現有技術中存在在進行HTML網頁設計時,需要對每個修改版本的頁麵一個一個單獨觀看後才能決定哪個的網頁效果最佳,不方便設計者的操作,通過提供一種生成HTML網頁預覽的方法,包括如下內容:獲取至少兩個HTML網頁設計文件;讀取所述至少兩個HTML網頁設計文件,獲取用於顯示HTML網頁的網頁要素;根據所述網頁要素生成HTML網頁文檔和與所述HTML網頁文檔關聯的級聯樣式表CSS文檔;根據每個HTML網頁文檔與對應的CSS文檔在網頁設定區域對應每個HTML網頁設計文件分別進行顯示,進而實現了能夠同時顯示多個設計的頁麵,便於設計者進行比較,方便設計者使用。

來源:X技術
如沒特殊注明,文章均為杭州AG乐橙app網絡整理發布,轉載請注明來自http://www.jdyyyg.com/news/84.html