CN105094775A - 网页生成方法和装置 - Google Patents

Abstract

本发明公开了一种网页生成方法和装置。其中，该网页生成方法包括：获取待解析的图片；解析图片，得到图片的元素信息，其中，元素信息用于构成网页；获取网页的框架信息；获取框架信息与元素信息之间的对应关系；以及按照框架信息与元素信息之间的对应关系由框架信息和元素信息生成网页。通过本发明，解决了现有技术中生成网页仅限于网页模板中的样式，导致生成的网页形式单一的问题，进而达到了生成的网页形式多样性的效果。

Description

网页生成方法和装置

技术领域

本发明涉及互联网领域，具体而言，涉及一种网页生成方法和装置。

背景技术

网页模板在互联网站点中的运用场景非常多，例如通过博客发博文时的“插入模板”功能，以及通过社区应用(例如，QQ空间)发表日志时的“模板日志”。因为模板已经帮用户设计好了页面的布局、配图、文本格式，用户只需根据自己的需要将相关内容替换成自己需要的内容，然后点击保存后得到专属自己的网页，这大大节省了用户的时间。

伴随用户量的飞速成长，为了更好满足个性化需求，现有的网页模板编辑能够支持用户个性化编辑，用户可以根据个人喜好来设计，展示自己的个性。现有的模板编辑的方式如下：

(1)首先将网页按照网页结构标签(控制布局和显示)和网页内容两部分拆分，网页结构标签主要包含网页的结构部分，如图1所示。确定好页面的布局，规划好各个部分内容。然后，在服务器默认的结构模板中选择合适的结构，将选择好的结构拖到需要的位置，并对选择的结构进行编辑。

(2)其次，添加数据模块，在从服务器中获取网页结构标签之后，用户可以根据需要从网站已有的数据模块中调用需要添加的内容，如图2所示，用户可以在属性窗口中设置数据模块属性等信息。在设置好网页的数据模块的属性信息后，还可以选择模块的标题样式等，如图3所示。

现有技术需要在服务器提供的模板中选择网页模板，并对选择的网页模板进行编辑以生成网页，但是，由于服务商提供的网页模板有限，用户只能依赖服务商提供的网页模板生成网页，而用户无法根据自己的需要对网页进行设计和更改，从而无法满足用户的个性化需求。

针对现有技术中生成网页仅限于网页模板中的样式，导致生成的网页形式单一的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例的主要目的在于提供一种网页生成方法和装置，以解决现有技术中生成网页仅限于网页模板中的样式，导致生成的网页形式单一的问题。

为了实现上述目的，根据本发明实施例的一个方面，提供了一种网页生成方法。根据本发明实施例的网页生成方法包括：获取待解析的图片；解析图片，得到图片的元素信息，其中，元素信息用于构成网页；获取网页的框架信息；获取框架信息与元素信息之间的对应关系；以及按照框架信息与元素信息之间的对应关系由框架信息和元素信息生成网页。

为了实现上述目的，根据本发明实施例的另一方面，提供了一种网页生成装置。根据本发明实施例的网页生成装置包括：第一获取单元，用于获取待解析的图片；解析单元，用于解析图片，得到图片的元素信息，其中，元素信息用于构成网页；第二获取单元，用于获取网页的框架信息；第三获取单元，用获取框架信息与元素信息之间的对应关系；以及生成单元，用于按照框架信息与元素信息之间的对应关系由框架信息和元素信息生成网页。

在本发明实施例中，采用获取待解析的图片；解析图片，得到图片的元素信息，其中，元素信息用于构成网页；获取网页的框架信息；获取框架信息与元素信息之间的对应关系；以及按照框架信息与元素信息之间的对应关系由框架信息和元素信息生成网页，通过获取待解析的图片，利用解析图片得到图片的元素信息，结合网页的框架信息以及网页的框架信息和元素信息之间的对应关系生成网页，使得生成的网页并不限于服务商提供的网页模板中的样式，从而解决了现有技术中生成网页仅限于网页模板中的样式，导致生成的网页形式单一的问题，进而达到了更加多样化的效果。

附图说明

构成本申请的一部分的附图用来提供对本发明的进一步理解，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据现有技术中选择网页的页面框架的示意图；

图2是根据现有技术中添加页面模块的示意图；

图3是根据现有技术中编辑页面模块的示意图；

图4是根据本发明实施例的网页生成方法的流程图；

图5是根据本发明实施例的待解析图片的示意图；

图6是根据本发明实施例的不同元素信息之间相关联的示意图；

图7是根据本发明优选实施例的网页生成方法的流程图；

图8是根据本发明实施例的网页生成装置的示意图；以及

图9是根据本发明优选实施例的网页生成装置的示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

本发明实施例提供了一种网页生成方法。根据本发明实施例，可以提供了一种可以用于实施本申请装置实施例的方法实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图4是根据本发明实施例的网页生成方法的流程图。如图所示，该方法包括如下的步骤：

步骤S402，获取待解析的图片。

为了使得生成的网页满足用户的个性化需要，待解析的照片可以为用户喜欢的图片，图片的来源可以是用户拍摄的照片，可以是从互联网下载的图片，图片的样式可以为纯图像，也可以为文字构成的图像，还可以是文字和图像的相结合，还可以是用类似Adobephotoshop等制图软件生成的图片源文件。

步骤S404，解析图片，得到图片的元素信息，其中，元素信息用于构成网页。

解析获取到的待解析的图片，以期得到图片中包含的元素信息，并利用解析得到的元素信息构成网页。

解析图片后得到的元素信息可以作为网页的不同组成部分，每个元素信息对于构成网页的功能不做限制，例如，可以一个图层作为一个构成网页的元素信息，也可以是多个图层作为一个构成网页的元素信息，还可以是图层与图层上的图像作为构成一个网页的元素信息。

例如，对于一个图片，该图片可以由多个图层构成，每个图层可以是整幅图像，也可以是一个图层局部具有图像，还可以是一个图层仅有文字或者文字与图像的结合，甚至仅仅是个空白图层，多个图层重叠又构成一个完整的图片，那么，解析该图片得到的元素信息包括多个图层，还包括每个图层上的图像或者文字信息。解析得到的这些元素信息都可以用来构成网页。

例如，图片中一个图层的图像可以作为网页背景图，另外一个图层的图像可以作为网页区域分割图，具有文字的图层上的文字可以作为网页的标题等。

如图5所示，该图片中图层001可以作为背景，图层002可以作为区域分割图，图层002可以仅仅是图片或者颜色或者仅仅是线条勾勒的框图，图层002还可以有文字。图5中的文字“网页标题”可以在图层002上，还可以单独作为一个图层，同理，图5中的其他文字“正文标题”、“正为内容”等可以在图层002上，还可以与文字“网页标题”处于同一个图层，还可以分别属于一个图层。另外，图5还示出了图层003，该图层003仅包含一个图像。

由图5可知，一个图片可以被解析为多个图层，多个图层的配合构成一个完整的图片。需要说明的是，本发明实施例中的图片，不限制图片中图层的个数，也不限制图层上的内容。

步骤S406，获取网页的框架信息。

网页的框架信息包括网页背景、网页的导航、网页的标题以及网页的搜索、分类等网页通用的信息。用户可以通过服务器获取网页的框架信息。

步骤S408，获取框架信息与元素信息之间的对应关系。

在解析图片的元素信息之后，网页的元素信息仅仅是分散的个体，无法组成一个完整的网页。由于，网页的框架信息仅仅勾画了网页的骨架，而元素信息仅仅是网页的表现，为了使得解析得到的元素信息能够构成一个完整的网页，获取框架信息与元素信息之间的对应关系，将网页的框架和元素信息对应起来，就能构成完整的网页。

步骤S410，按照框架信息与元素信息之间的对应关系由框架信息和元素信息生成网页。

例如，框架信息为网页的网页标题，在图5所示的图片中，文字“网页标题”与框架信息中网页的网页标题相关联，那么，在解析图5所示的图片中的元素信息为“网页标题”之后，按照框架信息与元素信息之间的对应关系，将解析出来的文字“网页标题”作为网页标题。

同理，在解析出图5所示图片中的图层001之后，将图层001与框架信息中的背景相对应，则按照图层001与框架信息中的背景的对应关系，确定解析图片得到的图层001作为网页的背景。

解析图片得到的其他元素信息构成网页的方法与图层001等的方法相同，在此不做一一赘述。

利用解析得到的元素信息构成网页时，保留元素信息的样式，例如，元素信息“网页标题”的样式为华文行楷，斜体，且字体大小为30pt，则将图片中的“网页标题”作为网页的标题时，生成的网页的标题样式也为华文行楷，斜体，且字体大小为30pt。

通过上述实施例，获取待解析的图片，利用解析图片得到图片的元素信息，结合网页的框架信息以及网页的框架信息和元素信息之间的对应关系生成网页，使得生成的网页并不限于服务商提供的网页模板中的样式，从而解决了现有技术中生成网页仅限于网页模板中的样式，导致生成的网页形式单一的问题，进而达到了更加多样化的效果。

优选地，在解析图片，得到图片的元素信息之后，网页生成方法还包括：

接收对元素信息进行编辑的指令。

对元素信息进行编辑时，可以针对一个或者多个元素信息进行编辑。对元素信息进行编辑时，可以针对元素信息的内容、颜色、字体和设计效果等进行编辑。

例如，对于图5所示的图片，可以对文字“网页标题”进行编辑，可以将文字“网页标题”更改为“MonkeyBizness”，可以更改文字样式为“TimesNewRoman”，还可以更改文字的大小，颜色等等。对于图5所示的图片，还可以编辑图层001上的图片，例如，替换、裁切和修改等，还可以编辑正文内容以及多个图层之间的设计效果等等。

按照指令对元素信息进行编辑，得到编辑后的元素信息，其中，根据框架信息与编辑后的元素信息之间的对应关系由框架信息和编辑后的元素信息生成网页。

按照编辑指令对元素进行编辑之后，得到新的元素信息，由于仅仅是对元素信息进行更改，每个元素信息与框架信息的对应关系可以不更改，因此，可以按照框架信息与编辑后的元素信息之间的对应关系由框架信息和编辑后的元素信息生成网页。此时，生成的网页显示的内容由编辑后的元素信息构成。

通过上述实施例，可以将构成网页的所有元素平面化，即可以对网页的任何一个元素信息进行更改，并且，这种更改无需被限制在某个模块的框架内，避免了现有技术中，对某个内容更改时，首先要进入该内容所在的模块，然后在该模块的范围内进行更改的繁琐，更加方便对网页进行个性化的编辑。另外，用户可以对任何一个或多个元素信息进行编辑，使得利用修改后的元素信息生成的网页更加多样化。

优选地，获取框架信息与元素信息之间的对应信息包括：获取框架信息的标识信息，获取元素信息的标识信息，以及按照框架信息的标识信息和元素信息的标识信息将框架信息和元素信息进行关联。

框架信息的标识信息用于标识网页的各个组成部分，元素信息的标识信息用于标识该元素信息为网页的哪个组成部分，按照框架信息的标识信息和元素信息的标识信息可以使得框架信息与元素信息对应，使得解析图片得到的元素信息不再是独立的个体，而是可以与网页框架信息连在一起来构成完整的网页。

优选地，元素信息包括第一元素信息和第二元素信息，在解析图片，得到图片的元素信息之后，该网页生成方法还包括：

对第一元素信息和第二元素信息进行关联，得到第一元素和第二元素之间的关联信息。按照关联信息显示第一元素信息和第二元素信息。

解析图片得到的元素信息不仅与框架信息相对应，不同的元素信息之间也具有关联关系，能够通过不同元素信息之间的关联关系显示不同的展示效果，从而使得生成的网页形式更加丰富。

例如，如图6所示，图层004、图层005和图层006为相重叠设置的三个图层，重叠部分未显示，每个图层可以用来展示一张图像，通过切换图层可以实现图像的轮换展示，每个图像都可以作为一个元素信息。图层004上设置有数字块1，图层005上设置有数字块2，图层006上设置有数字块3，每个数字块也可以作为一个元素信息，在对图层上的图像进行展示时，可以用数字块来显示当前图像为第几张图，以及当前展示的图像共有几张。如果将图像与数字块解析为一个元素信息，那么，在需要更改数字块样式而不更改图像时，需要重新制作图层，制作带有新数字块的图像，而在需要更改图层上显示的图像而不更改数字块样式时，需要制作带有数字块的新图像，这样使得修改过程较繁琐，增加了编辑的工作量。但是，如果将图像与数字块解析为不同的元素信息，那么，可以仅修改数字块或者仅修改图像。但是，为了显示数字块与图像之间的关系，可以将两者关联起来，按照关联关系显示数字块和图像，这样，不仅能够准确显示元素信息之间的关系，还能便于对元素信息进行编辑，减少了编辑的工作量，从而提高了生成网页的效率。

对于本实施例中，如果使得元素信息之间可以精确的对应，可以采用响应式设计框架(例如Bootstrap3和Foundation5)来实现，在此不做一一赘述。

图7是根据本发明优选实施例的网页生成方法的流程图。如图所示，在按照框架信息与元素信息之间的对应关系由框架信息和元素信息生成网页之后，该网页生成方法还包括：

步骤S702，提取生成的网页的元素数据。

生成网页之后，提取网页中各个元素数据，提取的元素数据包括网页的背景图片，网页的标题样式、颜色和字体等，还包括网页中图片的展示方式、展示位置等。

步骤S704，获取元素数据对应的框架信息。

在提取网页的元素数据之后，获取这些元素数据对应的框架信息，即每个元素数据对应的网页的哪个部分。

步骤S706，按照元素数据对应的框架信息将元素数据保存为图片，其中，保存得到的图片为可解析的图片。

按照元素数据对应的框架信息将元素数据保存为图片，保存的图片为可解析的图片，还可以利用本发明实施例提供的方法重新生成网页。

由于保存的形式为图片格式，可以不受限于生成网页工具的版本限制，便于根据保存的图片还原网页，使得由保存的图片还原的网页更加真实，不易出错。

在将网页的元素数据保存为图片之后，还可以为图片添加简要介绍，例如主题名称、简要的功能叙述，以及是否允许其他用户重复使用该图片等。

步骤S708，分享可解析的图片。

为了方便其他用户重复生成相同的网页，可以将保存的图片分享给其他人。例如，通过微博、QQ空间、微信好友和微信朋友圈等进行分享，还可以通过邮件、短信和云笔记等进行分享。

通过统一的展示平台也可以分享保存网页得到的图片，用户通过浏览展示的图片选择适合自己的图片，并通过解析该图片生成新的网页。由于其他用户有可能访问保存的图片，所以每个保存后的图片都拥有一个可访问的url地址。在图片的展示的页面上还可以设置一些参考数据，例如多少用户访问，多少用户喜欢，还可以通过统计各个平台分享回流等衡量生成的网页的受欢迎程度。

通过提取生成的网页的元素数据，并将元素数据保存为图片形式，使得其他用户可以通过解析保存的图片重新生成网页或者通过修改该图片中的元素信息生成新的网页，实现了生成网页的共享，利用用户的力量丰富生成的网页的形式，同时也提高了生成网页的效率。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明所必须的。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

实施例2

根据本发明实施例，还提供了一种用于实施上述网页生成方法的网页生成装置，该网页生成装置主要用于执行本发明实施例上述内容所提供的网页生成方法，以下对本发明实施例所提供的网页生成装置做具体介绍：

图8是根据本发明实施例的网页生成装置的示意图。如图所示，该网页生成装置包括：第一获取单元10、解析单元20、第二获取单元30、第三获取单元40和生成单元50。

第一获取单元10用于获取待解析的图片。

为了使得生成的网页满足用户的个性化需要，待解析的照片可以为用户喜欢的图片，图片的来源可以是用户拍摄的照片，可以是从互联网下载的图片，图片的样式可以为纯图像，可以为文字构成的图像，也可以是文字和图像的相结合，还可以是用类似Adobephotoshop等制图软件生成的图片源文件。

解析单元20用于解析图片，得到图片的元素信息，其中，元素信息用于构成网页。

解析获取到的待解析的图片，以期得到图片中包含的元素信息，并利用解析得到的元素信息构成网页。

解析图片后得到的元素信息可以作为网页的不同组成部分，每个元素信息对于构成网页的功能不做限制，例如，可以一个图层作为一个构成网页的元素信息，也可以是多个图层作为一个构成网页的元素信息，还可以是图层与图层上的图像作为构成一个网页的元素信息。

例如，对于一个图片，该图片可以由多个图层构成，每个图层可以是整幅图像，也可以是一个图层局部具有图像，还可以是一个图层仅有文字或者文字与图像的结合，甚至仅仅是个空白图层，多个图层重叠又构成一个完整的图片，那么，解析该图片得到的元素信息包括多个图层，还包括每个图层上的图像或者文字信息。解析得到的这些元素信息都可以用来构成网页。

例如，图片中一个图层的图像可以作为网页背景图，另外一个图层的图像可以作为网页区域分割图，具有文字的图层上的文字可以作为网页的标题等。

如图5所示，该图片中图层001可以作为背景，图层002可以作为区域分割图，图层002可以仅仅是图片或者颜色或者仅仅是线条勾勒的框图，图层002还可以有文字。图5中的文字“网页标题”可以在图层002上，还可以单独作为一个图层，同理，图5中的其他文字“正文标题”、“正为内容”等可以在图层002上，还可以与文字“网页标题”处于同一个图层，还可以分别属于一个图层。另外，图5还示出了图层003，该图层003仅包含一个图像。

由图5可知，一个图片可以被解析为多个图层，多个图层的配合构成一个完整的图片。需要说明的是，本发明实施例中的图片，不限制图片中图层的个数，也不限制图层上的内容。

第二获取单元30用于获取网页的框架信息。

网页的框架信息包括网页背景、网页的导航、网页的标题以及网页的搜索、分类等网页通用的信息。用户可以通过服务器获取网页的框架信息。

第三获取单元40用获取框架信息与元素信息之间的对应关系。

在解析图片的元素信息之后，网页的元素信息仅仅是分散的个体，无法组成一个完整的网页。由于，网页的框架信息仅仅勾画了网页的骨架，而元素信息仅仅是网页的表现，为了使得解析得到的元素信息能够构成一个完整的网页，获取框架信息与元素信息之间的对应关系，将网页的框架和元素信息对应起来，就能构成完整的网页。

生成单元50用于按照框架信息与元素信息之间的对应关系由框架信息和元素信息生成网页。

例如，框架信息为网页的网页标题，在图5所示的图片中，文字“网页标题”与框架信息中网页的网页标题相关联，那么，在解析图5所示的图片中的元素信息为“网页标题”之后，按照框架信息与元素信息之间的对应关系，将解析出来的文字“网页标题”作为网页标题。

同理，在解析出图5所示图片中的图层001之后，将图层001与框架信息中的背景相对应，则按照图层001与框架信息中的背景的对应关系，确定解析图片得到的图层001作为网页的背景。

解析图片得到的其他元素信息构成网页的方法与图层001等的方法相同，在此不做一一赘述。

利用解析得到的元素信息构成网页时，保留元素信息的样式，例如，元素信息“网页标题”的样式为华文行楷，斜体，且字体大小为30pt，则将图片中的“网页标题”作为网页的标题时，生成的网页的标题样式也为华文行楷，斜体，且字体大小为30pt。

通过上述实施例，获取待解析的图片，利用解析图片得到图片的元素信息，结合网页的框架信息以及网页的框架信息和元素信息之间的对应关系生成网页，使得生成的网页并不限于服务商提供的网页模板中的样式，从而解决了现有技术中生成网页仅限于网页模板中的样式，导致生成的网页形式单一的问题，进而达到了更加多样化的效果。

优选地，网页生成装置还包括：接收单元和编辑单元。

接收单元，用于在解析图片，得到图片的元素信息之后，接收对元素信息进行编辑的指令。

对元素信息进行编辑时，可以针对一个或者多个元素信息进行编辑。对元素信息进行编辑时，可以针对元素信息的内容、颜色、字体和设计效果等进行编辑。

例如，对于图5所示的图片，可以对文字“网页标题”进行编辑，可以将文字“网页标题”更改为“MonkeyBizness”，可以更改文字样式为“TimesNewRoman”，还可以更改文字的大小，颜色等等。对于图5所示的图片，还可以编辑图层001上的图片，例如，替换、裁切和修改等，还可以编辑正文内容以及多个图层之间的设计效果等等。

编辑单元，用于按照指令对元素信息进行编辑，得到编辑后的元素信息，其中，根据框架信息与编辑后的元素信息之间的对应关系由框架信息和编辑后的元素信息生成网页。

按照编辑指令对元素进行编辑之后，得到新的元素信息，由于仅仅是对元素信息进行更改，每个元素信息与框架信息的对应关系可以不更改，因此，可以按照框架信息与编辑后的元素信息之间的对应关系由框架信息和编辑后的元素信息生成网页。此时，生成的网页显示的内容由编辑后的元素信息构成。

通过上述实施例，可以将构成网页的所有元素平面化，即可以对网页的任何一个元素信息进行更改，并且，这种更改无需被限制在某个模块的框架内，避免了现有技术中，对某个内容更改时，首先要进入该内容所在的模块，然后在该模块的范围内进行更改的繁琐，更加方便对网页进行个性化的编辑。另外，用户可以对任何一个或多个元素信息进行编辑，使得利用修改后的元素信息生成的网页更加多样化。

优选地，第三获取单元包括：第一获取模块，用于获取框架信息的标识信息。第二获取模块，用于获取元素信息的标识信息。以及关联模块，用于按照框架信息的标识信息和元素信息的标识信息将框架信息和元素信息进行关联。

框架信息的标识信息用于标识网页的各个组成部分，元素信息的标识信息用于标识该元素信息为网页的哪个组成部分，按照框架信息的标识信息和元素信息的标识信息可以使得框架信息与元素信息对应，使得解析图片得到的元素信息不再是独立的个体，而是可以与网页框架信息连在一起来构成完整的网页。

优选地，元素信息包括第一元素信息和第二元素信息，网页生成装置还包括：

关联单元，用于在解析图片，得到图片的元素信息之后，对第一元素信息和第二元素信息进行关联，得到第一元素和第二元素之间的关联信息。显示单元，用于按照关联信息显示第一元素信息和第二元素信息。

解析图片得到的元素信息不仅与框架信息相对应，不同的元素信息之间也具有关联关系，能够通过不同元素信息之间的关联关系显示不同的展示效果，从而使得生成的网页形式更加丰富。

例如，如图6所示，图层004、图层005和图层006为相重叠设置的三个图层，重叠部分未显示，每个图层可以用来展示一张图像，通过切换图层可以实现图像的轮换展示，每个图像都可以作为一个元素信息。图层004上设置有数字块1，图层005上设置有数字块2，图层006上设置有数字块3，每个数字块也可以作为一个元素信息，在对图层上的图像进行展示时，可以用数字块来显示当前图像为第几张图，以及当前展示的图像共有几张。如果将图像与数字块解析为一个元素信息，那么，在需要更改数字块样式而不更改图像时，需要重新制作图层，制作带有新数字块的图像，而在需要更改图层上显示的图像而不更改数字块样式时，需要制作带有数字块的新图像，这样使得修改过程较繁琐，增加了编辑的工作量。但是，如果将图像与数字块解析为不同的元素信息，那么，可以仅修改数字块或者仅修改图像。但是，为了显示数字块与图像之间的关系，可以将两者关联起来，按照关联关系显示数字块和图像，这样，不仅能够准确显示元素信息之间的关系，还能便于对元素信息进行编辑，减少了编辑的工作量，从而提高了生成网页的效率。

对于本实施例中，如果使得元素信息之间可以精确的对应，可以采用响应式设计框架(例如Bootstrap3和Foundation5)来实现，在此不做一一赘述。

图9是根据本发明优选实施例的网页生成装置的示意图。如图所示，该网页生成单元包括：第一获取单元10、解析单元20、第二获取单元30、第三获取单元40和生成单元50，还包括提取单元60、第四获取单元70、保存单元80和分享单元90。

提取单元60用于在按照框架信息与元素信息之间的对应关系由框架信息和元素信息生成网页之后，提取生成的网页的元素数据。

生成网页之后，提取网页中各个元素数据，提取的元素数据包括网页的背景图片，网页的标题样式、颜色和字体等，还包括网页中图片的展示方式、展示位置等。

第四获取单元70用于获取元素数据对应的框架信息。

在提取网页的元素数据之后，获取这些元素数据对应的框架信息，即每个元素数据对应的网页的哪个部分。

保存单元80用于按照元素数据对应的框架信息将元素数据保存为图片，其中，保存得到的图片为可解析的图片。

按照元素数据对应的框架信息将元素数据保存为图片，保存的图片为可解析的图片，还可以利用本发明实施例提供的方法重新生成网页。

由于保存的形式为图片格式，可以不受限于生成网页工具的版本限制，便于根据保存的图片还原网页，使得由保存的图片还原的网页更加真实，不易出错。

在将网页的元素数据保存为图片之后，还可以为图片添加简要介绍，例如主题名称、简要的功能叙述，以及是否允许其他用户重复使用该图片等。

分享单元90用于分享可解析的图片。

为了方便其他用户重复生成相同的网页，可以将保存的图片分享给其他人。例如，通过微博、QQ空间、微信好友和微信朋友圈等进行分享，还可以通过邮件、短信和云笔记等进行分享。

通过统一的展示平台也可以分享保存网页得到的图片，用户通过浏览展示的图片选择适合自己的图片，并通过解析该图片生成新的网页。由于其他用户有可能访问保存的图片，所以每个保存后的图片都拥有一个可访问的url地址。在图片的展示的页面上还可以设置一些参考数据，例如多少用户访问，多少用户喜欢，还可以通过统计各个平台分享回流等衡量生成的网页的受欢迎程度。

通过提取生成的网页的元素数据，并将元素数据保存为图片形式，使得其他用户可以通过解析保存的图片重新生成网页或者通过修改该图片中的元素信息生成新的网页，实现了生成网页的共享，利用用户的力量丰富生成的网页的形式，同时也提高了生成网页的效率。

在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。上述实施例序号仅仅为了描述，不代表实施例的优劣。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种网页生成方法，其特征在于，包括：

获取待解析的图片；

解析所述图片，得到所述图片的元素信息，其中，所述元素信息用于构成网页；

获取所述网页的框架信息；

获取所述框架信息与所述元素信息之间的对应关系；以及

按照所述框架信息与所述元素信息之间的对应关系由所述框架信息和所述元素信息生成所述网页。

2.根据权利要求1所述的网页生成方法，其特征在于，在解析所述图片，得到所述图片的元素信息之后，所述网页生成方法还包括：

接收对所述元素信息进行编辑的指令；以及

按照所述指令对所述元素信息进行编辑，得到编辑后的元素信息，其中，根据所述框架信息与所述编辑后的元素信息之间的对应关系由所述框架信息和所述编辑后的元素信息生成所述网页。

3.根据权利要求1所述的网页生成方法，其特征在于，获取所述框架信息与所述元素信息之间的对应信息包括：

获取所述框架信息的标识信息；

获取所述元素信息的标识信息；以及

按照所述框架信息的标识信息和所述元素信息的标识信息将所述框架信息和所述元素信息进行关联。

4.根据权利要求1所述的网页生成方法，其特征在于，所述元素信息包括第一元素信息和第二元素信息，在解析所述图片，得到所述图片的元素信息之后，所述网页生成方法还包括：

对所述第一元素信息和所述第二元素信息进行关联，得到所述第一元素和所述第二元素之间的关联信息；以及

按照所述关联信息显示所述第一元素信息和所述第二元素信息。

5.根据权利要求1所述的网页生成方法，其特征在于，在按照所述框架信息与所述元素信息之间的对应关系由所述框架信息和所述元素信息生成所述网页之后，所述网页生成方法还包括：

提取生成的网页的元素数据；

获取所述元素数据对应的框架信息；

按照所述元素数据对应的框架信息将所述元素数据保存为图片，其中，保存得到的图片为可解析的图片；以及

分享所述可解析的图片。

6.一种网页生成装置，其特征在于，

第一获取单元，用于获取待解析的图片；

解析单元，用于解析所述图片，得到所述图片的元素信息，其中，所述元素信息用于构成网页；

第二获取单元，用于获取所述网页的框架信息；

第三获取单元，用获取所述框架信息与所述元素信息之间的对应关系；以及

生成单元，用于按照所述框架信息与所述元素信息之间的对应关系由所述框架信息和所述元素信息生成所述网页。

7.根据权利要求6所述的网页生成装置，其特征在于，所述网页生成装置还包括：

接收单元，用于在解析所述图片，得到所述图片的元素信息之后，接收对所述元素信息进行编辑的指令；以及

编辑单元，用于按照所述指令对所述元素信息进行编辑，得到编辑后的元素信息，其中，根据所述框架信息与所述编辑后的元素信息之间的对应关系由所述框架信息和所述编辑后的元素信息生成所述网页。

8.根据权利要求6所述的网页生成装置，其特征在于，所述第三获取单元包括：

第一获取模块，用于获取所述框架信息的标识信息；

第二获取模块，用于获取所述元素信息的标识信息；以及

关联模块，用于按照所述框架信息的标识信息和所述元素信息的标识信息将所述框架信息和所述元素信息进行关联。

9.根据权利要求6所述的网页生成装置，其特征在于，所述元素信息包括第一元素信息和第二元素信息，所述网页生成装置还包括：

关联单元，用于在解析所述图片，得到所述图片的元素信息之后，对所述第一元素信息和所述第二元素信息进行关联，得到所述第一元素和所述第二元素之间的关联信息；以及

显示单元，用于按照所述关联信息显示所述第一元素信息和所述第二元素信息。

10.根据权利要求6所述的网页生成装置，其特征在于，所述网页生成装置还包括：

提取单元，用于在按照所述框架信息与所述元素信息之间的对应关系由所述框架信息和所述元素信息生成所述网页之后，提取生成的网页的元素数据；

第四获取单元，用于获取所述元素数据对应的框架信息；

保存单元，用于按照所述元素数据对应的框架信息将所述元素数据保存为图片，其中，保存得到的图片为可解析的图片；以及

分享单元，用于分享所述可解析的图片。