[发明专利]一种基于可视化建模网页布局代码生成方法

权利要求书

1.一种基于可视化建模网页布局代码生成方法，其特征在于：整体网页采用table来进行布局的定位；其中包括网页建模步骤和网页代码生成步骤；

所述网页建模步骤是：

设定好每一网页元素对应绝对坐标为P(X，Y，W，H)，X代表网页元素的起点相对网页零坐标的X向像素距离，Y代表网页元素的起点相对网页零坐标的Y向像素距离，W代表网页元素的长度，W代表网页元素的宽度；

所述网页代码生成步骤是：

遍历所有网页元素，计算得到其尺寸最大公约数，即(Wmax，Hmax)；

将table布局中的td元素的“width”设为Wmax，“height”设为Hmax；

根据网页元素的绝对坐标P(X，Y，W，H)和尺寸最大公约数(Wmax，Hmax)，换算成网页元素的相对尺寸(Wc＝W/Wmax，Hc＝H/Wmax)，即网页元素的“width”占Wc个单元格，“height”占Hc个单元格；在代码上输出td colspan＝Wcrowspan＝Hc元素的HTML代码/td。

2.根据权利要求1所述的基于可视化建模网页布局代码生成方法，其特征在于：在整个网页生成HTML代码后生成布局的CSS样式，通过CSS元素控制每个td大小，即td{width:Wmax px；height:Hmax px；}。