元素信息能夠構成一個完整的網(wǎng)頁，獲取框架信息與元素信息之間的對應關系，將網(wǎng)頁的框架和元素信息對應起來，就能構成完整的網(wǎng)頁。
[0039]步驟S410，按照框架信息與元素信息之間的對應關系由框架信息和元素信息生成網(wǎng)頁。
[0040]例如，框架信息為網(wǎng)頁的網(wǎng)頁標題，在圖5所示的圖片中，文字“網(wǎng)頁標題”與框架信息中網(wǎng)頁的網(wǎng)頁標題相關聯(lián)，那么，在解析圖5所示的圖片中的元素信息為“網(wǎng)頁標題”之后，按照框架信息與元素信息之間的對應關系，將解析出來的文字“網(wǎng)頁標題”作為網(wǎng)頁標題。
[0041]同理，在解析出圖5所示圖片中的圖層001之后，將圖層001與框架信息中的背景相對應，則按照圖層001與框架信息中的背景的對應關系，確定解析圖片得到的圖層001作為網(wǎng)頁的背景。
[0042]解析圖片得到的其他元素信息構成網(wǎng)頁的方法與圖層001等的方法相同，在此不做贅述。
[0043]利用解析得到的元素信息構成網(wǎng)頁時，保留元素信息的樣式，例如，元素信息“網(wǎng)頁標題”的樣式為華文行楷，斜體，且字體大小為30pt，則將圖片中的“網(wǎng)頁標題”作為網(wǎng)頁的標題時，生成的網(wǎng)頁的標題樣式也為華文行楷，斜體，且字體大小為30pt。
[0044]通過上述實施例，獲取待解析的圖片，利用解析圖片得到圖片的元素信息，結合網(wǎng)頁的框架信息以及網(wǎng)頁的框架信息和元素信息之間的對應關系生成網(wǎng)頁，使得生成的網(wǎng)頁并不限于服務商提供的網(wǎng)頁模板中的樣式，從而解決了現(xiàn)有技術中生成網(wǎng)頁僅限于網(wǎng)頁模板中的樣式，導致生成的網(wǎng)頁形式單一的問題，進而達到了更加多樣化的效果。
[0045]優(yōu)選地，在解析圖片，得到圖片的元素信息之后，網(wǎng)頁生成方法還包括:
[0046]接收對元素信息進行編輯的指令。
[0047]對元素信息進行編輯時，可以針對一個或者多個元素信息進行編輯。對元素信息進行編輯時，可以針對元素信息的內容、顏色、字體和設計效果等進行編輯。
[0048]例如，對于圖5所示的圖片，可以對文字“網(wǎng)頁標題”進行編輯，可以將文字“網(wǎng)頁標題”更改為“Monkey Bizness”,可以更改文字樣式為“Times New Roman”,還可以更改文字的大小，顏色等等。對于圖5所示的圖片，還可以編輯圖層001上的圖片，例如，替換、裁切和修改等，還可以編輯正文內容以及多個圖層之間的設計效果等等。
[0049]按照指令對元素信息進行編輯，得到編輯后的元素信息，其中，根據(jù)框架信息與編輯后的元素信息之間的對應關系由框架信息和編輯后的元素信息生成網(wǎng)頁。
[0050]按照編輯指令對元素進行編輯之后，得到新的元素信息，由于僅僅是對元素信息進行更改，每個元素信息與框架信息的對應關系可以不更改，因此，可以按照框架信息與編輯后的元素信息之間的對應關系由框架信息和編輯后的元素信息生成網(wǎng)頁。此時，生成的網(wǎng)頁顯示的內容由編輯后的元素信息構成。
[0051]通過上述實施例，可以將構成網(wǎng)頁的所有元素平面化，即可以對網(wǎng)頁的任何一個元素信息進行更改，并且，這種更改無需被限制在某個模塊的框架內，避免了現(xiàn)有技術中，對某個內容更改時，首先要進入該內容所在的模塊，然后在該模塊的范圍內進行更改的繁瑣，更加方便對網(wǎng)頁進行個性化的編輯。另外，用戶可以對任何一個或多個元素信息進行編輯，使得利用修改后的元素信息生成的網(wǎng)頁更加多樣化。
[0052]優(yōu)選地，獲取框架信息與元素信息之間的對應信息包括:獲取框架信息的標識信息，獲取元素信息的標識信息，以及按照框架信息的標識信息和元素信息的標識信息將框架信息和元素信息進行關聯(lián)。
[0053]框架信息的標識信息用于標識網(wǎng)頁的各個組成部分，元素信息的標識信息用于標識該元素信息為網(wǎng)頁的哪個組成部分，按照框架信息的標識信息和元素信息的標識信息可以使得框架信息與元素信息對應，使得解析圖片得到的元素信息不再是獨立的個體，而是可以與網(wǎng)頁框架信息連在一起來構成完整的網(wǎng)頁。
[0054]優(yōu)選地，元素信息包括第一元素信息和第二元素信息，在解析圖片，得到圖片的元素信息之后，該網(wǎng)頁生成方法還包括:
[0055]對第一元素信息和第二元素信息進行關聯(lián)，得到第一元素和第二元素之間的關聯(lián)信息。按照關聯(lián)信息顯示第一元素信息和第二元素信息。
[0056]解析圖片得到的元素信息不僅與框架信息相對應，不同的元素信息之間也具有關聯(lián)關系，能夠通過不同元素信息之間的關聯(lián)關系顯示不同的展示效果，從而使得生成的網(wǎng)頁形式更加豐富。
[0057]例如，如圖6所示，圖層004、圖層005和圖層006為相重疊設置的三個圖層，重疊部分未顯示，每個圖層可以用來展示一張圖像，通過切換圖層可以實現(xiàn)圖像的輪換展示，每個圖像都可以作為一個元素信息。圖層004上設置有數(shù)字塊1，圖層005上設置有數(shù)字塊2，圖層006上設置有數(shù)字塊3，每個數(shù)字塊也可以作為一個元素信息，在對圖層上的圖像進行展示時，可以用數(shù)字塊來顯示當前圖像為第幾張圖，以及當前展示的圖像共有幾張。如果將圖像與數(shù)字塊解析為一個元素信息，那么，在需要更改數(shù)字塊樣式而不更改圖像時，需要重新制作圖層，制作帶有新數(shù)字塊的圖像，而在需要更改圖層上顯示的圖像而不更改數(shù)字塊樣式時，需要制作帶有數(shù)字塊的新圖像，這樣使得修改過程較繁瑣，增加了編輯的工作量。但是，如果將圖像與數(shù)字塊解析為不同的元素信息，那么，可以僅修改數(shù)字塊或者僅修改圖像。但是，為了顯示數(shù)字塊與圖像之間的關系，可以將兩者關聯(lián)起來，按照關聯(lián)關系顯示數(shù)字塊和圖像，這樣，不僅能夠準確顯示元素信息之間的關系，還能便于對元素信息進行編輯，減少了編輯的工作量，從而提高了生成網(wǎng)頁的效率。
[0058]對于本實施例中，如果使得元素信息之間可以精確的對應，可以采用響應式設計框架(例如Bootstrap3和Foundat1n5)來實現(xiàn),在此不做--贅述。
[0059]圖7是根據(jù)本發(fā)明優(yōu)選實施例的網(wǎng)頁生成方法的流程圖。如圖所示，在按照框架信息與元素信息之間的對應關系由框架信息和元素信息生成網(wǎng)頁之后，該網(wǎng)頁生成方法還包括:
[0060]步驟S702，提取生成的網(wǎng)頁的元素數(shù)據(jù)。
[0061]生成網(wǎng)頁之后，提取網(wǎng)頁中各個元素數(shù)據(jù)，提取的元素數(shù)據(jù)包括網(wǎng)頁的背景圖片，網(wǎng)頁的標題樣式、顏色和字體等，還包括網(wǎng)頁中圖片的展示方式、展示位置等。
[0062]步驟S704，獲取元素數(shù)據(jù)對應的框架信息。
[0063]在提取網(wǎng)頁的元素數(shù)據(jù)之后，獲取這些元素數(shù)據(jù)對應的框架信息，即每個元素數(shù)據(jù)對應的網(wǎng)頁的哪個部分。
[0064]步驟S706，按照元素數(shù)據(jù)對應的框架信息將元素數(shù)據(jù)保存為圖片，其中，保存得到的圖片為可解析的圖片。
[0065]按照元素數(shù)據(jù)對應的框架信息將元素數(shù)據(jù)保存為圖片，保存的圖片為可解析的圖片，還可以利用本發(fā)明實施例提供的方法重新生成網(wǎng)頁。
[0066]由于保存的形式為圖片格式，可以不受限于生成網(wǎng)頁工具的版本限制，便于根據(jù)保存的圖片還原網(wǎng)頁，使得由保存的圖片還原的網(wǎng)頁更加真實，不易出錯。
[0067]在將網(wǎng)頁的元素數(shù)據(jù)保存為圖片之后，還可以為圖片添加簡要介紹，例如主題名稱、簡要的功能敘述，以及是否允許其他用戶重復使用該圖片等。
[0068]步驟S708，分享可解析的圖片。
[0069]為了方便其他用戶重復生成相同的網(wǎng)頁，可以將保存的圖片分享給其他人。例如，通過微博、QQ空間、微信好友和微信朋友圈等進行分享，還可以通過郵件、短信和云筆記等進行分孚。
[0070]通過統(tǒng)一的展示平臺也可以分享保存網(wǎng)頁得到的圖片，用戶通過瀏覽展示的圖片選擇適合自己的圖片，并通過解析該圖片生成新的網(wǎng)頁。由于其他用戶有可能訪問保存的圖片，所以每個保存后的圖片都擁有一個可訪問的url地址。在圖片的展示的頁面上還可以設置一些參考數(shù)據(jù)，例如多少用戶訪問，多少用戶喜歡，還可以通過統(tǒng)計各個平臺分享回流等衡量生成的網(wǎng)頁的受歡迎程度。
[0071]通過提取生成的網(wǎng)頁的元素數(shù)據(jù)，并將元素數(shù)據(jù)保存為圖片形式，使得其他用戶可以通過解析保存的圖片重新生成網(wǎng)頁或者通過修改該圖片中的元素信息生成新的網(wǎng)頁，實現(xiàn)了生成網(wǎng)頁的共享，利用用戶的力量豐富生成的網(wǎng)頁的形式，同時也提高了生成網(wǎng)頁的效率。
[0072]需要說明的是，對于前述的各方法實施例，為了簡單描述，故將其都表述為一系列的動作組合，但是本領域技術人員應該知悉，本發(fā)明并不受所描述的動作順序的限制，因為依據(jù)本發(fā)明，某些步驟可以采用其他順序或者同時進行。其次，本領域技術人員也應該知悉，說明書中所描述的實施例均屬于優(yōu)選實施例，所涉及的動作和模塊并不一定是本發(fā)明所必須的。
[0073]通過以上的實施方式的描述，本領域的技術人員可以清楚地了解到根據(jù)上述實施例的方法可借助軟件加必需的通用硬件平臺的方式來實現(xiàn)，當然也可以通過硬件，但很多情況下前者是更佳的實施方式?；谶@樣的理解，本發(fā)明的技術方案本質上或者說對現(xiàn)有技術做出貢獻的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品存儲在一個存儲介