[發明專利]生成網頁的方法和裝置

有效

• 申請號: 201410768612.5
• 申請日: 2014-12-12
• 公開（公告）號: CN105739963B
• 公開（公告）日: 2019-03-15
• 發明（設計）人: 楊浩
• 申請（專利權）人: 博雅網絡游戲開發（深圳）有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 廣州華進聯合專利商標代理有限公司 44224
• 代理人: 何平

本發明提供了一種生成網頁的方法和裝置，該方法包括：獲取輸入的待處理圖片和用戶自定義信息；所述用戶自定義信息包括所述待處理圖片的布局信息；通過切圖插件而采用用戶自定義切圖算法對所述待處理圖片進行切圖處理，以獲得圖形數據；根據所述圖形數據和所述用戶自定義信息而采用預設網頁模板自動生成網頁。本發明提供的生成網頁的方法和裝置，可以避免網頁重構者由于使用Photoshop工具來對圖片進行切圖與導出，再重新排版成網頁的大量重復性工作，可以提高網頁重構的效率。

技術領域

本發明涉及互聯網技術領域，特別是涉及一種生成網頁的方法和裝置。

背景技術

網頁重構的工作內容主要是將設計師給出的網頁設計稿轉化為基于CSS(級聯樣式表)與HTML(超文本標記語言)形式的網頁。一般情況下，設計師給出的網頁設計稿有一部分是可以使用CSS與HTML形式呈現的，比如簡單文字、純色背景等，網頁重構者可通過文本編輯器將這部分內容使用CSS與HTML形式編寫；而網頁設計稿另外一部分就需要用圖片來呈現，比如復雜樣式的按鈕、網頁背景等。網頁重構者需要使用Photoshop(一種Adobe公司開發和發行的圖像處理軟件)工具將這部分設計稿切圖并導出成零散的圖片，再重組為網頁。切圖也可以稱為切片，是將圖片分解為若干小圖片的過程，因為網頁中若包含圖片，這樣打開一個網頁所需的時間就比較長，而對圖片進行切圖處理就可以將圖片逐步展示出來，避免網頁響應時間太長。

對于不同用途的網頁，相應的網頁重構工作重心是不一樣的。對于游戲網頁這樣包含大量圖片的網頁，在網頁設計階段會使用大量圖片，這種網頁的絕大部分都需要使用Photoshop工具來對圖片進行切圖并導出的處理，這種大量重復性的工作導致網頁重構的效率非常低。

發明內容

基于此，有必要針對對于包含多個圖片的網頁進行網頁重構時因使用Photoshop工具進行切圖和導出的工作導致網頁重構效率低的問題，提供一種生成網頁的方法和裝置。

一種生成網頁的方法，所述方法包括：

獲取輸入的待處理圖片和用戶自定義信息；所述用戶自定義信息包括所述待處理圖片的布局信息；

通過切圖插件而采用用戶自定義切圖算法對所述待處理圖片進行切圖處理，以獲得圖形數據；

根據所述圖形數據和所述用戶自定義信息而采用預設網頁模板自動生成網頁。

一種生成網頁的裝置，所述裝置包括：

獲取模塊，用于獲取輸入的待處理圖片和用戶自定義信息；所述用戶自定義信息包括所述待處理圖片的布局信息；

切圖插件，用于采用用戶自定義切圖算法對所述待處理圖片進行切圖處理，以獲得圖形數據；

網頁生成模塊，用于根據所述圖形數據和所述用戶自定義信息而采用預設網頁模板自動生成網頁。

上述生成網頁的方法和裝置，通過對待處理圖片進行切圖處理而獲得圖形數據，并與用戶自定義信息結合來自動生成網頁，可以避免網頁重構者由于使用Photoshop工具來對圖片進行切圖與導出，再重新排版成網頁的大量重復性工作，可以提高網頁重構的效率。而且，用戶可以編寫用于實現用戶自定義算法的切圖插件來實現自動切圖，可以根據不同的網頁設計需求而采用不同的切圖插件以采用不同的用戶自定義切圖算法來實現切圖，提高操作便利性。而且，最終采用預設網頁模板來生成網頁，不需要每次重復編寫相同類型的網頁框架，可進一步提高網頁重構的效率。

附圖說明

圖1為一個實施例中生成網頁的方法的流程示意圖；

圖2為一個實施例中應用生成網頁的方法的過程示意圖；

圖3為一個實施例中根據用戶自定義信息生成HTML代碼和CSS代碼的過程示意圖；