[发明专利]网页页面布局的调整方法及装置有效

专利信息
申请号: 201410648064.2 申请日: 2014-11-14
公开(公告)号: CN105608084B 公开(公告)日: 2019-03-19
发明(设计)人: 刘阳 申请(专利权)人: 北大方正集团有限公司;北京北大方正电子有限公司
主分类号: G06F16/958 分类号: G06F16/958
代理公司: 北京同立钧成知识产权代理有限公司 11205 代理人: 马爽;黄健
地址: 100871 北京市海*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 网页 页面 布局 调整 方法 装置
【权利要求书】:

1.一种网页页面布局的调整方法,其特征在于,包括:

根据预设的网格的大小,将网页页面划分为网格单元;

将第一模块元素从第一网格移动至目标网格,所述第一网格包括至少一个所述网格单元,所述第一模块元素用于承载所述第一网格上的数据内容;

若所述第一网格的大小与所述目标网格的大小不一致,则移动所述目标网格对应的目标模块元素,并调整所述目标网格所占用网格单元的个数,以放置所述第一模块元素;

其中,所述若所述第一网格的大小与所述目标网格的大小不一致,则移动所述目标网格对应的目标模块元素,并调整所述目标网格所占用网格单元的个数,以放置所述第一模块元素,包括:

若所述第一网格的大小大于所述目标网格的大小,则移动所述目标模块元素,以及与所述目标模块元素相邻的相邻模块元素,以使所述目标网格的大小与所述相邻模块元素所占用的网格大小之和满足所述第一网格的大小要求;

若所述第一网格的大小小于所述目标网格的大小,则移动所述目标模块元素,并确定所述第一网格的大小与所述目标网格的大小的差值;

从网页页面上的其他模块元素中确定占用网格大小与所述差值大小相等的第二模块元素,并将所述第二模块元素移动至所述目标网格中,所述其他模块元素为除了所述目标模块元素和所述第一模块元素之外的模块元素;

所述方法还包括:

若所述第一网格的大小与所述目标网格的大小一致,则移动所述目标模块元素至所述第一网格中。

2.根据权利要求1所述的方法,其特征在于,所述调整所述目标网格所占用网格单元的个数,以放置所述第一模块元素之后,还包括:

若存在所占用网格大小与所述第一网格大小相互匹配的第三模块元素,则将所述第三模块元素移动至所述第一网格中。

3.一种网页页面布局的调整装置,其特征在于,包括:

网格划分模块,用于根据预设的网格的大小,将网页页面划分为网格单元;

移动模块,用于将第一模块元素从第一网格移动至目标网格,所述第一网格包括至少一个所述网格单元,所述第一模块元素用于承载所述第一网格上的数据内容;

网格调整模块,用于若所述第一网格的大小与所述目标网格的大小不一致,则移动所述目标网格对应的目标模块元素,并调整所述目标网格所占用网格单元的个数,以放置所述第一模块元素;

其中,所述网格调整模块,具体用于:

若所述第一网格的大小大于所述目标网格的大小,则移动所述目标模块元素,以及与所述目标模块元素相邻的相邻模块元素,以使所述目标网格的大小与所述相邻模块元素所占用的网格大小之和满足所述第一网格的大小要求;

若所述第一网格的大小小于所述目标网格的大小,则移动所述目标模块元素,并确定所述第一网格的大小与所述目标网格的大小的差值;从网页页面上的其他模块元素中确定占用网格大小与所述差值大小相等的第二模块元素,并将所述第二模块元素移动至所述目标网格中,所述其他模块元素为除了所述目标模块元素和所述第一模块元素之外的模块元素;

所述网格调整模块,还用于:

若所述第一网格的大小与所述目标网格的大小一致,则移动所述目标模块元素至所述第一网格中。

4.根据权利要求3所述的装置,其特征在于,还包括:

匹配模块,用于若存在所占用网格大小与所述第一网格大小相互匹配的第三模块元素,则将所述第三模块元素移动至所述第一网格中。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北大方正集团有限公司;北京北大方正电子有限公司,未经北大方正集团有限公司;北京北大方正电子有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201410648064.2/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top