[发明专利]一种使用鼠标动态切分网页显示区域的方法

权利要求书

1.一种使用鼠标动态切分网页显示区域的方法，其特征在于：具体操作步骤为：

步骤一：合理规划显示区域布局，将显示屏网页显示区域模块化构图，画出预调模块版式和模块分界线坐标；

步骤二：在显示屏上新建一个网页模板，单击右键触发打开命令栏，点击清空画布，建立一个空白区域模板；

步骤三：移动鼠标将光标放置在空白区域模板内，单击右键触发打开命令栏，点击插入纵线或插入横线；

步骤四：使用纵线和横线对空白区域模板进行横向或者纵向切分，切分后利用分隔线插入空白区域分隔各切面；

步骤五：移动鼠标使光标与分割线重合后，按下左键选定分割线并拖动，改变分割线的位置，分割线位置调节满意后，松开鼠标左键，根据步骤一中图纸和数据构建分割线集；

步骤六：分割线规划完全后，右键触发出命令栏，点击刷新布局，使显示区域刷新，自适应并自动保存格式，确定被分割区域的最终大小；

步骤七：对各部分分割区域进行编辑，命名各区域名称，并将各类信息归类放入与之对应的分割区域内，再次右键触发出命令栏，点击刷新布局，使区域内容刷新，自适应并自动保存网页样板分布。

2.根据权利要求1所述的一种使用鼠标动态切分网页显示区域的方法，其特征在于：所述命令栏中还包括隐藏网格命令，所述隐藏网格命令用于开启和关闭空白区域模板内的构建辅助网格，所述空白区域模板边框设置有构建辅助刻度。

3.根据权利要求2所述的一种使用鼠标动态切分网页显示区域的方法，其特征在于：所述纵线和横线均设置为正交模式线，所述纵线和横线两端分别与空白区域模板边框相匹配。

4.根据权利要求1所述的一种使用鼠标动态切分网页显示区域的方法，其特征在于：所述步骤五中分割线调节基于HTML5鼠标事件，即鼠标点击、鼠标拖动和鼠标释放。

5.根据权利要求3所述的一种使用鼠标动态切分网页显示区域的方法，其特征在于：所述步骤五中改变分割线的位置时使用捕捉单元，所述捕捉单元用于正交模式线捕捉辅助网格线，所述辅助网格线与辅助刻度相匹配。

6.根据权利要求1所述的一种使用鼠标动态切分网页显示区域的方法，其特征在于：所述步骤六中利用剪切单元对分割线节点外侧多余线段进行剪切修饰。