一种网页生成方法、装置、终端及存储介质与流程

本发明涉及计算机技术领域，特别涉及一种网页生成方法、装置、终端及存储介质。

背景技术：

随着计算机技术的快速发展，智能手机等终端设备已深入到人们的生活中，用户通过智能手机可以更加快速、便捷的浏览各种网页，因此对网页的需求量大大增加。

网页的制作需要基于设计师的页面设计稿，相关技术中，在进行网页制作时，网页开发者要花费大量的时间去手动测量设计稿中的距离等信息并将测量的信息手动输入至编辑工具中，导致网页制作的效率大大降低，而且制作的网页的用户体验效果也比较差。

技术实现要素：

为了解决现有技术的问题，本发明实施例提供了一种网页生成方法、装置、终端及存储介质。所述技术方案如下：

一方面，提供了一种网页生成方法，所述方法包括：

获取目标图层文件；

解析所述目标图层文件，得到用于构成网页的网页元素列表；所述网页元素列表中的网页元素至少包括属性信息；

确定所述网页元素列表中的至少一个目标网页元素；

根据对预设功能组件集合中功能组件的选择指令，确定所述目标网页元素指向的目标功能组件；

展示所述目标功能组件的配置界面，确定所述配置界面中的配置信息；

根据所述配置信息更新所述目标网页元素的属性信息，得到指向所述目标功能组件的网页组件元素；

根据所述网页组件元素生成目标网页。

另一方面，提供了一种网页生成装置，所述装置包括：

第一获取模块，用于获取目标图层文件；

解析模块，用于解析所述目标图层文件，得到用于构成网页的网页元素列表；所述网页元素列表中的网页元素至少包括属性信息；

第一确定模块，用于确定所述网页元素列表中的至少一个目标网页元素；

第二确定模块，用于根据对预设功能组件集合中功能组件的选择指令，确定所述目标网页元素指向的目标功能组件；

展示模块，用于展示所述目标功能组件的配置界面，确定所述配置界面中的配置信息；

更新模块，用于根据所述配置信息更新所述目标网页元素的属性信息，得到指向所述目标功能组件的网页组件元素；

生成模块，用于根据所述网页组件元素生成目标网页。

在一个可选的实施方式中，所述解析模块包括：

解析子模块，用于解析所述目标图层文件，得到所述目标图层文件中的图层信息列表；所述图层信息列表中的图层信息至少包括图层属性；

格式转换模块，用于按照所述目标网页所对应的数据格式，对所述图层信息列表中的图层信息进行格式转换，得到所述网页元素列表；

其中，所述网页元素列表中的网页元素与所述图层信息列表中的图层信息相对应。

在一个可选的实施方式中，所述解析模块还包括：

接收模块，用于接收对所述图层信息列表中图层信息的移动；

第三确定模块，用于确定移动后的图层信息列表中各图层信息之间的嵌套关系，得到调整图层信息列表；

相应的，所述格式转换模块，具体用于按照所述目标网页所对应的数据格式，对所述调整图层信息列表中的图层信息进行格式转换，得到网页元素列表。

在一个可选的实施方式中，所述图层信息还包括图层样式；所述网页元素还包括与所述图层样式相对应的元素样式信息；

所述格式转换模块包括：

第二获取模块，用于获取编辑区域的宽度信息；

第三获取模块，用于获取所述图层样式中的目标对象；

第四确定模块，用于根据预置的视窗宽度与根元素字体大小的对应关系，确定所述编辑区域的宽度信息所对应的字体大小；

计算模块，用于计算所述目标对象，与所述编辑区域的宽度信息所对应的字体大小的比值；

第五确定模块，用于根据所述比值确定所述目标对象在所述元素样式信息中的描述。

在一个可选的实施方式中，所述解析模块还包括：

判断模块，用于判断所述图层信息中是否包含图片；

第一存储模块，用于在判断模块判断的结果为是时，将所述图片存储至内容分发网络中；

第四获取模块，用于获取所述图片在所述内容分发网络中的图片存储地址；

替换模块，用于将所述图层信息所对应的网页元素中的图片替换为所述图片存储地址。

在一个可选的实施方式中，所述展示模块在确定所述配置界面中的配置信息时，响应于对所述配置界面中预设第三方应用的选择指令，确定目标第三方应用；获取所述目标第三方应用的配置参数；确定所述目标第三方应用在不同操作状态下所对应的目标网页元素的展示样式；其中，所述目标第三方应用的配置参数和所述目标网页元素的展示样式作为所述配置信息。

在一个可选的实施方式中，所述装置还包括：

第二存储模块，用于将所述目标网页存储在指定存储空间；

第五获取模块，用于获取所述目标网页在所述指定存储空间中的网页存储地址；

发布模块，用于发布所述网页存储地址。

另一方面，提供了一种终端，包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现上述网页生成方法。

另一方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如上述的网页生成方法。

本发明实施例通过确定网页元素列表中的目标网页元素，根据对预设功能组件集合中功能组件的选择指令，确定该目标网页元素指向的目标功能组件，然后展示该目标功能组件的配置界面，确定该配置界面中的配置信息，并根据该配置信息更新目标网页元素的属性信息，从而得到指向目标功能组件的网页组件元素，再基于该网页组件元素生成目标网页，进而将目标网页元素转换成具有某种交互功能的组件，可以在快速还原设计稿的基础上，制作出具有多种交互功能的网页，提高了制作具有较强交互性网页的效率，以及用户浏览网页时的体验效果。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种实施环境的示意图；

图2是本发明实施例提供的一种网页生成方法的流程示意图；

图3a是本发明实施例提供的获取目标图层文件的部分界面示意图；

图3b是本发明实施例提供的网页元素列表的部分界面示意图；

图4是本发明实施例提供的解析目标图层文件得到用于构成网页的网页元素列表的一种方法的流程示意图；

图5a是本发明实施例提供的根据对预设功能组件集合中功能组件的选择指令，确定目标网页元素指向的目标功能组件的部分界面示意图；

图5b是本发明实施例提供的目标功能组件的配置界面的部分界面示意图；

图6是本发明实施例提供的一种网页生成装置的结构示意图；

图7是本发明实施例提供的一种终端的硬件结构框图。

具体实施方式

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

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

请参阅图1，其所示为本发明实施例提供的一种实施环境示意图，该实施环境可以包括终端110以及与终端110相连接的网站服务器120，该连接可以但不限于包括有线网络或者无线网络。

终端110可以是供网站的开发人员所使用的终端，该终端可以但不限于包括智能手机、台式电脑、平板电脑、笔记本电脑、数字助理等等。

网站服务器120可以是为终端110提供后台服务的服务器，例如可以提供存储终端110生成的网页的服务，以及存储在网页制作过程中上传的相关文件等等。该网站服务器120可以包括一个独立运行的服务器，或者分布式服务器，或者由多个服务器组成的服务器集群。

请参阅图2，其所示为本发明实施例提供的一种网页生成方法的流程示意图，该方法可以应用于图1的终端中。需要说明的是，本发明实施例的网页生成方法可以应用于本发明实施例的网页生成装置，该网页生成装置可以是配置于终端的网页编辑工具。

另外，本说明书提供了如实施例或流程图所述的方法操作步骤，但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式，不代表唯一的执行顺序。在实际中的系统或产品执行时，可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。具体的如图1所示，所述方法可以包括：

s201，获取目标图层文件。

本说明书实施例中，图层文件可以是ui(userinterface，用户界面)设计师使用相关制图软件制作得到的网页视觉稿的源文件，网页视觉稿是视觉设计的静态设计图，通俗来讲，网页视觉稿是网页在界面中所展示的图形。

其中，相关制图软件可以但不限于包括photoshop、sketch等，如果是photoshop，则相对应的图层文件可以是后缀名为psd的文件；如果是sketch，则相对应的图层文件可以是带有图层信息的压缩包。

实际应用中，用户可以将ui设计师的源文件包导入至网页编辑工具中，通常一个源文件包中可以包括多个网页视觉稿的图层文件，用户可以根据需要选择当前所针对的网页视觉稿的图层文件，该被选择的网页视觉稿的图层文件即为作为目标图层文件。

具体的实施中，可以通过正则表达式如newregexp("smapp\(({.*？})\)")从源文件包中提取各个网页视觉稿的页面json数据，并根据提取的页面json数据将相应的网页视觉稿展示给用户，以便用户选择当前所针对的网页视觉稿，进而根据用户的选择确定目标图层文件，获取该目标图层文件。如图3a所示，用户选择的网页视觉稿为“首次进入活动-有剩余次数未抽奖”，当用户点击“导入”按钮时，即可以获取该“首次进入活动-有剩余次数未抽奖”的图层文件。

s203，解析所述目标图层文件，得到用于构成网页的网页元素列表；所述网页元素列表中的网页元素至少包括属性信息。

解析目标图层文件可以得到网页元素列表，该网页元素列表中的网页元素可以作为网页的不同组成部分。网页元素可以至少包括属性信息，该属性信息可以但不限于包括按钮、图片、文字等等。如图3b所示为解析“首次进入活动-有剩余次数未抽奖”的图层文件，得到的网页元素列表，需要说明的是，该网页元素列表可以以图3b中的区域1的形式体现，也可以以图3b中的区域2的形式体现。

实际应用中，一个网页视觉稿可以由多个图层构成，也就是说，目标图层文件可以包括多个图层信息，每个图层信息可以包括图层属性和图层样式，其中，图层属性可以但不限于包括按钮、图片、文字等等；图层样式可以是对图层属性的描述，其可以但不限于包括位置、大小、颜色、边框等等。

本说明书实施例中，在解析目标图层文件得到用于构成网页的网页元素列表时可以包括：

解析所述目标图层文件，得到所述目标图层文件中的图层信息列表，该图层信息列表中的图层信息至少包括图层属性。

按照所述目标网页所对应的数据格式，对图层信息列表中的图层信息进行格式转换，得到所述网页元素列表。其中，所述网页元素列表中的网页元素与所述图层信息列表中的图层信息相对应，具体为属性信息与图层属性相对应。当图层信息中包括图层样式时，转换得到的对应网页元素还包括与该图层样式相对应的元素样式信息，该元素样式信息是对相应网页元素的属性信息的描述，具体的，该元素样式信息可以但不限于包括位置、大小、颜色和边框等等。

实际应用中，网页编辑工具中可以具有至少一套网页标准数据格式，该网页标准数据格式可以但不限于是html(hypertextmarkuplanguage，超文本标记语言)页面格式，如html5页面格式等。

本说明书实施例中，为了使得最终生成的目标网页能够兼容各种终端显示屏(即视窗)，在按照所述目标网页所对应的数据格式，对图层信息列表中的图层信息进行格式转换时，可以获取网页编辑工具中编辑区域的宽度信息；获取图层信息的图层样式中的目标对象；根据预置的视窗宽度与根元素字体大小的对应关系，确定所述编辑区域的宽度信息所对应的字体大小；计算所述目标对象，与所述编辑区域的宽度信息所对应的字体大小的比值；根据所述比值确定所述目标对象在所述图层样式所对应的元素样式信息中的描述。编辑区域的宽度信息可以在导入图层文件时进行设置，此处可以直接获取该设置的编辑区域的宽度信息。

其中，目标对象是图层样式中具有固定单位的对象，由于固定单位使得字体大小被锁定，网页在终端上显示时无法根据当前终端的视窗大小进行字体缩放，从而导致网页与当前终端不能很好的兼容。具体的实施中，该目标对象可以是图层样式中单位为像素(即pixel，缩写为px)的对象。

其中，预置的视窗宽度(r0)与根元素字体大小(fs0)的对应关系可以根据实际需要进行设定，一般预置的对应关系中视窗宽度可以设置为编辑区域的宽度，例如可以将视窗宽度预置为640px，相对应的根元素字体大小预置为200px。针对html页面格式，根元素是html标签，html标签是html语言中最基本的单位。具体的，根据预置的视窗宽度与根元素字体大小的对应关系确定所述编辑区域的宽度信息所对应的字体大小可以表示为以下：

fs＝(r0/fs0)*w

其中，fs表示编辑区域的宽度信息所对应的字体大小；r0、fs0分别为预置的对应关系中的视窗宽度和根元素字体大小；w表示编辑区域的宽度信息。则目标对象在图层样式所对应的元素样式信息中的描述可以表示为：目标对象/((r0/fs0)*w)rem。

通过上述方法可以在生成目标网页时把所有以固定单位如px为单位的对象转换成rem为单位的描述，从而可以在不同视窗大小的终端上等比例的把目标网页还原出来。

举例而言，预置的对应关系中视窗宽度为640px，根元素字体大小为200px，编辑区域的宽度信息为640px，则对于图层信息为：图片，{width:100px，height:100px}，其对应的网页元素为：图片，{width:0.5rem，height:0.5rem}，其中，0.5rem即为100px在元素样式信息中的描述。

需要说明的是，本说明书实施例中，解析得到的图层信息列表包含了目标图层文件所对应的网页视觉稿的布局，也就是说，图层信息列表包含了各个图层信息之间的原始嵌套关系。在进行格式转换时并不会对原始嵌套关系进行改变，因此，转换后得到的网页元素列表中的网页元素之间也具有上述原始嵌套关系。

实际应用中，为了提高网页制作的灵活性，在按照所述目标网页所对应的数据格式，对图层信息列表中的图层信息进行格式转换之前，所述方法还可以包括：

接收对所述图层信息列表中图层信息的移动。具体的，解析得到图层信息列表后可以将该图层信息列表进行展示，用户可以根据实际的设计需要通过对图层信息列表中的图层信息进行拖动来自由组装层级的嵌套。

确定移动后的图层信息列表中各图层信息之间的嵌套关系，得到调整图层信息列表。

相应的，在按照所述目标网页所对应的数据格式，对图层信息列表中的图层信息进行格式转换时，按照所述目标网页所对应的数据格式，对所述调整图层信息列表中的图层信息进行格式转换，得到网页元素列表。如此，转换后的网页元素列表中包含了移动后的图层信息之间的嵌套关系，从而可以根据实际需要快速的进行网页元素之间嵌套关系的调整，提高了网页制作的灵活性。

实际应用中，在首次打开网页时常常会出现网页的加载时间较长，用户需要浪费较多的时间进行等待，为了加快网页的首次加载，缩短用户的等待时间，在一个具体的实施方式中，如图4所示，当按照所述目标网页所对应的数据格式，对所述图层信息列表中的图层信息进行格式转换，得到所述网页元素列表之后，所述方法还可以包括：

s405，判断所述图层信息中是否包含图片。

s407，在判断的结果为是时，将所述图片存储至内容分发网络中。

s409，获取所述图片在所述内容分发网络中的图片存储地址。

s411，将所述图层信息所对应的网页元素中的图片替换为所述图片存储地址。

具体的，当判断图层信息中包含图片时，可以将该图片发给给内容分发网络，由内容分发网络对该图片进行存储，内容分发网络存储后可以返回该图片的图片存储地址，如该图片的url(uniformresourcelocator，统一资源定位符)链接，然后将该图层信息所对应的网页元素中的图片替换为图片存储地址，从而在首次打开基于该网页元素构成的网页时，可以大大缩短网页加载时间，进而减少用户的等待时间，而且可以进行图片的分发下载，可以合理利用网络宽度。

s205，确定所述网页元素列表中的至少一个目标网页元素。

其中，目标网页元素可以是网页元素列表中的任意一个网页元素。具体的实施中，用户可以根据需要选择网页元素列表中的一个或者多个网页元素，该被选择的一个或者多个网页元素即为所述至少一个目标网页元素。

s207，根据对预设功能组件集合中功能组件的选择指令，确定所述目标网页元素指向的目标功能组件。

本说明书实施例中，可以维护一个功能组件库，预先根据该功能组件库配置预设功能组件集合，当用户在目标网页元素处进行右键操作时，可以展示目标功能组件的选择项，该选择项中包括预设功能组件集合中的功能组件，当用户选择预设功能组件集合中的某个功能组件时，该被选择的功能组件即被确定为目标网页元素所指向的目标功能组件。本说明书实施例中，预设功能组件集合中的功能组件可以是实现交互功能的组件。

如图5a所示，目标网页元素为“立即抽红包”，当右键该目标网页元素时，出现转换成组件的功能选项，当选择该功能选项时即可展示选择项，该选择项中包括预先配置的多个功能组件，当选择其中的一个功能组件如“拉活”时，即可确定目标网页元素“立即抽红包”所指向的功能组件为“拉活”；当选择的功能组件为“背景音乐”时，即可确定目标网页元素“立即抽红包”所指向的功能组件为“背景音乐”。

s209，展示所述目标功能组件的配置界面，确定所述配置界面中的配置信息。

具体的，当确定了目标网页元素所指向的目标功能组件后，即将该目标功能组件的配置界面进行展示，该配置界面中包含了预先设置的一些默认信息，用户可以直接确定该默认信息为配置界面的配置信息，也可以根据实际需要对默认信息进行更改，然后将配置界面中更改后的信息作为配置信息。

在一个具体的实施方式中，所述确定配置界面中的配置信息可以包括：

响应于对所述配置界面中预设第三方应用的选择指令，确定目标第三方应用；

获取所述目标第三方应用的配置参数；具体的，该目标第三方应用的配置参数可以是预先设置的默认参数，也可以是用户根据实际需要对某人参数进行更改后的参数信息。

确定所述目标第三方应用在不同操作状态下所对应的目标网页元素的展示样式；其中，所述目标第三方应用的配置参数和所述目标网页元素的展示样式作为所述配置信息。在该实施方式中，目标第三方应用的操作状态可以但不限于包括打开、下载以及下载中等，相应的，目标网页元素的展示样式可以但不限于包括打开样式、下载样式和下载中样式。

如图5b所展示的为将目标网页元素转换为“拉活”功能组件时，该“拉活”功能组件所对应的配置界面(虚线框中的部分)，该“拉活”功能组件可以实现进入目标第三方应用的功能，如图5b所示，可以在该配置界面中设置预设第三方应用的选择项，该选择项中的预设第三方应用可以是手机管家、相册管家、同步助手、清理大师等等，当用户选择其中的某个预设第三方应用时如手机管家，即将该预设第三方应用作为目标第三方应用，相应的，可以获取该目标第三方应用如手机管家的配置参数，然后根据用户对目标网页元素“立即抽取红包”的打开样式、下载样式以及下载中样式的设置，确定该目标第三方应用在打开状态、下载状态以及下载中状态对应的目标网页元素的展示样式。

s211，根据所述配置信息更新所述目标网页元素的属性信息，得到指向所述目标功能组件的网页组件元素。

具体的，根据配置界面中的配置信息更新目标网页元素的属性信息，从而可以得到指向相应目标功能组件的网页组件元素。具体的实施总，可以通过建立目标网页元素的属性信息与目标功能组件的配置信息的关联关系来实现对目标网页元素的属性信息的更新，得到指向目标功能组件的网页组件元素。

s213，根据所述网页组件元素生成目标网页。

具体的，可以根据网页组件元素，以及网页元素列表中除目标网页元素之外的网页元素生成目标网页，该目标网页可以是html页面，如html5页面等。

由于网页组件元素能够指向目标功能组件，因此，基于网页组件元素生成的目标网页可以实现多种功能组件的功能，从而能够得到具有多种交互功能的目标网页，而且对于交互功能的设置步骤简单，大大提高了制作具有较强交互性网页的效率。

本说明书实施例中，在根据网页组件元素生成目标网页之后，还可以将该目标网页存储至指定存储空间，并获取该目标网页在指定存储空间中的网页存储地址，然后发布该网页存储地址。其中，网页存储地址可以是该目标网页的url(uniformresourcelocator，统一资源定位符)链接。具体的实施中，可以设置发布按钮，当用户点击该发布按钮时即可将目标网页的url链接发布到相应的网站。

由本发明实施例的上述技术方案可见，本发明实施例通过确定网页元素列表中的目标网页元素，根据对预设功能组件集合中功能组件的选择指令，确定该目标网页元素指向的目标功能组件，然后展示该目标功能组件的配置界面，确定该配置界面中的配置信息，并根据该配置信息更新目标网页元素的属性信息，从而得到指向目标功能组件的网页组件元素，再基于该网页组件元素生成目标网页，进而将目标网页元素转换成具有某种交互功能的组件，整个网页的制作过程中无需人工对设计稿进行测量等操作，可以在快速还原设计稿的基础上，制作出具有多种交互功能的网页，提高了制作具有较强交互性网页的效率，以及用户浏览网页时的体验效果。

与上述几种实施例提供的网页生成方法相对应，本发明实施例还提供一种网页生成装置，由于本发明实施例提供的网页生成装置与上述几种实施例提供的网页生成方法相对应，因此前述网页生成方法的实施方式也适用于本实施例提供的网页生成装置，在本实施例中不再详细描述。

请参阅图6，其所示为本发明实施例提供的一种网页生成装置的结构示意图，该装置具有实现上述方法实施例中网页生成方法的功能，所述功能可以由硬件实现，也可以由硬件执行相应的软件实现。如图6所示，该装置可以包括：

第一获取模块610，用于获取目标图层文件；

解析模块620，用于解析所述目标图层文件，得到用于构成网页的网页元素列表；所述网页元素列表中的网页元素至少包括属性信息；

第一确定模块630，用于确定所述网页元素列表中的至少一个目标网页元素；

第二确定模块640，用于根据对预设功能组件集合中功能组件的选择指令，确定所述目标网页元素指向的目标功能组件；

展示模块650，用于展示所述目标功能组件的配置界面，确定所述配置界面中的配置信息；

更新模块660，用于根据所述配置信息更新所述目标网页元素的属性信息，得到指向所述目标功能组件的网页组件元素；

生成模块670，用于根据所述网页组件元素生成目标网页。

在一个可选的实施方式中，解析模块620可以包括：

解析子模块，用于解析所述目标图层文件，得到所述目标图层文件中的图层信息列表；所述图层信息列表中的图层信息至少包括图层属性；

格式转换模块，用于按照所述目标网页所对应的数据格式，对所述图层信息列表中的图层信息进行格式转换，得到所述网页元素列表；

其中，所述网页元素列表中的网页元素与所述图层信息列表中的图层信息相对应。

在另一个可选的实施方式中，解析模块620还可以包括：

接收模块，用于接收对所述图层信息列表中图层信息的移动；

第三确定模块，用于确定移动后的图层信息列表中各图层信息之间的嵌套关系，得到调整图层信息列表；

相应的，所述格式转换模块，具体用于按照所述目标网页所对应的数据格式，对所述调整图层信息列表中的图层信息进行格式转换，得到网页元素列表。

在一个可选的实施方式中，所述图层信息还包括图层样式；所述网页元素还包括与所述图层样式相对应的元素样式信息；

所述格式转换模块包括：

第二获取模块，用于获取编辑区域的宽度信息；

第三获取模块，用于获取所述图层样式中的目标对象；

第四确定模块，用于根据预置的视窗宽度与根元素字体大小的对应关系，确定所述编辑区域的宽度信息所对应的字体大小；

计算模块，用于计算所述目标对象，与所述编辑区域的宽度信息所对应的字体大小的比值；

第五确定模块，用于根据所述比值确定所述目标对象在所述元素样式信息中的描述。

在一个可选的实施方式中，解析模块620还可以包括：

判断模块，用于判断所述图层信息中是否包含图片；

第一存储模块，用于在判断模块判断的结果为是时，将所述图片存储至内容分发网络中；

第四获取模块，用于获取所述图片在所述内容分发网络中的图片存储地址；

替换模块，用于将所述图层信息所对应的网页元素中的图片替换为所述图片存储地址。

在一个可选的实施方式中，展示模块650在确定所述配置界面中的配置信息时，响应于对所述配置界面中预设第三方应用的选择指令，确定目标第三方应用；获取所述目标第三方应用的配置参数；确定所述目标第三方应用在不同操作状态下所对应的目标网页元素的展示样式；其中，所述目标第三方应用的配置参数和所述目标网页元素的展示样式作为所述配置信息。

在一个可选的实施方式中，所述装置还包括：

第二存储模块，用于将所述目标网页存储在指定存储空间；

第五获取模块，用于获取所述目标网页在所述指定存储空间中的网页存储地址；

发布模块，用于发布所述网页存储地址。

需要说明的是，上述实施例提供的装置，在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

本发明实施例的网页生成装置通过确定网页元素列表中的目标网页元素，根据对预设功能组件集合中功能组件的选择指令，确定该目标网页元素指向的目标功能组件，然后展示该目标功能组件的配置界面，确定该配置界面中的配置信息，并根据该配置信息更新目标网页元素的属性信息，从而得到指向目标功能组件的网页组件元素，再基于该网页组件元素生成目标网页，进而将目标网页元素转换成具有某种交互功能的组件，可以在快速还原设计稿的基础上，制作出具有多种交互功能的网页，提高了制作具有较强交互性网页的效率，以及用户浏览网页时的体验效果。

本发明实施例提供了一种终端，该终端包括处理器和存储器，该存储器中存储有至少一条指令、至少一段程序、代码集或指令集，该至少一条指令、该至少一段程序、该代码集或指令集由该处理器加载并执行以实现如上述方法实施例所提供的网页生成方法。

存储器可用于存储软件程序以及模块，处理器通过运行存储在存储器的软件程序以及模块，从而执行各种功能应用以及网页生成。存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、功能所需的应用程序等；存储数据区可存储根据所述设备的使用所创建的数据等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器还可以包括存储器控制器，以提供处理器对存储器的访问。

本发明实施例所提供的方法实施例可以在计算机终端、服务器或者类似的运算装置中执行。以运行在终端上为例，图7是本发明实施例提供的运行一种网页生成方法的终端的硬件结构框图，具体来讲：

所述终端可以包括rf(radiofrequency，射频)电路710、包括有一个或一个以上计算机可读存储介质的存储器720、输入单元730、显示单元740、传感器750、音频电路760、wifi(wirelessfidelity，无线保真)模块770、包括有一个或者一个以上处理核心的处理器780、以及电源790等部件。本领域技术人员可以理解，图7中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

rf电路710可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器780处理；另外，将涉及上行的数据发送给基站。通常，rf电路710包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(sim)卡、收发信机、耦合器、lna(lownoiseamplifier，低噪声放大器)、双工器等。此外，rf电路710还可以通过无线通信与网络和其他终端通信。所述无线通信可以使用任一通信标准或协议，包括但不限于gsm(globalsystemofmobilecommunication，全球移动通讯系统)、gprs(generalpacketradioservice，通用分组无线服务)、cdma(codedivisionmultipleaccess，码分多址)、wcdma(widebandcodedivisionmultipleaccess,宽带码分多址)、lte(longtermevolution,长期演进)、电子邮件、sms(shortmessagingservice，短消息服务)等。

存储器720可用于存储软件程序以及模块，处理器780通过运行存储在存储器720的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器720可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、功能所需的应用程序等；存储数据区可存储根据所述终端的使用所创建的数据等。此外，存储器720可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器720还可以包括存储器控制器，以提供处理器780和输入单元730对存储器720的访问。

输入单元730可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元730可包括触敏表面731以及其他输入设备732。触敏表面731，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面731上或在触敏表面731附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面731可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器780，并能接收处理器780发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面731。除了触敏表面731，输入单元730还可以包括其他输入设备732。具体地，其他输入设备732可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元740可用于显示由用户输入的信息或提供给用户的信息以及所述终端的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元740可包括显示面板741，可选的，可以采用lcd(liquidcrystaldisplay，液晶显示器)、oled(organiclight-emittingdiode,有机发光二极管)等形式来配置显示面板741。进一步的，触敏表面731可覆盖显示面板741，当触敏表面731检测到在其上或附近的触摸操作后，传送给处理器780以确定触摸事件的类型，随后处理器780根据触摸事件的类型在显示面板741上提供相应的视觉输出。其中，触敏表面731与显示面板741可以两个独立的部件来实现输入和输入功能，但是在某些实施例中，也可以将触敏表面731与显示面板741集成而实现输入和输出功能。

所述终端还可包括至少一种传感器750，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板741的亮度，接近传感器可在所述终端移动到耳边时，关闭显示面板741和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别终端姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于所述终端还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路760、扬声器761，传声器762可提供用户与所述终端之间的音频接口。音频电路760可将接收到的音频数据转换后的电信号，传输到扬声器761，由扬声器761转换为声音信号输出；另一方面，传声器762将收集的声音信号转换为电信号，由音频电路760接收后转换为音频数据，再将音频数据输出处理器780处理后，经rf电路710以发送给比如另一终端，或者将音频数据输出至存储器720以便进一步处理。音频电路760还可能包括耳塞插孔，以提供外设耳机与所述终端的通信。

wifi属于短距离无线传输技术，所述终端通过wifi模块770可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图7示出了wifi模块770，但是可以理解的是，其并不属于所述终端的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器780是所述终端的控制中心，利用各种接口和线路连接整个终端的各个部分，通过运行或执行存储在存储器720内的软件程序和/或模块，以及调用存储在存储器720内的数据，执行所述终端的各种功能和处理数据，从而对终端进行整体监控。可选的，处理器780可包括一个或多个处理核心；优选的，处理器780可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器780中。

所述终端还包括给各个部件供电的电源790(比如电池)，优选的，电源可以通过电源管理系统与处理器780逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源790还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管未示出，所述终端还可以包括摄像头、蓝牙模块等，在此不再赘述。具体在本实施例中，终端还包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行。上述一个或者一个以上程序包含用于执行上述方法实施例提供的网页生成的指令。

本发明的实施例还提供了一种计算机可读存储介质，所述存储介质可设置于终端之中以保存用于实现一种网页生成方法相关的至少一条指令、至少一段程序、代码集或指令集，该至少一条指令、该至少一段程序、该代码集或指令集由该处理器加载并执行以实现上述方法实施例提供的网页生成方法。

可选地，在本实施例中，上述存储介质可以包括但不限于：u盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是：上述本发明实施例先后顺序仅仅为了描述，不代表实施例的优劣。且上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。