一种生成网页页面的方法及装置的制造方法_5

文档序号:9304422阅读:来源:国知局
层的样式属性,根据样式属性获取图层的样式信息。
[0158]优选地,获取图层包括的素材,包括:
[0159]如果图层的类型为文字图层,则获取图层中包括的文字内容,将获取的文字内容确定为图层包括的素材;
[0160]如果图层的类型为图像图层,则对图层中的包括所有素材的最小区域进行截图,得到图层对应的截图,将截图确定为图层包括的素材。
[0161]进一步地,获取设计原文件包括的图层的图层信息之前,还包括:
[0162]获取设计原文件包括的每个图层文件夹的层级,将层级大于预设数值的图层文件夹包括的所有图层合并为一个图层。
[0163]优选地,根据设计原文件的尺寸、图层的图层信息和图层包括的素材,生成网页页面,包括:
[0164]根据设计原文件的尺寸创建一个空白的网页页面,空白的网页页面包括一个内容区域,内容区域的尺寸与设计原文件的尺寸相等;
[0165]根据图层的图层信息包括的素材的位置和尺寸,在内容区域中创建图层对应的一个显示区域;
[0166]将图层包括的素材加载到图层对应的显示区域中,以生成网页页面。
[0167]优选地,将图层包括的素材加载到图层对应的显示区域中,包括:
[0168]如果图层的类型为文字图层,则将图层包括的文字内容加载到图层对应的显示区域中,并根据图层的图层信息包括的样式信息设置文字内容的样式;
[0169]如果图层的类型为图像图层,则将图层对应的截图加载到图层对应的显示区域中。
[0170]在本发明实施例中,获取设计原文件的尺寸以及设计原文件包括的图层的图层信息;获取图层包括的素材;根据设计原文件的尺寸、图层的图层信息和图层包括的素材,生成网页页面。由于根据设计原文件的尺寸、设计原文件包括的图层的图层信息以及图层包括的素材,将设计原文件转换为网页页面,来自动生成网页页面,如此提高了生成网页页面的效率,降低了生成网页页面的成本,同时保证了生成网页页面的质量。
[0171 ] 本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
[0172]以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
【主权项】
1.一种生成网页页面的方法,其特征在于,所述方法包括: 获取设计原文件的尺寸以及所述设计原文件包括的图层的图层信息; 获取所述图层包括的素材; 根据所述设计原文件的尺寸、所述图层的图层信息和所述图层包括的素材,生成网页页面。2.如权利要求1所述的方法,其特征在于,所述图层信息至少包括图层的序号、类型、所述图层包括的素材的位置和尺寸; 所述获取所述设计原文件包括的图层的图层信息,包括: 获取所述图层中的包括所有素材的最小区域的位置和尺寸; 将所述最小区域的位置和尺寸确定为所述图层包括的素材的位置和尺寸; 为所述图层分配序号; 获取所述图层的类型属性,根据所述类型属性获取所述图层的类型。3.如权利要求2所述的方法,其特征在于,如果所述图层的类型为文字图层,则所述图层的图层信息还包括所述图层的样式信息; 所述获取所述设计原文件包括的图层的图层信息,还包括: 获取所述图层的样式属性,根据所述样式属性获取所述图层的样式信息。4.如权利要求1所述的方法,其特征在于,所述获取所述图层包括的素材,包括: 如果所述图层的类型为文字图层,则获取所述图层中包括的文字内容,将所述获取的文字内容确定为所述图层包括的素材; 如果所述图层的类型为图像图层,则对所述图层中的包括所有素材的最小区域进行截图,得到所述图层对应的截图,将所述截图确定为所述图层包括的素材。5.如权利要求1所述的方法,其特征在于,所述获取所述设计原文件包括的图层的图层信息之前,还包括: 获取所述设计原文件包括的每个图层文件夹的层级,将所述层级大于预设数值的图层文件夹包括的所有图层合并为一个图层。6.如权利要求1所述的方法,其特征在于,所述根据所述设计原文件的尺寸、所述图层的图层信息和所述图层包括的素材,生成网页页面,包括: 根据所述设计原文件的尺寸创建一个空白的网页页面,所述空白的网页页面包括一个内容区域,所述内容区域的尺寸与所述设计原文件的尺寸相等; 根据所述图层的图层信息包括的素材的位置和尺寸,在所述内容区域中创建所述图层对应的一个显示区域; 将所述图层包括的素材加载到所述图层对应的显示区域中,以生成所述网页页面。7.如权利要求6所述的方法,其特征在于,所述将所述图层包括的素材加载到所述图层对应的显示区域中,包括: 如果所述图层的类型为文字图层,则将所述图层包括的文字内容加载到所述图层对应的显示区域中,并根据所述图层的图层信息包括的样式信息设置所述文字内容的样式;如果所述图层的类型为图像图层,则将所述图层对应的截图加载到所述图层对应的显示区域中。8.—种生成网页页面的装置,其特征在于,所述装置包括: 第一获取模块,用于获取设计原文件的尺寸以及所述设计原文件包括的图层的图层信息; 第二获取模块,用于获取所述图层包括的素材; 生成模块,用于根据所述设计原文件的尺寸、所述图层的图层信息和所述图层包括的素材,生成网页页面。9.如权利要求8所述的装置,其特征在于,所述图层信息至少包括图层的序号、类型、所述图层包括的素材的位置和尺寸; 所述第一获取模块包括: 第一获取单元,用于获取所述图层中的包括所有素材的最小区域的位置和尺寸; 确定单元,用于将所述最小区域的位置和尺寸确定为所述图层包括的素材的位置和尺寸; 分配单元,用于为所述图层分配序号; 第二获取单元,用于获取所述图层的类型属性,根据所述类型属性获取所述图层的类型。10.如权利要求9所述的装置,其特征在于,如果所述图层的类型为文字图层,则所述图层的图层信息还包括所述图层的样式信息; 所述第一获取模块,还用于获取所述图层的样式属性,根据所述样式属性获取所述图层的样式信息。11.如权利要求8所述的装置,其特征在于,所述第二获取模块包括: 第三获取单元,用于如果所述图层的类型为文字图层,则获取所述图层中包括的文字内容,将所述获取的文字内容确定为所述图层包括的素材; 第四获取单元,用于如果所述图层的类型为图像图层,则对所述图层中的包括所有素材的最小区域进行截图,得到所述图层对应的截图,将所述截图确定为所述图层包括的素材。12.如权利要求8所述的装置,其特征在于,所述装置还包括: 合并模块,用于获取所述设计原文件包括的每个图层文件夹的层级,将所述层级大于预设数值的图层文件夹包括的所有图层合并为一个图层。13.如权利要求8所述的装置,其特征在于,所述生成模块包括: 第一创建单元,用于根据所述设计原文件的尺寸创建一个空白的网页页面,所述空白的网页页面包括一个内容区域,所述内容区域的尺寸与所述设计原文件的尺寸相等; 第二创建单元,用于根据所述图层的图层信息包括的素材的位置和尺寸,在所述内容区域中创建所述图层对应的一个显示区域; 加载单元,用于将所述图层包括的素材加载到所述图层对应的显示区域中,以生成所述网页页面。14.如权利要求13所述的装置,其特征在于,所述加载单元包括: 第一加载子单元,用于如果所述图层的类型为文字图层,则将所述图层包括的文字内容加载到所述图层对应的显示区域中,并根据所述图层的图层信息包括的样式信息设置所述文字内容的样式; 第二加载子单元,用于如果所述图层的类型为图像图层,则将所述图层对应的截图加载到所述图层对应的显示区域中。
【专利摘要】本发明公开了一种生成网页页面的方法及装置,属于计算机技术领域。所述方法包括:获取设计原文件的尺寸以及设计原文件包括的图层的图层信息;获取图层包括的素材;根据设计原文件的尺寸、图层的图层信息和图层包括的素材,生成网页页面。所述装置包括:第一获取模块、第二获取模块和生成模块。本发明能够自动生成网页页面,提高了生成网页页面的效率,降低了生成网页页面的成本,同时保证了生成网页页面的质量。
【IPC分类】G06F9/44
【公开号】CN105022616
【申请号】CN201410164217
【发明人】林跃, 徐立, 吴任飞, 符祥晖
【申请人】腾讯科技(北京)有限公司
【公开日】2015年11月4日
【申请日】2014年4月23日
【公告号】WO2015161778A1
当前第5页1 2 3 4 5 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1