CN105373567B - 页面生成方法及客户端 - Google Patents

Abstract

本发明提供了一种页面生成方法及客户端。其中，该方法包括：获取目标页面的一个或多个页面元素的页面元素信息，页面元素信息包括内容信息和样式信息，其中，内容信息包括文本和/或图片，样式信息包括第一类样式信息；在页面元素模板库中获取与目标页面的一个或多个页面元素的第一类样式信息对应的一个或多个页面元素模板；利用获取到的页面元素模板组成页面模板；添加目标页面的一个或多个页面元素的内容信息至页面模板，生成目标页面。本发明实施例提供的页面生成方法达到了避免页面生成过程中由于执行大量重复性操作造成的时间被浪费的问题，提高页面生成效率的有益效果。

Description

页面生成方法及客户端

技术领域

本发明涉及网页制作领域，特别是涉及一种页面生成方法及客户端。

背景技术

随着网络技术的发展，浏览网页成为人们获取新闻等信息的重要渠道。相对的，制作网页(又称页面)也成为了各个网络商户吸引用户的最基本操作。

而现有技术中，每制作一个网页均需要根据网页待实现的功能对网页中的元素进行重新编写、布局。例如，在制作一个家居用品购物网站的多个网页时，尽管每个网页在功能实现、风格布局等方面均有相同或相似的地方，但在制作时仍然需要对每个网页逐一编写。

由此可知，现有技术的网页制作过程中，存在大量重复性的操作，造成制作时间的严重浪费，导致网页制作效率低下。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面生成方法和相应的客户端。

依据本发明的一个方面，提供了一种页面生成方法，包括：获取目标页面的一个或多个页面元素的页面元素信息，所述页面元素信息包括内容信息和样式信息，其中，所述内容信息包括文本信息和/或图片信息和/或多媒体信息，所述样式信息包括第一类样式信息；在页面元素模板库中获取与所述目标页面的一个或多个页面元素的所述第一类样式信息对应的一个或多个页面元素模板；利用获取到的页面元素模板组成页面模板；添加所述目标页面的一个或多个页面元素的内容信息至所述页面模板，生成所述目标页面。

可选地，所述利用获取到的页面元素模板组成页面模板之后，还包括：若所述样式信息还包括第二类样式信息，利用所述第二类样式信息对所述页面模板进行调整。

可选地，所述第一类样式信息至少包括：所述页面元素的位置信息。

可选地，所述第二类样式信息包括以下至少之一：所述目标页面的背景属性信息；所述目标页面的边框属性信息，其中，所述边框风格属性信息至少包括所述边框的颜色信息、所述边框的形状信息、所述目标页面的内边距信息、所述目标页面的外边距信息；所述目标页面的文本属性信息，其中，所述文本属性信息至少包括所述文本间距信息和/或所述文本边距信息；所述目标页面的文字属性信息，其中，所述文字属性信息至少包括所述文字的字体信息和/或文字颜色信息。

可选地，生成所述目标页面之后，还包括：根据预设规则提取网页的页面元素的样式信息；根据所述提取的样式信息生成与所述页面元素分别对应的页面元素模板；在生成的所述页面元素模板中，选择所述页面元素模板数据库中不存在的页面元素模板保存至所述页面元素模板数据库。

可选地，根据预设规则提取网页的页面元素的样式信息，包括：提取页面共同的页面元素的相同样式信息。

可选地，所述页面元素模板包括：层叠样式表CSS；超文本标记语言HTML。

依据本发明的另一个方面，还提供了一种网页页面生成客户端，包括：信息获取模块，适于获取目标页面的一个或多个页面元素的页面元素信息，所述页面元素信息包括内容信息和样式信息，其中所述内容信息包括文本信息和/或图片信息和/或多媒体信息，所述样式信息包括第一类样式信息；模板获取模块，适于在页面元素模板库中获取与所述目标页面的一个或多个页面元素的所述第一类样式信息对应一个或多个的页面元素模板；模板组成模块，适于利用获取到的页面元素模板组成页面模板；页面生成模块，适于添加所述目标页面的一个或多个页面元素的内容信息至所述页面模板，生成所述目标页面。

可选地，所述网页页面生成客户端还包括：模板调整模块，适于若所述样式信息还包括第二类样式信息，利用所述第二类样式信息对所述页面模板进行调整。

可选地，所述第一类样式信息至少包括：所述页面元素的位置信息。

可选地，所述第二类样式信息包括以下至少之一：所述目标页面的背景属性信息；所述目标页面的边框属性信息，其中，所述边框风格属性信息至少包括所述边框的颜色信息、所述边框的形状信息、所述目标页面的内边距信息、所述目标页面的外边距信息；所述目标页面的文本属性信息，其中，所述文本属性信息至少包括所述文本间距信息和/或所述文本边距信息；所述目标页面的文字属性信息，其中，所述文字属性信息至少包括所述文字的字体信息和/或文字颜色信息。

可选地，所述网页页面生成客户端还包括：提取模块，适于根据预设规则提取网页的页面元素的样式信息；所述页面生成模块，还适于根据所述提取的样式信息生成与所述页面元素分别对应的页面元素模板；存储模块，适于在生成的所述页面元素模板中，选择所述页面元素模板数据库中不存在的页面元素模板保存至所述页面元素模板数据库。

可选地，所述提取模块还适于：提取页面共同的页面元素的相同样式信息。

可选地，所述页面元素模板包括：层叠样式表CSS；超文本标记语言HTML。

依据本发明实施例提供的页面生成方法，能够获取目标页面的一个或多个页面元素的页面元素信息(包括内容信息和样式信息)，并利用获取到的样式信息中的第一类样式信息在页面元素模板库中获取对应的页面元素模板。因此，当不同网页中包含相同页面元素时，依据本发明实施例提供的页面生成方法能够利用页面元素的第一类样式信息获取同一页面元素模板并应用，解决了现有技术中即使存在相同页面元素的网页仍需要逐个制作网页中相同的页面元素的问题，节省网页制作所需的时间，尤其对于大批量网页制作时，时间节省功能更为明显。获取到页面元素模板之后，组合获取的页面元素模板得到页面模板，并添加获取到的内容信息至页面模板，即能够生成目标页面。综上，本发明实施例提供的页面生成方法利用目标页面的页面元素的页面元素信息，获取到对应的页面元素模板，而利用页面元素模板不仅能够节省本次页面生成过程所需要的时间，并且由于页面元素模板存在可重复利用性，能够在存在该页面元素的页面的制作过程中被多次利用，提高了时间和元素模板的利用率。由此可知，本发明实施例提供的页面生成方法能够避免页面生成过程中由于执行大量重复性操作造成的时间被浪费的问题，达到了提高页面生成效率的有益效果。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

根据下文结合附图对本发明具体实施例的详细描述，本领域技术人员将会更加明了本发明的上述以及其他目的、优点和特征。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明一个实施例的页面生成方法的处理流程图；

图2示出了根据本发明一个优选实施例的根据第一类样式信息确定的各个页面元素的位置的示意图；

图3示出了根据本发明一个优选实施例的规定页面左部元素为“文字链接”的模板的示意图；

图4示出了根据本发明一个优选实施例的规定页面右上方为“图片链接”，并且规定页面右下方为“视频展示元素”的模板的示意图；

图5示出了根据本发明一个优选实施例的规定“‘文字链接’存在十条文字链接的位置，并且十条文字链接分为两列，每列五条”的模板的示意图；

图6a至图6b示出了根据本发明一个优选实施例的根据第一种第二类样式信息对页面模板调整前后页面模板的示意图；

图7a至图7b示出了根据本发明一个优选实施例的根据第二种第二类样式信息对页面模板调整前后页面模板的示意图；

图8a至图8b示出了根据本发明一个优选实施例的根据第三种第二类样式信息对页面模板调整前后页面模板的示意图；

图9a至图9b示出了根据本发明一个优选实施例的根据第四种第二类样式信息对页面模板调整前后页面模板的示意图；

图10示出了根据本发明一个优选实施例的根据四种第二类样式信息对页面模板调整后页面模板的示意图；

图11a至图11c示出了根据本发明一个优选实施例的存在共同网页元素的三个网页的示意图；

图12a至图12c示出了根据本发明一个优选实施例的根据页面元素的样式信息生成的对应的三个页面元素模板的示意图；

图13a至图13b示出了根据本发明一个优选实施例的存在共同网页元素的两个网页的示意图；

图14示出了根据本发明一个优选实施例的根据页面元素的样式信息生成的对应的页面元素模板的示意图；

图15示出了根据本发明一个优选实施例的页面生成方法的处理流程图；

图16示出了根据本发明一个优选实施例的页面元素模板的示意图；

图17示出了根据本发明另一个优选实施例的页面元素模板的示意图；

图18示出了根据本发明一个优选实施例的根据页面元素模板组成的页面模板的示意图；

图19示出了根据本发明一个优选实施例的根据第二类样式信息调整后的页面模板的示意图；

图20示出了根据本发明一个优选实施例的生成的目标网页的示意图；

图21示出了根据本发明一个实施例的页面生成客户端的结构示意图；以及

图22示出了根据本发明一个优选实施例的页面生成客户端的结构示意图。

具体实施方式

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

相关技术中提及，网页制作过程中需要对相同元素逐一编写的步骤，导致制作过程中存在大量重复性的操作，造成制作时间的严重浪费，使得网页制作效率低下。

为解决上述技术问题，本发明实施例提供了一种页面生成方法。图1示出了根据本发明一个实施例的页面生成方法的处理流程图。参见图1，该流程至少包括步骤S102至步骤S108。在步骤S102中，获取目标页面的一个或多个页面元素的页面元素信息。本例中，页面元素信息包括内容信息和样式信息，其中，内容信息包括文本和/或图片，样式信息包括第一类样式信息。获取到页面元素信息之后，如图1所示，本发明实施例执行步骤S104，在页面元素模板库中获取与目标页面的一个或多个页面元素的第一类样式信息对应的一个或多个页面元素模板，并在获取到页面元素模板之后，利用获取到的页面元素模板组成页面模板(参见图1中的步骤S106)。之后，如图1中的步骤S108所示，添加目标页面的一个或多个页面元素的内容信息至页面模板，生成目标页面。

依据本发明实施例提供的页面生成方法，能够获取目标页面的一个或多个页面元素的页面元素信息(包括内容信息和样式信息)，并利用获取到的样式信息中的第一类样式信息在页面元素模板库中获取对应的页面元素模板。因此，当不同网页中包含相同页面元素时，依据本发明实施例提供的页面生成方法能够利用页面元素的第一类样式信息获取同一页面元素模板并应用，解决了现有技术中即使存在相同页面元素的网页仍需要逐个制作网页中相同的页面元素的问题，节省网页制作所需的时间，尤其对于大批量网页制作时，时间节省功能更为明显。获取到页面元素模板之后，组合获取的页面元素模板得到页面模板，并添加获取到的内容信息至页面模板，即能够生成目标页面。综上，本发明实施例提供的页面生成方法利用目标页面的页面元素的页面元素信息，获取到对应的页面元素模板，而利用页面元素模板不仅能够节省本次页面生成过程所需要的时间，并且由于页面元素模板存在可重复利用性，能够在存在该页面元素的页面的制作过程中被多次利用，提高了时间和元素模板的利用率。由此可知，本发明实施例提供的页面生成方法能够避免页面生成过程中由于执行大量重复性操作造成的时间被浪费的问题，达到了提高页面生成效率的有益效果。

图1所示的步骤S102中提及，本发明实施例获取模板页面的一个或多个页面元素的页面元素信息。本例中，目标页面即为待生成的网页，在生成该网页之前，获取到的该网页的页面元素可以是根据网页需要实现的功能需要在网页中添加的能够实现对应功能的页面元素。

例如，目标页面为新闻网页，需要实现的功能包括：1、展示每日不同类别的信息，如财经类新闻、政治类新闻、娱乐类新闻；2、展示当前月份国际重要新闻的图片以及对应的文字新闻；3、展示视频类别广告。当目标页面需要实现上述的三个功能时，目标页面中的页面元素包括文字链接(即显示新闻的文字标题，并且该文字标题为一个链接，当该文字标题受到触发或者点击，则可以跳转至对应新闻的详情页面)、图片链接(其作用同文字链接，当受到触发或者点击，则跳转至对应新闻的详情页面)以及视频展示元素。需要说明的是，上文介绍目标页面的页面元素时提及的页面元素的类型和/或对页面元素分类的方式仅为示例，并不能够代表实际应用中的页面元素的类型和/或对页面元素分类的方式。

对目标页面的页面元素进行介绍之后，现对与页面元素一一对应的页面元素信息进行介绍。本发明实施例中，页面元素信息包括内容信息和样式信息，其中，内容信息至少包括文本和/或图片和/或视频，样式信息至少包括第一类样式信息(如页面元素的位置信息)。现利用上文对页面元素进行介绍时提及的具体实施例对页面元素信息进行介绍。即，当页面元素包括文字链接、图片链接以及视频展示元素时，页面元素信息包括任一页面元素的内容信息和第一类样式信息。例如，对于文字链接这一页面元素，对应的页面元素信息中的内容信息包括十条文字新闻标题，如“某国青年攀登摩天楼大厦自拍”、“九种食物让人容颜不老”等，另外，还可以设置页面元素信息中的内容信息每隔预定时间进行变换(如每隔预定时间展示不同类别或者领域的新闻)或者更新。而页面元素信息中的第一类样式信息包括目标页面中所有页面元素的位置和/或任一页面元素中的内容信息的位置。

例如，当前目标页面中存在三个页面元素(即文字链接、图片链接以及视频展示元素)，则第一类样式信息可以包括：1、“文字链接”这一页面元素位于目标页面的左部；2、“图片链接”这一页面元素位于目标页面的右上方；3、“视频展示元素”这一页面元素位于目标页面的右下方。另外，第一类样式信息还可以包括“文字链接”这一页面元素的内容信息(即十条文字新闻标题)的位置为：将十条文字新闻标题分为两列，每列五条新闻进行展示。如图2示出了根据本发明一个优选实施例的根据第一类样式信息确定的各个页面元素的位置的示意图。

当获取到目标页面的一个或多个页面元素的页面元素信息之后，本发明实施例在页面元素模板库中获取与页面元素信息中的第一类样式信息对应的一个或多个页面元素模板。例如，当第一类样式信息为如图2所示的各个页面元素的位置信息，则在页面元素模板库中获取到的对应的页面元素模板可以是如图3至图5所示的三个页面元素模板。其中，图3所示的页面元素模板为规定页面左部元素为“文字链接”的模板；图4所示的页面元素模板为规定页面右上方为“图片链接”，并且规定页面右下方为“视频展示元素”的模板；图5所示的页面元素模板为规定“‘文字链接’存在十条文字链接的位置，并且十条文字链接分为两列，每列五条”的模板。

获取到如图3至图5所示的页面元素模板之后，利用获取到的页面元素模板组成页面模板。优选地，本发明实施例中，页面元素模板包括层叠样式表(Cascading StyleSheets，以下简称CSS)和/或超文本标记语言(HyperText Markup language，以下简称HTML)。利用CSS组成页面模板时，生成与CSS对应的链接，并利用生成的链接组成页面模板，而利用HTML组成页面模板时，则复制HTML至页面模板的组成界面，组成页面模板。由于得到的页面模板为根据第一类样式信息获取的页面元素模板组成的，因此页面模板的示意图与图2所示的页面元素的位置的示意图类似。

在得到页面模板之后，为保证添加对应的内容信息至页面模板所生成的目标页面能够体现用户或者开发人员在风格或者格式或者形式方面的个性化设置，优选地，本发明实施例中获取到的样式信息还可以包括第二类样式信息。并且，在利用获取到的页面元素模板组成页面模板之后，可以利用第二类样式信息对页面模板进行调整。

本发明实施例中，第二类样式信息可以是任意能够被用来对模板页面进行调整的样式信息。优选地，本例中结合“根据第二类样式对页面模板进行调整”的操作，对实际应用中常用的四种第二类样式信息进行介绍。

第一种第二类样式信息为背景属性信息。如图6a以及图6b所示的根据目标页面的背景属性信息对页面模板进行调整前后的对比示意图(其中，图6a示意调整前的页面模板，图6b示意调整后的页面模板)。当第二类样式信息为：1、“图片链接”的背景为“斜线”；2、“视频展示元素”的背景为五角星图案，则根据该第二类样式信息对页面模板进行调整，得到图6b中所示的页面模板。

第二种第二类样式信息为边框属性信息。其中，边框属性信息至少包括边框的颜色信息、边框的形状信息、边框的内边距信息以及外边距信息。当第二类样式信息为：1、“文字链接”的边框形状为圆角矩形，外边距为10毫米；2、“图片链接”的边框的颜色为黑色，外边距为15毫米；3、“视频展示元素”的边框形状为圆形，外边距为35毫米，则根据该第二类样式信息对页面模板进行调整可以得到如图7b所示的页面模板，其中，图7a为调整前的页面模板示意图。需要说明的是，图7b中的边距仅为示例，不能够真实表现上例中提及的实际外边距宽度。

第三种第二类样式信息为文本属性信息。其中，文本属性信息至少包括文本间距信息和/或文本边距信息。例如，当文本属性信息为“文字链接”中文本间距为0.3毫米，而当前页面模板中“文字链接”的文本间距为1.2毫米时，对页面模板进行调整，得到图8b所示的根据文本属性信息调整后的页面模板的示意图，其中，图8a为根据文本属性信息调整前的页面模板的示意图。需要说明的是，图8a以及图8b中的文本间距仅为示例，不能够真实代表上文中提及的文本间距。

第四种第二类样式信息为文字属性信息。其中，文字属性信息至少包括文字的字体信息和/或文字颜色信息。例如，当文字属性信息为：1、“文字链接”中的“新闻标题”处的文字为5号字，宋体；2、“图片链接”中的“图片配字”处的文字为4号字，宋体，加粗；3、“视频展示元素”中的“视频配字”处的文字为3号字，宋体，加粗，则根据该文字属性信息调整后得到如图9b所示的页面模板，而图9a为调整前页面模板的示意图，其中，图9a中各个页面元素的标题或者配字均为5号字，宋体，未加粗。需要说明的是，图9a以及图9b中的文字字号仅为示例，不能够真实代表上文中提及的文字字号。

上文对仅根据一种第二类样式信息对页面模板进行调整得到页面模板的过程以及调整后得到页面模板进行了介绍，需要说明的是，实际操作中，对页面模板进行调整所利用的第二类样式信息可以是一种或者多种。例如，图10示出了结合图6b、图7b、图8b、图9b所示的四种第二类样式信息对页面模板进行调整后得到的页面模板示意图。另外，需要说明的是，本发明实施例中，第二类样式信息包括但不限于上文介绍的四种第二类样式信息。

在利用第一类样式信息获取页面元素模板组成页面模板，并利用第二类样式信息对页面模板进行调整之后，添加目标页面的一个或多个页面元素的内容信息至页面模板，则能够生成目标页面。在生成目标页面之后，本发明实施例还可以根据预设规则对已存在的网页的页面元素的样式信息进行提取，并生成与提取到的页面元素的样式信息分别对应的页面元素模板。之后，在生成的页面元素模板中，选择页面元素模板数据库中不存在的页面元素模板保存至页面模板数据库。

优选地，本发明实施例中，提取页面元素的样式信息所依据的预设规则可以是提取页面共同的页面元素的样式信息。例如，已存在如图11a、图11b以及图11c所示的三个网页，提取图11a、图11b以及图11c所示的三个网页共同的页面元素的样式信息，并生成对应的页面元素模板如图12a、图12b以及图12c所示。在生成的三个页面元素模板中，页面元素模板数据库中已存在图12a以及图12b所示的页面元素模板，而不存在图12c所示的页面元素模板，则将图12c所示的页面元素模板保存至页面模板数据库。

再例如，已存在如图13a以及图13b所示的两个网页，提取图13a以及图13b所示的两个网页共同的页面元素的样式信息，并生成对应的页面元素模板如图14所示。当确定页面元素模板数据库中不存在如图14所示的页面元素模板时，保存该页面元素模板至页面元素模板数据库。

另外，本发明实施例中，提取页面元素的样式信息所依据的预设规则还可以是提取已生成的目标页面的所有页面元素的样式信息，生成对应的页面元素模板，并保存页面元素模板数据库中不存在的页面元素模板至该数据库。

本发明实施例中，根据预设规则提取页面的页面元素的样式信息，生成对应的页面元素模板，并利用页面元素模板数据库中不存在的页面元素模板对页面元素模板数据库进行更新。随着对页面元素模板数据库的更新，页面元素模板数据库中的页面元素模板越来越丰富。当在页面元素模板数据库中获取对应的页面元素模板时，由于页面元素模板数据库中的页面元素模板越来越丰富，因此，能够在更加快速获取到更为匹配的页面元素模板。同时，同样由于页面元素模板数据库中的页面元素模板越来越丰富，能够减少组成页面模板之后，需要根据第二类样式信息对页面模板进行的调整操作，从而提高目标页面的生成效率。

实施例一

为将上文各实施例提供的页面生成方法阐述得更加清楚明白，现提供一个优选实施例对本发明实施例提供的页面生成方法进行介绍。图15示出了根据本发明一个优选实施例的页面生成方法的处理流程图。参见图15，该流程至少包括步骤S1502至步骤S1518。

步骤S1502、获取目标页面的一个或多个页面元素的页面元素信息。

具体地，获取到目标页面的三个页面元素的页面元素信息为：文字链接，具体包括十条新闻标题，位置信息为页面左部；图片链接，位置信息为页面右上方；广告视频展示，位置信息为页面右下方。

步骤S1504、在页面元素模板库中获取与目标页面的三个页面元素的位置信息(即第一类样式信息)对应的一个或者多个页面元素模板。

具体地，根据步骤S1502中获取到的页面元素信息获取在页面元素模板库中获取到两个页面元素模板如图16以及图17所示。

步骤S1506、利用获取到的页面元素模板组成页面模板。

步骤S1504中提及，获取到的两个页面元素模板如图16以及图17所示，则利用图16以及图17所示的两个页面元素模板组成如图18所示的页面模板。

步骤S1508、判断步骤S1502中获取到的页面元素信息中是否包含第二类样式信息。若是，执行步骤S1510。若否，执行步骤S1512。

步骤S1510、利用获取到的第二类样式信息对页面模板进行调整。

具体地，当本例中获取到的第二类样式信息为1、“图片链接”的背景为“斜线”；2、“视频展示元素”的背景为五角星图案，则根据该第二类样式信息对页面模板进行调整，得到图19中所示的页面模板。

步骤S1512、添加目标页面的三个页面元素的内容信息至页面模板，生成目标页面。

将步骤S1502中获取到的内容信息添加至页面模板(本例中优选根据第二类样式信息进行调整的图19所示的页面模板)，生成如图20所示的目标网页。

步骤S1512执行完毕之后，目标页面已经生成，即页面生成流程结束。而图15所示的流程中包括的步骤S1514至步骤S1518为根据已生成的网页对页面元素模板数据库进行更新的操作流程。

步骤S1514、根据预设规则提取网页的页面元素的样式信息。

具体地，提取样式信息依据的预设规则可以是提取多个网页共同的页面元素的相同样式信息，还可以是提取已生成的网页中所有页面元素对应的样式信息等任意能够对页面元素的样式信息进行提取的预设规则，本发明实施例对比并不加以限定。

步骤S1516、根据提取的样式信息生成与页面元素分别对应的页面元素模板。

步骤S1518、在生成的页面元素模板中，选择页面元素模板数据库中不存在的页面元素模板保存至页面元素模板数据库，以对页面元素模板数据库进行更新。

基于上文各优选实施例提供的页面生成方法，基于同一发明构思，本发明实施例提供了一种页面生成客户端，以实现页面生成方法。

图21示出了根据本发明一个实施例的页面生成客户端的结构示意图。参见图21，本发明实施例的页面生成客户端至少包括：信息获取模块2110、模板获取模块2120、模板组成模块2130以及页面生成模块2140。

现介绍本发明实施例的页面生成客户端的各器件或组成的功能以及各部分间的连接关系：

信息获取模块2110，适于获取目标页面的一个或多个页面元素的页面元素信息，页面元素信息包括内容信息和样式信息，其中内容信息包括文本和/或图片，样式信息包括第一类样式信息。

模板获取模块2120，与信息获取模块2110以及模板组成模块2130分别耦合，适于在页面元素模板库中获取与目标页面的一个或多个页面元素的第一类样式信息对应的一个或多个页面元素模板。

模板组成模块2130，与模板获取模块2120以及页面生成模块2140分别耦合，适于利用获取到的页面元素模板组成页面模板。

页面生成模块2140，与模板组成模块2130耦合，适于添加目标页面的一个或多个页面元素的内容信息至页面模板，生成目标页面。

图22示出了根据本发明一个优选实施例的页面生成客户端的结构示意图。参见图22，本发明实施例的页面生成客户端还包括：

模板调整模块2150，与信息获取模块2110以及模板组成模块2130分别耦合，适于若样式信息还包括第二类样式信息，利用第二类样式信息对页面模板进行调整。

在一个优选的实施例中，第一类样式信息至少包括：页面元素的位置信息。

在一个优选的实施例中，第二类样式信息包括以下至少之一：目标页面的背景属性信息；目标页面的边框属性信息，其中，边框风格属性信息至少包括边框的颜色信息、边框的形状信息、目标页面的内边距信息、目标页面的外边距信息；目标页面的文本属性信息，其中，文本属性信息至少包括文本间距信息和/或文本边距信息；目标页面的文字属性信息，其中，文字属性信息至少包括文字的字体信息和/或文字颜色信息。

参见图22，本发明实施例的页面生成客户端还包括：

提取模块2160，与页面生成模块2140相耦合，适于根据预设规则提取网页的页面元素的样式信息；

页面生成模块2140，还适于根据提取的样式信息生成与页面元素分别对应的页面元素模板；

存储模块2170，与页面生成模块2140相耦合，适于在生成的页面元素模板中，选择页面元素模板数据库中不存在的页面元素模板保存至页面元素模板数据库。

在一个优选的实施例中，提取模块2160还适于：提取页面共同的页面元素的相同样式信息。

在一个优选的实施例中，页面元素模板包括：层叠样式表CSS；超文本标记语言HTML。

根据上述任意一个优选实施例或多个优选实施例的组合，本发明实施例能够达到如下有益效果：

依据本发明实施例提供的页面生成方法，能够获取目标页面的一个或多个页面元素的页面元素信息(包括内容信息和样式信息)，并利用获取到的样式信息中的第一类样式信息在页面元素模板库中获取对应的页面元素模板。因此，当不同网页中包含相同页面元素时，依据本发明实施例提供的页面生成方法能够利用页面元素的第一类样式信息获取同一页面元素模板并应用，解决了现有技术中即使存在相同页面元素的网页仍需要逐个制作网页中相同的页面元素的问题，节省网页制作所需的时间，尤其对于大批量网页制作时，时间节省功能更为明显。获取到页面元素模板之后，组合获取的页面元素模板得到页面模板，并添加获取到的内容信息至页面模板，即能够生成目标页面。综上，本发明实施例提供的页面生成方法利用目标页面的页面元素的页面元素信息，获取到对应的页面元素模板，而利用页面元素模板不仅能够节省本次页面生成过程所需要的时间，并且由于页面元素模板存在可重复利用性，能够在存在该页面元素的页面的制作过程中被多次利用，提高了时间和元素模板的利用率。由此可知，本发明实施例提供的页面生成方法能够避免页面生成过程中由于执行大量重复性操作造成的时间被浪费的问题，达到了提高页面生成效率的有益效果。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的设备或装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

至此，本领域技术人员应认识到，虽然本文已详尽示出和描述了本发明的多个示例性实施例，但是，在不脱离本发明精神和范围的情况下，仍可根据本发明公开的内容直接确定或推导出符合本发明原理的许多其他变型或修改。因此，本发明的范围应被理解和认定为覆盖了所有这些其他变型或修改。

本发明实施例还公开了A1.一种页面生成方法，包括：

获取目标页面的一个或多个页面元素的页面元素信息，所述页面元素信息包括内容信息和样式信息，其中，所述内容信息包括文本信息和/或图片信息和/或多媒体信息，所述样式信息包括第一类样式信息；

在页面元素模板库中获取与所述目标页面的一个或多个页面元素的所述第一类样式信息对应的一个或多个页面元素模板；

利用获取到的页面元素模板组成页面模板；

添加所述目标页面的一个或多个页面元素的内容信息至所述页面模板，生成所述目标页面。

A2.根据A1所述的方法，其中，所述利用获取到的页面元素模板组成页面模板之后，还包括：

若所述样式信息还包括第二类样式信息，利用所述第二类样式信息对所述页面模板进行调整。

A3.根据A1或A2所述的方法，其中，所述第一类样式信息至少包括：

所述页面元素的位置信息。

A4.根据A2或A3所述的方法，其中，所述第二类样式信息包括以下至少之一：

所述目标页面的背景属性信息；

所述目标页面的边框属性信息，其中，所述边框属性信息至少包括所述边框的颜色信息、所述边框的形状信息、所述目标页面的内边距信息、所述目标页面的外边距信息；

所述目标页面的文本属性信息，其中，所述文本属性信息至少包括所述文本间距信息和/或所述文本边距信息；

所述目标页面的文字属性信息，其中，所述文字属性信息至少包括所述文字的字体信息和/或文字颜色信息。

A5.根据A1至A4任一项所述的方法，其中，生成所述目标页面之后，还包括：

根据预设规则提取网页的页面元素的样式信息；

根据所述提取的样式信息生成与所述页面元素分别对应的页面元素模板；

在生成的所述页面元素模板中，选择所述页面元素模板数据库中不存在的页面元素模板保存至所述页面元素模板数据库。

A6.根据A5所述的方法，其中，根据预设规则提取网页的页面元素的样式信息，包括：

提取页面共同的页面元素的相同样式信息。

A7.根据A1至A6任一项所述的方法，其中，所述页面元素模板包括：

层叠样式表CSS；

超文本标记语言HTML。

本发明实施例还公开了B8.一种页面生成客户端，包括：

信息获取模块，适于获取目标页面的一个或多个页面元素的页面元素信息，所述页面元素信息包括内容信息和样式信息，其中，所述内容信息包括文本信息和/或图片信息和/或多媒体信息，所述样式信息包括第一类样式信息；

模板获取模块，适于在页面元素模板库中获取与所述目标页面的一个或多个页面元素的所述第一类样式信息对应的一个或多个页面元素模板；

模板组成模块，适于利用获取到的页面元素模板组成页面模板；

页面生成模块，适于添加所述目标页面的一个或多个页面元素的内容信息至所述页面模板，生成所述目标页面。

B9.根据B8所述的客户端，其中，还包括：

模板调整模块，适于若所述样式信息还包括第二类样式信息，利用所述第二类样式信息对所述页面模板进行调整。

B10.根据B8或B9所述的客户端，其中，所述第一类样式信息至少包括：

所述页面元素的位置信息。

B11.根据B9或B10所述的客户端，其中，所述第二类样式信息包括以下至少之一：

所述目标页面的背景属性信息；

所述目标页面的边框属性信息，其中，所述边框风格属性信息至少包括所述边框的颜色信息、所述边框的形状信息、所述目标页面的内边距信息、所述目标页面的外边距信息；

所述目标页面的文本属性信息，其中，所述文本属性信息至少包括所述文本间距信息和/或所述文本边距信息；

所述目标页面的文字属性信息，其中，所述文字属性信息至少包括所述文字的字体信息和/或文字颜色信息。

B12.根据B8至B11任一项所述的客户端，其中，还包括：

提取模块，适于根据预设规则提取网页的页面元素的样式信息；

所述页面生成模块，还适于根据所述提取的样式信息生成与所述页面元素分别对应的页面元素模板；

存储模块，适于在生成的所述页面元素模板中，选择所述页面元素模板数据库中不存在的页面元素模板保存至所述页面元素模板数据库。

B13.根据B12所述的客户端，其中，所述提取模块还适于：

提取页面共同的页面元素的相同样式信息。

B14.根据B8至B13任一项所述的客户端，其中，所述页面元素模板包括：

层叠样式表CSS；

超文本标记语言HTML。

Claims (12)

1.一种页面生成方法，包括：

获取目标页面的一个或多个页面元素的页面元素信息，所述页面元素信息包括内容信息和样式信息，其中，所述内容信息包括文本信息和/或图片信息和/或多媒体信息，所述样式信息包括第一类样式信息，且所述第一类样式信息包括页面元素的位置信息和/或所述内容信息的排列位置信息；

在页面元素模板库中获取与所述目标页面的一个或多个页面元素的所述第一类样式信息对应的一个或多个页面元素模板；

利用获取到的页面元素模板组成页面模板；

添加所述目标页面的一个或多个页面元素的内容信息至所述页面模板，生成所述目标页面；

其中，一个页面元素模板中包含至少一个页面元素，且所述页面元素模板包括层叠样式表CSS，在利用所述层叠样式表组成页面模板时，生成与层叠样式表对应的链接，并利用生成的链接组成页面模板。

2.根据权利要求1所述的方法，其中，所述利用获取到的页面元素模板组成页面模板之后，还包括：

若所述样式信息还包括第二类样式信息，利用所述第二类样式信息对所述页面模板进行调整。

3.根据权利要求2所述的方法，其中，所述第二类样式信息包括以下至少之一：

所述目标页面的背景属性信息；

所述目标页面的边框属性信息，其中，所述边框属性信息至少包括所述边框的颜色信息、所述边框的形状信息、所述目标页面的内边距信息、所述目标页面的外边距信息；

所述目标页面的文本属性信息，其中，所述文本属性信息至少包括所述文本间距信息和/或所述文本边距信息；

所述目标页面的文字属性信息，其中，所述文字属性信息至少包括所述文字的字体信息和/或文字颜色信息。

4.根据权利要求1或2所述的方法，其中，生成所述目标页面之后，还包括：

根据预设规则提取网页的页面元素的样式信息；

根据所述提取的样式信息生成与所述页面元素分别对应的页面元素模板；

在生成的所述页面元素模板中，选择所述页面元素模板库中不存在的页面元素模板保存至所述页面元素模板库。

5.根据权利要求4所述的方法，其中，根据预设规则提取网页的页面元素的样式信息，包括：

提取页面共同的页面元素的相同样式信息。

6.根据权利要求1或2所述的方法，其中，所述页面元素模板包括：

层叠样式表CSS；

超文本标记语言HTML。

7.一种页面生成客户端，包括：

信息获取模块，适于获取目标页面的一个或多个页面元素的页面元素信息，所述页面元素信息包括内容信息和样式信息，其中，所述内容信息包括文本信息和/或图片信息和/或多媒体信息，所述样式信息包括第一类样式信息，且所述第一类样式信息包括页面元素的位置信息和/或所述内容信息的排列位置信息；

模板获取模块，适于在页面元素模板库中获取与所述目标页面的一个或多个页面元素的所述第一类样式信息对应的一个或多个页面元素模板；

模板组成模块，适于利用获取到的页面元素模板组成页面模板；

页面生成模块，适于添加所述目标页面的一个或多个页面元素的内容信息至所述页面模板，生成所述目标页面；

其中，一个页面元素模板中包含至少一个页面元素，且所述页面元素模板包括层叠样式表CSS，所述模板组成模块，还适于在利用所述层叠样式表组成页面模板时，生成与层叠样式表对应的链接，并利用生成的链接组成页面模板。

8.根据权利要求7所述的客户端，其中，还包括：

模板调整模块，适于若所述样式信息还包括第二类样式信息，利用所述第二类样式信息对所述页面模板进行调整。

9.根据权利要求8所述的客户端，其中，所述第二类样式信息包括以下至少之一：

所述目标页面的背景属性信息；

所述目标页面的边框属性信息，其中，所述边框风格属性信息至少包括所述边框的颜色信息、所述边框的形状信息、所述目标页面的内边距信息、所述目标页面的外边距信息；

所述目标页面的文本属性信息，其中，所述文本属性信息至少包括所述文本间距信息和/或所述文本边距信息；

所述目标页面的文字属性信息，其中，所述文字属性信息至少包括所述文字的字体信息和/或文字颜色信息。

10.根据权利要求7或8所述的客户端，其中，还包括：

提取模块，适于根据预设规则提取网页的页面元素的样式信息；

所述页面生成模块，还适于根据所述提取的样式信息生成与所述页面元素分别对应的页面元素模板；

存储模块，适于在生成的所述页面元素模板中，选择所述页面元素模板库中不存在的页面元素模板保存至所述页面元素模板库。

11.根据权利要求10所述的客户端，其中，所述提取模块还适于：

提取页面共同的页面元素的相同样式信息。

12.根据权利要求7或8所述的客户端，其中，所述页面元素模板包括：

层叠样式表CSS；

超文本标记语言HTML。