网页生成方法及设备技术

本发明专利技术提供了一种网页生成方法及设备。该方法包括：将网页进行布局，将网页分为多个结构区域layout；对于任意一个layout，选择至少一组元素item，添加到该layout中；对添加了item的layout进行拼接，生成网页模板；结合所述网页模板以及录入所述网页模板内容的表单，生成网页。通过本发明专利技术，能够在为用户提供了更丰富的广告展现形式的同时，避免现有技术中开发人员需要根据用户对品牌直达广告的需求，而不断对代码进行修改的缺陷，从而减少了开发成本、提高了开发效率。

【技术实现步骤摘要】
网页生成方法及设备
本专利技术涉及互联网应用领域，特别是涉及一种网页生成方法及设备。
技术介绍
在现有技术中，网页的组成形式较为单一。当开发人员根据用户需求对网页进行调整时，往往需要重新修改代码。采用这种方案，既增加了开发成本，也降低了开发效率。以网页中的品牌直达广告界面为例，如图1所示，品牌直达广告位于搜索结果页的第一位，具有强烈的视觉冲击力。其采用专门为品牌网站定制的样式，用于展现品牌网站的一些信息。其特有的图文并茂的展现形式，可用于发布企业动态、产品信息、促销活动等各类资讯，以及全方位地传达品牌信息，使用户能够更便捷地了解品牌及活动，从而显著提升营销效果。品牌直达广告的客户分布在各行各业，大部分客户对品牌直达广告的展现形式要求不同。如果提高品牌直达广告的展现形式的定制性，使可选品牌直达广告的模板更丰富、随意，则能更好地满足客户的需求。但是，这一要求给开发人员也带来了更高的开发成本，导致开发效率降低。在现有技术中，采用了一种品牌直达广告模版。在该模版中以不同区块拼接形成品牌直达广告，例如:图2为描述头部区块，图3为轮播展示区块。在图3的汽车广告位置，页面每刷新一次都会换一个广告。如图4所示拼接这描述头部区块和轮播展示区块，即可组成完整的品牌直达广告。该方案提高了开发效率，减少了开发成本，使广告的展现形式更加丰富，但仍存在如下缺陷:布局固定，区块样式固定，组成形式不够灵活。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的网页生成方法和相应的网页生成设备。依据本专利技术的一个方面，提供了一种网页生成方法，包括:对网页进行布局，将所述网页分为多个结构区域layout ；对于任意一个layout,选择至少一组元素item,添加到该layout中；对添加了 item的layout进行拼接,生成网页模板；结合所述网页模板以及录入所述网页模板内容的表单，生成网页。可选地，上述方法还包括:在所述网页中添加新元素时，增加新的layout ；利用插件形式将新的layout插入网页中。可选地，新的layout能够使用不同的插件形式插入网页。可选地，所述插件形式包括下列至少之一:轮播、图片、按钮、表格。可选地，增加新的layout，包括:对各layout进行单块保存；创建新的layout时，复用已保存的layout,将其作为新layout的一部分。可选地，上述方法还包括:根据用户输入尺寸参数调整各layout尺寸。可选地，上述方法还包括:在各layout内部嵌套其他layout和/或item。可选地，在各layout内部嵌套其他layout和/或item,包括:将所述各layout以插件形式插入到DIV中；将所述其他layout和/或item以插件形式插入到所述各layout对应的插件中。可选地，同一组item对应的物料录入的界面位于同一标签下。可选地，对添加了 item的layout进行拼接之后，生成网页之前，还包括:对预生成的网页进行预览；判断是否接收到管理员输入的修改指令；若否，则执行网页生成操作；若是，则根据所述修改指令对其进行修改。可选地，所述方法在服务器侧执行。依据本专利技术的一个方面，还提供了一种网页生成设备，包括:布局模块，配置为将网页进行布局，将所述网页分为多个结构区域layout ；添加模块，配置为对于任意一个layout，选择至少一组元素item，添加到该layout 中；生成模块，配置为对添加了 item的layout进行拼接，生成网页模板；结合所述网页模板以及录入所述网页模板内容的表单，生成网页。可选地，上述设备还包括:更新模块，配置为在所述网页中添加新元素时，增加新的layout ;利用插件形式将新的layout插入网页中。可选地，所述更新模块还配置为:对各layout进行单块保存；创建新的layout时，复用已保存的layout,将其作为新layout的一部分。采用本专利技术实施例提供的网页生成方法及设备，能够将网页的每个layout根据需求随意摆放、随意拼接，使得网页的组成形式更为灵活，能够根据需求进行灵活调整。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的【具体实施方式】。根据下文结合附图对本专利技术具体实施例的详细描述，本领域技术人员将会更加明了本专利技术的上述以及其他目的、优点和特征。【附图说明】通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中:图1示出了根据现有技术的搜索结果页的品牌直达的内容示意图；图2示出了图1所述的品牌直达的描述头部区块的内容示意图；图3示出了图1所述的品牌直达的轮播展示区块的内容示意图；图4示出了根据现有技术的对图2、图3所述区块的拼接后的内容示意图；图5示出了根据本专利技术一个实施例的网页生成方法的流程图；图6示出了根据本专利技术一个实施例的创建模版布局的示意图；图7示出了图6所述的模版的树状菜单的示意图；图8示出了在图6所述模版中的layout中添加item的属性设置框；图9示出了点击图8所述的属性设置框的确定按钮后产生的结果示意图；图10示出了图8所述的item的种类示意图；图11示出了在图6所述的模版中的轮播内部嵌套元素的内容示意图；图12示出了在图6所述模版中的layout中添加item时的样式选择设置框；图13示出了在图6所述模版中将各个layout任意拼接后得到的内容示意图；图14示出了对图13所述的模版的预览的内容示意图；图15示出了对图13所述模版的填写物料的表单保存前的内容示意图；图16示出了根据本专利技术一个实施例的网页生成方法生成的广告信息的示意图；图17示出了根据本专利技术一个实施例的网页生成设备的示意性结构框图；以及图18示出了本专利技术另一个实施例的网页生产设备的示意性结构框图。【具体实施方式】在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本专利技术也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本专利技术的内容，并且上面对特定语言所做的描述是为了披露本专利技术的最佳实施方式。为解决上述技术问题，本专利技术实施例提供了一种网页生成方法及设备。现对网页生成方法及设备进行具体说明。图5示出了根据本专利技术一个实施例的网页生成方法的流程图。参见图5，该网页生成方法至少包括S502至S506。首先，S502中，将网页进行布局，将网页分为多个layout (结构区域)。然后进入S504,对任意一个layout,选择至少一组item(元素),添加到该layout中。随后，进入S506,对添加了 item的layout进行拼接，生成网页模板。最终触发S508,结合S506生成的网页模板以及录入网页模板内容的表单，生成网页。采用本实施例提供的网页生成方法，能够在将网页划分为不同的layout、并对每一个本文档来自技高网...

【技术保护点】
一种网页生成方法，包括：对网页进行布局，将所述网页分为多个结构区域layout；对于任意一个layout，选择至少一组元素item，添加到该layout中；对添加了item的layout进行拼接，生成网页模板；结合所述网页模板以及录入所述网页模板内容的表单，生成网页。

【技术特征摘要】
1.一种网页生成方法，包括:对网页进行布局，将所述网页分为多个结构区域layout ；对于任意一个layout,选择至少一组元素item,添加到该layout中；对添加了 item的layout进行拼接,生成网页模板；结合所述网页模板以及录入所述网页模板内容的表单，生成网页。2.根据权利要求1所述的方法，其中，还包括:在所述网页中添加新元素时，增加新的layout ；利用插件形式将新的layout插入网页中。3.根据权利要求2所述的方法，其中，新的layout能够使用不同的插件形式插入网页。4.根据权利要求2或3所述的方法，其中，所述插件形式包括下列至少之一:轮播、图片、按钮、表格。5.根据权利要求2至4任一项所述的方法，其中，增加新的layout，包括:对各layout进行单块保存；创建新的layout时,复用已保存的layout,将其作为新layout的一部分。6.根据权利要求1至5任一项所述的方法，...

【专利技术属性】
技术研发人员：李浩，王彬，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：