一種生成html網(wǎng)頁(yè)預(yù)覽的方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)頁(yè)設(shè)計(jì)技術(shù)領(lǐng)域，尤其涉及一種生成HTML網(wǎng)頁(yè)預(yù)覽的方法。
【背景技術(shù)】
[0002]現(xiàn)有在進(jìn)行HTML網(wǎng)頁(yè)設(shè)計(jì)時(shí)，需要單獨(dú)將HTML設(shè)計(jì)的腳本與專(zhuān)門(mén)對(duì)HTML的美觀設(shè)計(jì)的CSS文檔進(jìn)行編輯，而且，在對(duì)HTML網(wǎng)頁(yè)進(jìn)行預(yù)覽時(shí)，僅僅能夠一個(gè)一個(gè)修改然后單獨(dú)看到每個(gè)修改后的頁(yè)面，這樣，不便于設(shè)計(jì)者進(jìn)行比較的技術(shù)問(wèn)題，因此，現(xiàn)有技術(shù)中存在在進(jìn)行HTML網(wǎng)頁(yè)設(shè)計(jì)時(shí)，需要對(duì)每個(gè)修改版本的頁(yè)面一個(gè)一個(gè)單獨(dú)觀看后才能決定哪個(gè)的網(wǎng)頁(yè)效果最佳，不方便設(shè)計(jì)者的操作。

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

[0003]本發(fā)明實(shí)施例通過(guò)提供一種生成HTML網(wǎng)頁(yè)預(yù)覽的方法，解決了現(xiàn)有技術(shù)中存在在進(jìn)行HTML網(wǎng)頁(yè)設(shè)計(jì)時(shí)，需要對(duì)每個(gè)修改版本的頁(yè)面一個(gè)一個(gè)單獨(dú)觀看后才能決定哪個(gè)的網(wǎng)頁(yè)效果最佳，不方便設(shè)計(jì)者的操作，進(jìn)而實(shí)現(xiàn)了能夠同時(shí)顯示多個(gè)設(shè)計(jì)的頁(yè)面，便于設(shè)計(jì)者進(jìn)行比較，方便設(shè)計(jì)者使用。
[0004]為了解決上述技術(shù)問(wèn)題，本發(fā)明實(shí)施例的技術(shù)方案如下:
一種生成HTML網(wǎng)頁(yè)預(yù)覽的方法，包括如下內(nèi)容:
獲取至少兩個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件；
讀取所述至少兩個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件，獲取用于顯示HTML網(wǎng)頁(yè)的網(wǎng)頁(yè)要素；
根據(jù)所述網(wǎng)頁(yè)要素生成HTML網(wǎng)頁(yè)文檔和與所述HTML網(wǎng)頁(yè)文檔關(guān)聯(lián)的級(jí)聯(lián)樣式表CSS文檔；
根據(jù)每個(gè)HTML網(wǎng)頁(yè)文檔與對(duì)應(yīng)的CSS文檔在網(wǎng)頁(yè)設(shè)定區(qū)域?qū)?yīng)每個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件分別進(jìn)行顯示。
[0005]進(jìn)一步地，所述根據(jù)每個(gè)所述HTML網(wǎng)頁(yè)文檔與對(duì)應(yīng)的CSS文檔在網(wǎng)頁(yè)設(shè)定區(qū)域?qū)?yīng)每個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件分別進(jìn)行顯示具體包括:
根據(jù)所述HTML網(wǎng)頁(yè)設(shè)計(jì)文件的數(shù)量，確定網(wǎng)頁(yè)劃分的數(shù)量；
根據(jù)所述網(wǎng)頁(yè)劃分的數(shù)量，確定網(wǎng)頁(yè)的設(shè)定區(qū)域，將每個(gè)HTML網(wǎng)頁(yè)文檔與對(duì)應(yīng)的CSS文檔在網(wǎng)頁(yè)設(shè)定區(qū)域?qū)?yīng)每個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件分別進(jìn)行顯示。
[0006]進(jìn)一步地，在所述根據(jù)每個(gè)HTML網(wǎng)頁(yè)文檔與對(duì)應(yīng)的CSS文檔在網(wǎng)頁(yè)設(shè)定區(qū)域?qū)?yīng)每個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件分別進(jìn)行顯示之后，還包括:
將每個(gè)設(shè)定區(qū)域顯示的HTML網(wǎng)頁(yè)的區(qū)別點(diǎn)進(jìn)行標(biāo)注顯示。
[0007]本發(fā)明實(shí)施例中提供的一個(gè)或多個(gè)技術(shù)方案，至少具有如下技術(shù)效果或優(yōu)點(diǎn):
由于采用在生成HTML網(wǎng)頁(yè)預(yù)覽的方法中，先獲取至少兩個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件，然后讀取至少兩個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件，獲取用于顯示HTML網(wǎng)頁(yè)的網(wǎng)頁(yè)要素，根據(jù)該網(wǎng)頁(yè)要素生成HTML網(wǎng)頁(yè)文檔和與該HTML網(wǎng)頁(yè)文檔關(guān)聯(lián)的級(jí)聯(lián)樣式表CSS文檔，然后根據(jù)每個(gè)HTML網(wǎng)頁(yè)文檔與對(duì)應(yīng)的CSS文檔在網(wǎng)頁(yè)設(shè)定區(qū)域?qū)?yīng)每個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件分別進(jìn)行顯示，進(jìn)而解決了現(xiàn)有技術(shù)中在進(jìn)行HTML網(wǎng)頁(yè)設(shè)計(jì)時(shí)，需要單獨(dú)將HTML設(shè)計(jì)的腳本與專(zhuān)門(mén)對(duì)HTML的美觀設(shè)計(jì)的CSS文檔進(jìn)行編輯，而且，在對(duì)HTML網(wǎng)頁(yè)進(jìn)行預(yù)覽時(shí)，僅僅能夠一個(gè)一個(gè)修改然后單獨(dú)看到每個(gè)修改后的頁(yè)面，這樣，不便于設(shè)計(jì)者進(jìn)行比較，進(jìn)而實(shí)現(xiàn)了能夠同時(shí)顯示多個(gè)設(shè)計(jì)的頁(yè)面，便于設(shè)計(jì)者進(jìn)行比較，方便設(shè)計(jì)者使用。
【附圖說(shuō)明】
[0008]圖1為本發(fā)明實(shí)施例中生成HTML網(wǎng)頁(yè)預(yù)覽的方法的步驟流程示意圖。
【具體實(shí)施方式】
[0009]本發(fā)明實(shí)施例通過(guò)提供一種生成HTML網(wǎng)頁(yè)預(yù)覽的方法，解決了現(xiàn)有技術(shù)中存在在進(jìn)行HTML網(wǎng)頁(yè)設(shè)計(jì)時(shí)，需要對(duì)每個(gè)修改版本的頁(yè)面一個(gè)一個(gè)單獨(dú)觀看后才能決定哪個(gè)的網(wǎng)頁(yè)效果最佳，不方便設(shè)計(jì)者的操作，進(jìn)而實(shí)現(xiàn)了能夠同時(shí)顯示多個(gè)設(shè)計(jì)的頁(yè)面，便于設(shè)計(jì)者進(jìn)行比較，方便設(shè)計(jì)者使用。
[0010]為了解決上述現(xiàn)有技術(shù)中存在在進(jìn)行HTML網(wǎng)頁(yè)設(shè)計(jì)時(shí)，需要對(duì)每個(gè)修改版本的頁(yè)面一個(gè)一個(gè)單獨(dú)觀看后才能決定哪個(gè)的網(wǎng)頁(yè)效果最佳，不方便設(shè)計(jì)者的操作，下面將結(jié)合說(shuō)明書(shū)附圖以及具體的實(shí)施方式對(duì)上述技術(shù)方案進(jìn)行詳細(xì)的說(shuō)明。
[0011]本發(fā)明實(shí)施例提供的一種生成HTML網(wǎng)頁(yè)預(yù)覽的方法，如圖1所示，包括如下內(nèi)容:S101，獲取至少兩個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件；S102，讀取所述至少兩個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件，獲取用于顯示HTML網(wǎng)頁(yè)的網(wǎng)頁(yè)要素；S103，根據(jù)所述網(wǎng)頁(yè)要素生成HTML網(wǎng)頁(yè)文檔和與所述HTML網(wǎng)頁(yè)文檔關(guān)聯(lián)的級(jí)聯(lián)樣式表CSS文檔；S104，根據(jù)每個(gè)HTML網(wǎng)頁(yè)文檔與對(duì)應(yīng)的CSS文檔在網(wǎng)頁(yè)設(shè)定區(qū)域?qū)?yīng)每個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件分別進(jìn)行顯示。
[0012]在具體的實(shí)施方式中，在S104中，具體包括，根據(jù)該HTML網(wǎng)頁(yè)設(shè)計(jì)文件的數(shù)量，確定網(wǎng)頁(yè)劃分的數(shù)量，比如，設(shè)計(jì)者共設(shè)計(jì)了 5個(gè)網(wǎng)頁(yè)設(shè)計(jì)，都是針對(duì)同樣的內(nèi)容，接著，根據(jù)該網(wǎng)頁(yè)劃分的數(shù)量，確定網(wǎng)頁(yè)的設(shè)定區(qū)域，將每個(gè)HTML網(wǎng)頁(yè)文檔與對(duì)應(yīng)的CSS文檔在網(wǎng)頁(yè)設(shè)定區(qū)域?qū)?yīng)每個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件分別進(jìn)行顯示，這樣，用戶(hù)就能同時(shí)在一個(gè)頁(yè)面看到不同的網(wǎng)頁(yè)設(shè)計(jì)的對(duì)比。方便用戶(hù)的使用，同時(shí)，根據(jù)最先獲得的HTML網(wǎng)頁(yè)設(shè)計(jì)文件，獲得該HTML網(wǎng)頁(yè)的網(wǎng)頁(yè)要素，然后根據(jù)要素生成HTML網(wǎng)頁(yè)文檔和與該HTML網(wǎng)頁(yè)文檔關(guān)聯(lián)的級(jí)聯(lián)樣式表CSS文檔，這樣，解決了現(xiàn)有設(shè)計(jì)者需要針對(duì)HTML網(wǎng)頁(yè)設(shè)計(jì)文件手動(dòng)對(duì)樣式文件進(jìn)行編寫(xiě)，同時(shí)，在編寫(xiě)好之后需要反復(fù)查看編寫(xiě)的結(jié)果，這樣復(fù)雜的過(guò)程，進(jìn)而能夠根據(jù)獲得的網(wǎng)頁(yè)要素獲得對(duì)應(yīng)該網(wǎng)頁(yè)文檔的CSS文檔，方便了設(shè)計(jì)者使用。
[0013]在S104之后，將每個(gè)設(shè)定區(qū)域顯示的HTML網(wǎng)頁(yè)的區(qū)別點(diǎn)進(jìn)行標(biāo)注顯示，為了使得設(shè)計(jì)者能夠清楚觀看到每個(gè)設(shè)計(jì)版本的區(qū)別點(diǎn)在哪，這樣，根據(jù)CSS文檔中語(yǔ)句的不同，從而對(duì)應(yīng)在不同在HTML網(wǎng)頁(yè)上顯示該不同的標(biāo)記信息，便于設(shè)計(jì)者查看。
[0014]盡管已描述了本發(fā)明的優(yōu)選實(shí)施例，但本領(lǐng)域內(nèi)的技術(shù)人員一旦得知了基本創(chuàng)造性概念，則可對(duì)這些實(shí)施例作出另外的變更和修改。所以，所附權(quán)利要求意欲解釋為包括優(yōu)選實(shí)施例以及落入本發(fā)明范圍的所有變更和修改。
[0015]顯然，本領(lǐng)域的技術(shù)人員可以對(duì)本發(fā)明進(jìn)行各種改動(dòng)和變型而不脫離本發(fā)明的精神和范圍。這樣，倘若本發(fā)明的這些修改和變型屬于本發(fā)明權(quán)利要求及其等同技術(shù)的范圍之內(nèi)，則本發(fā)明也意圖包含這些改動(dòng)和變型在內(nèi)。
【主權(quán)項(xiàng)】
1.一種生成HTML網(wǎng)頁(yè)預(yù)覽的方法，其特征在于，包括如下內(nèi)容: 獲取至少兩個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件； 讀取所述至少兩個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件，獲取用于顯示HTML網(wǎng)頁(yè)的網(wǎng)頁(yè)要素； 根據(jù)所述網(wǎng)頁(yè)要素生成HTML網(wǎng)頁(yè)文檔和與所述HTML網(wǎng)頁(yè)文檔關(guān)聯(lián)的級(jí)聯(lián)樣式表CSS文檔； 根據(jù)每個(gè)HTML網(wǎng)頁(yè)文檔與對(duì)應(yīng)的CSS文檔在網(wǎng)頁(yè)設(shè)定區(qū)域?qū)?yīng)每個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件分別進(jìn)行顯示。2.根據(jù)權(quán)利要求1所述的生成HTML網(wǎng)頁(yè)預(yù)覽的方法，其特征在于，所述根據(jù)每個(gè)所述HTML網(wǎng)頁(yè)文檔與對(duì)應(yīng)的CSS文檔在網(wǎng)頁(yè)設(shè)定區(qū)域?qū)?yīng)每個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件分別進(jìn)行顯示，具體包括: 根據(jù)所述HTML網(wǎng)頁(yè)設(shè)計(jì)文件的數(shù)量，確定網(wǎng)頁(yè)劃分的數(shù)量； 根據(jù)所述網(wǎng)頁(yè)劃分的數(shù)量，確定網(wǎng)頁(yè)的設(shè)定區(qū)域，將每個(gè)HTML網(wǎng)頁(yè)文檔與對(duì)應(yīng)的CSS文檔在網(wǎng)頁(yè)設(shè)定區(qū)域?qū)?yīng)每個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件分別進(jìn)行顯示。3.根據(jù)權(quán)利要求1所述的生成HTML網(wǎng)頁(yè)預(yù)覽的方法，其特征在于，在所述根據(jù)每個(gè)HTML網(wǎng)頁(yè)文檔與對(duì)應(yīng)的CSS文檔在網(wǎng)頁(yè)設(shè)定區(qū)域?qū)?yīng)每個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件分別進(jìn)行顯示之后，還包括: 將每個(gè)設(shè)定區(qū)域顯示的HTML網(wǎng)頁(yè)的區(qū)別點(diǎn)進(jìn)行標(biāo)注顯示。
【專(zhuān)利摘要】本發(fā)明涉及網(wǎng)頁(yè)設(shè)計(jì)技術(shù)領(lǐng)域，解決了現(xiàn)有技術(shù)中存在在進(jìn)行HTML網(wǎng)頁(yè)設(shè)計(jì)時(shí)，需要對(duì)每個(gè)修改版本的頁(yè)面一個(gè)一個(gè)單獨(dú)觀看后才能決定哪個(gè)的網(wǎng)頁(yè)效果最佳，不方便設(shè)計(jì)者的操作，通過(guò)提供一種生成HTML網(wǎng)頁(yè)預(yù)覽的方法，包括如下內(nèi)容：獲取至少兩個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件；讀取所述至少兩個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件，獲取用于顯示HTML網(wǎng)頁(yè)的網(wǎng)頁(yè)要素;根據(jù)所述網(wǎng)頁(yè)要素生成HTML網(wǎng)頁(yè)文檔和與所述HTML網(wǎng)頁(yè)文檔關(guān)聯(lián)的級(jí)聯(lián)樣式表CSS文檔；根據(jù)每個(gè)HTML網(wǎng)頁(yè)文檔與對(duì)應(yīng)的CSS文檔在網(wǎng)頁(yè)設(shè)定區(qū)域?qū)?yīng)每個(gè)HTML網(wǎng)頁(yè)設(shè)計(jì)文件分別進(jìn)行顯示，進(jìn)而實(shí)現(xiàn)了能夠同時(shí)顯示多個(gè)設(shè)計(jì)的頁(yè)面，便于設(shè)計(jì)者進(jìn)行比較，方便設(shè)計(jì)者使用。
【IPC分類(lèi)】G06F9/44
【公開(kāi)號(hào)】CN105068816
【申請(qǐng)?zhí)枴緾N201510529614
【發(fā)明人】黃雷
【申請(qǐng)人】成都秋雷科技有限責(zé)任公司
【公開(kāi)日】2015年11月18日
【申請(qǐng)日】2015年8月26日