網(wǎng)頁(yè)生成方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)領(lǐng)域，具體而言，涉及一種網(wǎng)頁(yè)生成方法和裝置。
【背景技術(shù)】
[0002]網(wǎng)頁(yè)模板在互聯(lián)網(wǎng)站點(diǎn)中的運(yùn)用場(chǎng)景非常多，例如通過(guò)博客發(fā)博文時(shí)的“插入模板”功能，以及通過(guò)社區(qū)應(yīng)用(例如，QQ空間)發(fā)表日志時(shí)的“模板日志”。因?yàn)槟０逡呀?jīng)幫用戶設(shè)計(jì)好了頁(yè)面的布局、配圖、文本格式，用戶只需根據(jù)自己的需要將相關(guān)內(nèi)容替換成自己需要的內(nèi)容，然后點(diǎn)擊保存后得到專屬自己的網(wǎng)頁(yè)，這大大節(jié)省了用戶的時(shí)間。
[0003]伴隨用戶量的飛速成長(zhǎng)，為了更好滿足個(gè)性化需求，現(xiàn)有的網(wǎng)頁(yè)模板編輯能夠支持用戶個(gè)性化編輯，用戶可以根據(jù)個(gè)人喜好來(lái)設(shè)計(jì)，展示自己的個(gè)性?，F(xiàn)有的模板編輯的方式如下:
[0004](I)首先將網(wǎng)頁(yè)按照網(wǎng)頁(yè)結(jié)構(gòu)標(biāo)簽(控制布局和顯示)和網(wǎng)頁(yè)內(nèi)容兩部分拆分，網(wǎng)頁(yè)結(jié)構(gòu)標(biāo)簽主要包含網(wǎng)頁(yè)的結(jié)構(gòu)部分，如圖1所示。確定好頁(yè)面的布局，規(guī)劃好各個(gè)部分內(nèi)容。然后，在服務(wù)器默認(rèn)的結(jié)構(gòu)模板中選擇合適的結(jié)構(gòu)，將選擇好的結(jié)構(gòu)拖到需要的位置，并對(duì)選擇的結(jié)構(gòu)進(jìn)行編輯。
[0005](2)其次，添加數(shù)據(jù)模塊，在從服務(wù)器中獲取網(wǎng)頁(yè)結(jié)構(gòu)標(biāo)簽之后，用戶可以根據(jù)需要從網(wǎng)站已有的數(shù)據(jù)模塊中調(diào)用需要添加的內(nèi)容，如圖2所示，用戶可以在屬性窗口中設(shè)置數(shù)據(jù)模塊屬性等信息。在設(shè)置好網(wǎng)頁(yè)的數(shù)據(jù)模塊的屬性信息后，還可以選擇模塊的標(biāo)題樣式等，如圖3所示。
[0006]現(xiàn)有技術(shù)需要在服務(wù)器提供的模板中選擇網(wǎng)頁(yè)模板，并對(duì)選擇的網(wǎng)頁(yè)模板進(jìn)行編輯以生成網(wǎng)頁(yè)，但是，由于服務(wù)商提供的網(wǎng)頁(yè)模板有限，用戶只能依賴服務(wù)商提供的網(wǎng)頁(yè)模板生成網(wǎng)頁(yè)，而用戶無(wú)法根據(jù)自己的需要對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)和更改，從而無(wú)法滿足用戶的個(gè)性化需求。
[0007]針對(duì)現(xiàn)有技術(shù)中生成網(wǎng)頁(yè)僅限于網(wǎng)頁(yè)模板中的樣式，導(dǎo)致生成的網(wǎng)頁(yè)形式單一的問(wèn)題，目如尚未提出有效的解決方案。

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

[0008]本發(fā)明實(shí)施例的主要目的在于提供一種網(wǎng)頁(yè)生成方法和裝置，以解決現(xiàn)有技術(shù)中生成網(wǎng)頁(yè)僅限于網(wǎng)頁(yè)模板中的樣式，導(dǎo)致生成的網(wǎng)頁(yè)形式單一的問(wèn)題。
[0009]為了實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明實(shí)施例的一個(gè)方面，提供了一種網(wǎng)頁(yè)生成方法。根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)生成方法包括:獲取待解析的圖片；解析圖片，得到圖片的元素信息，其中，元素信息用于構(gòu)成網(wǎng)頁(yè)；獲取網(wǎng)頁(yè)的框架信息；獲取框架信息與元素信息之間的對(duì)應(yīng)關(guān)系；以及按照框架信息與元素信息之間的對(duì)應(yīng)關(guān)系由框架信息和元素信息生成網(wǎng)頁(yè)。
[0010]為了實(shí)現(xiàn)上述目的，根據(jù)本發(fā)明實(shí)施例的另一方面，提供了一種網(wǎng)頁(yè)生成裝置。根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)生成裝置包括:第一獲取單元，用于獲取待解析的圖片；解析單元，用于解析圖片，得到圖片的元素信息，其中，元素信息用于構(gòu)成網(wǎng)頁(yè)；第二獲取單元，用于獲取網(wǎng)頁(yè)的框架信息；第三獲取單元，用獲取框架信息與元素信息之間的對(duì)應(yīng)關(guān)系；以及生成單元，用于按照框架信息與元素信息之間的對(duì)應(yīng)關(guān)系由框架信息和元素信息生成網(wǎng)頁(yè)。
[0011]在本發(fā)明實(shí)施例中，采用獲取待解析的圖片；解析圖片，得到圖片的元素信息，其中，元素信息用于構(gòu)成網(wǎng)頁(yè)；獲取網(wǎng)頁(yè)的框架信息；獲取框架信息與元素信息之間的對(duì)應(yīng)關(guān)系；以及按照框架信息與元素信息之間的對(duì)應(yīng)關(guān)系由框架信息和元素信息生成網(wǎng)頁(yè)，通過(guò)獲取待解析的圖片，利用解析圖片得到圖片的元素信息，結(jié)合網(wǎng)頁(yè)的框架信息以及網(wǎng)頁(yè)的框架信息和元素信息之間的對(duì)應(yīng)關(guān)系生成網(wǎng)頁(yè)，使得生成的網(wǎng)頁(yè)并不限于服務(wù)商提供的網(wǎng)頁(yè)模板中的樣式，從而解決了現(xiàn)有技術(shù)中生成網(wǎng)頁(yè)僅限于網(wǎng)頁(yè)模板中的樣式，導(dǎo)致生成的網(wǎng)頁(yè)形式單一的問(wèn)題，進(jìn)而達(dá)到了更加多樣化的效果。
【附圖說(shuō)明】
[0012]構(gòu)成本申請(qǐng)的一部分的附圖用來(lái)提供對(duì)本發(fā)明的進(jìn)一步理解，本發(fā)明的示意性實(shí)施例及其說(shuō)明用于解釋本發(fā)明，并不構(gòu)成對(duì)本發(fā)明的不當(dāng)限定。在附圖中:
[0013]圖1是根據(jù)現(xiàn)有技術(shù)中選擇網(wǎng)頁(yè)的頁(yè)面框架的示意圖；
[0014]圖2是根據(jù)現(xiàn)有技術(shù)中添加頁(yè)面模塊的示意圖；
[0015]圖3是根據(jù)現(xiàn)有技術(shù)中編輯頁(yè)面模塊的示意圖；
[0016]圖4是根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)生成方法的流程圖；
[0017]圖5是根據(jù)本發(fā)明實(shí)施例的待解析圖片的示意圖；
[0018]圖6是根據(jù)本發(fā)明實(shí)施例的不同元素信息之間相關(guān)聯(lián)的示意圖；
[0019]圖7是根據(jù)本發(fā)明優(yōu)選實(shí)施例的網(wǎng)頁(yè)生成方法的流程圖；
[0020]圖8是根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)生成裝置的示意圖；以及
[0021]圖9是根據(jù)本發(fā)明優(yōu)選實(shí)施例的網(wǎng)頁(yè)生成裝置的示意圖。
【具體實(shí)施方式】
[0022]為了使本技術(shù)領(lǐng)域的人員更好地理解本發(fā)明方案，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分的實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒(méi)有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都應(yīng)當(dāng)屬于本發(fā)明保護(hù)的范圍。
[0023]需要說(shuō)明的是，本發(fā)明的說(shuō)明書(shū)和權(quán)利要求書(shū)及上述附圖中的術(shù)語(yǔ)“第一”、“第二”等是用于區(qū)別類似的對(duì)象，而不必用于描述特定的順序或先后次序。應(yīng)該理解這樣使用的數(shù)據(jù)在適當(dāng)情況下可以互換，以便這里描述的本發(fā)明的實(shí)施例能夠以除了在這里圖示或描述的那些以外的順序?qū)嵤４送?，術(shù)語(yǔ)“包括”和“具有”以及他們的任何變形，意圖在于覆蓋不排他的包含，例如，包含了一系列步驟或單元的過(guò)程、方法、系統(tǒng)、產(chǎn)品或設(shè)備不必限于清楚地列出的那些步驟或單元，而是可包括沒(méi)有清楚地列出的或?qū)τ谶@些過(guò)程、方法、產(chǎn)品或設(shè)備固有的其它步驟或單元。
[0024]本發(fā)明實(shí)施例提供了一種網(wǎng)頁(yè)生成方法。根據(jù)本發(fā)明實(shí)施例，可以提供了一種可以用于實(shí)施本申請(qǐng)裝置實(shí)施例的方法實(shí)施例，需要說(shuō)明的是，在附圖的流程圖示出的步驟可以在諸如一組計(jì)算機(jī)可執(zhí)行指令的計(jì)算機(jī)系統(tǒng)中執(zhí)行，并且，雖然在流程圖中示出了邏輯順序，但是在某些情況下，可以以不同于此處的順序執(zhí)行所示出或描述的步驟。
[0025]圖4是根據(jù)本發(fā)明實(shí)施例的網(wǎng)頁(yè)生成方法的流程圖。如圖所示，該方法包括如下的步驟:
[0026]步驟S402，獲取待解析的圖片。
[0027]為了使得生成的網(wǎng)頁(yè)滿足用戶的個(gè)性化需要，待解析的照片可以為用戶喜歡的圖片，圖片的來(lái)源可以是用戶拍攝的照片，可以是從互聯(lián)網(wǎng)下載的圖片，圖片的樣式可以為純圖像，也可以為文字構(gòu)成的圖像，還可以是文字和圖像的相結(jié)合，還可以是用類似Adobephotoshop等制圖軟件生成的圖片源文件。
[0028]步驟S404，解析圖片，得到圖片的元素信息，其中，元素信息用于構(gòu)成網(wǎng)頁(yè)。
[0029]解析獲取到的待解析的圖片，以期得到圖片中包含的元素信息，并利用解析得到的元素信息構(gòu)成網(wǎng)頁(yè)。
[0030]解析圖片后得到的元素信息可以作為網(wǎng)頁(yè)的不同組成部分，每個(gè)元素信息對(duì)于構(gòu)成網(wǎng)頁(yè)的功能不做限制，例如，可以一個(gè)圖層作為一個(gè)構(gòu)成網(wǎng)頁(yè)的元素信息，也可以是多個(gè)圖層作為一個(gè)構(gòu)成網(wǎng)頁(yè)的元素信息，還可以是圖層與圖層上的圖像作為構(gòu)成一個(gè)網(wǎng)頁(yè)的元素信息。
[0031]例如，對(duì)于一個(gè)圖片，該圖片可以由多個(gè)圖層構(gòu)成，每個(gè)圖層可以是整幅圖像，也可以是一個(gè)圖層局部具有圖像，還可以是一個(gè)圖層僅有文字或者文字與圖像的結(jié)合，甚至僅僅是個(gè)空白圖層，多個(gè)圖層重疊又構(gòu)成一個(gè)完整的圖片，那么，解析該圖片得到的元素信息包括多個(gè)圖層，還包括每個(gè)圖層上的圖像或者文字信息。解析得到的這些元素信息都可以用來(lái)構(gòu)成網(wǎng)頁(yè)。
[0032]例如，圖片中一個(gè)圖層的圖像可以作為網(wǎng)頁(yè)背景圖，另外一個(gè)圖層的圖像可以作為網(wǎng)頁(yè)區(qū)域分割圖，具有文字的圖層上的文字可以作為網(wǎng)頁(yè)的標(biāo)題等。
[0033]如圖5所示，該圖片中圖層001可以作為背景，圖層002可以作為區(qū)域分割圖，圖層002可以僅僅是圖片或者顏色或者僅僅是線條勾勒的框圖，圖層002還可以有文字。圖5中的文字“網(wǎng)頁(yè)標(biāo)題”可以在圖層002上，還可以單獨(dú)作為一個(gè)圖層，同理，圖5中的其他文字“正文標(biāo)題”、“正為內(nèi)容”等可以在圖層002上，還可以與文字“網(wǎng)頁(yè)標(biāo)題”處于同一個(gè)圖層，還可以分別屬于一個(gè)圖層。另外，圖5還示出了圖層003，該圖層003僅包含一個(gè)圖像。
[0034]由圖5可知，一個(gè)圖片可以被解析為多個(gè)圖層，多個(gè)圖層的配合構(gòu)成一個(gè)完整的圖片。需要說(shuō)明的是，本發(fā)明實(shí)施例中的圖片，不限制圖片中圖層的個(gè)數(shù)，也不限制圖層上的內(nèi)容。
[0035]步驟S406，獲取網(wǎng)頁(yè)的框架信息。
[0036]網(wǎng)頁(yè)的框架信息包括網(wǎng)頁(yè)背景、網(wǎng)頁(yè)的導(dǎo)航、網(wǎng)頁(yè)的標(biāo)題以及網(wǎng)頁(yè)的搜索、分類等網(wǎng)頁(yè)通用的信息。用戶可以通過(guò)服務(wù)器獲取網(wǎng)頁(yè)的框架信息。
[0037]步驟S408，獲取框架信息與元素信息之間的對(duì)應(yīng)關(guān)系。
[0038]在解析圖片的元素信息之后，網(wǎng)頁(yè)的元素信息僅僅是分散的個(gè)體，無(wú)法組成一個(gè)完整的網(wǎng)頁(yè)。由于，網(wǎng)頁(yè)的框架信息僅僅勾畫(huà)了網(wǎng)頁(yè)的骨架，而元素信息僅僅是網(wǎng)頁(yè)的表現(xiàn)，為了使得解析得到的