[发明专利]生成网页的方法和装置

说明书

本发明提供了一种生成网页的方法和装置，该方法包括：获取输入的待处理图片和用户自定义信息；所述用户自定义信息包括所述待处理图片的布局信息；通过切图插件而采用用户自定义切图算法对所述待处理图片进行切图处理，以获得图形数据；根据所述图形数据和所述用户自定义信息而采用预设网页模板自动生成网页。本发明提供的生成网页的方法和装置，可以避免网页重构者由于使用Photoshop工具来对图片进行切图与导出，再重新排版成网页的大量重复性工作，可以提高网页重构的效率。

技术领域

本发明涉及互联网技术领域，特别是涉及一种生成网页的方法和装置。

背景技术

网页重构的工作内容主要是将设计师给出的网页设计稿转化为基于CSS(级联样式表)与HTML(超文本标记语言)形式的网页。一般情况下，设计师给出的网页设计稿有一部分是可以使用CSS与HTML形式呈现的，比如简单文字、纯色背景等，网页重构者可通过文本编辑器将这部分内容使用CSS与HTML形式编写；而网页设计稿另外一部分就需要用图片来呈现，比如复杂样式的按钮、网页背景等。网页重构者需要使用Photoshop(一种Adobe公司开发和发行的图像处理软件)工具将这部分设计稿切图并导出成零散的图片，再重组为网页。切图也可以称为切片，是将图片分解为若干小图片的过程，因为网页中若包含图片，这样打开一个网页所需的时间就比较长，而对图片进行切图处理就可以将图片逐步展示出来，避免网页响应时间太长。

对于不同用途的网页，相应的网页重构工作重心是不一样的。对于游戏网页这样包含大量图片的网页，在网页设计阶段会使用大量图片，这种网页的绝大部分都需要使用Photoshop工具来对图片进行切图并导出的处理，这种大量重复性的工作导致网页重构的效率非常低。

发明内容

基于此，有必要针对对于包含多个图片的网页进行网页重构时因使用Photoshop工具进行切图和导出的工作导致网页重构效率低的问题，提供一种生成网页的方法和装置。

一种生成网页的方法，所述方法包括：

获取输入的待处理图片和用户自定义信息；所述用户自定义信息包括所述待处理图片的布局信息；

通过切图插件而采用用户自定义切图算法对所述待处理图片进行切图处理，以获得图形数据；

根据所述图形数据和所述用户自定义信息而采用预设网页模板自动生成网页。

一种生成网页的装置，所述装置包括：

获取模块，用于获取输入的待处理图片和用户自定义信息；所述用户自定义信息包括所述待处理图片的布局信息；

切图插件，用于采用用户自定义切图算法对所述待处理图片进行切图处理，以获得图形数据；

网页生成模块，用于根据所述图形数据和所述用户自定义信息而采用预设网页模板自动生成网页。

上述生成网页的方法和装置，通过对待处理图片进行切图处理而获得图形数据，并与用户自定义信息结合来自动生成网页，可以避免网页重构者由于使用Photoshop工具来对图片进行切图与导出，再重新排版成网页的大量重复性工作，可以提高网页重构的效率。而且，用户可以编写用于实现用户自定义算法的切图插件来实现自动切图，可以根据不同的网页设计需求而采用不同的切图插件以采用不同的用户自定义切图算法来实现切图，提高操作便利性。而且，最终采用预设网页模板来生成网页，不需要每次重复编写相同类型的网页框架，可进一步提高网页重构的效率。

附图说明

图1为一个实施例中生成网页的方法的流程示意图；

图2为一个实施例中应用生成网页的方法的过程示意图；

图3为一个实施例中根据用户自定义信息生成HTML代码和CSS代码的过程示意图；