[发明专利]一种web页面的布局方法和布局系统

权利要求书

1.一种web页面的布局方法，其特征在于，所述布局方法，包括：

获取待布局web页面的类型，所述类型包括：布局类型、栅格类型，所述布局类型包括：自动高度或设备高度，所述栅格类型包括：固定尺寸栅格加比例尺寸栅格或者比例尺寸栅格；

根据获取的布局类型和栅格类型对所述待布局web页面进行布局；

如果所述类型为：自动高度、固定尺寸栅格加比例尺寸栅格，所述根据获取的布局类型和栅格类型对所述待布局web页面进行布局，包括：

设置横向外框值、竖向外框值、横向固定尺寸栅格值以及竖向固定尺寸栅格值；

获取横向外框值减去横向固定尺寸栅格值的横向剩余尺寸值，并获取竖向外框值减去竖向固定尺寸栅格值的竖向剩余尺寸值；

在所述横向剩余尺寸值中划分横向比例尺寸栅格值，并在所述竖向剩余尺寸值中划分竖向比例尺寸栅格值。

2.如权利要求1所述的布局方法，其特征在于，如果所述类型为：自动高度、比例尺寸栅格，所述根据获取的布局类型和栅格类型对所述待布局web页面进行布局，包括：

设置横向外框值以及竖向外框值；

在所述横向外框值中划分横向比例尺寸栅格值，并在所述竖向外框值中划分竖向比例尺寸栅格值。

3.如权利要求1所述的布局方法，其特征在于，如果所述类型为：设备高度、固定尺寸栅格加比例尺寸栅格，所述根据获取的布局类型和栅格类型对所述待布局web页面进行布局，包括：

设置设备高度值、横向外框值、竖向外框值、横向固定尺寸栅格值以及竖向固定尺寸栅格值；

获取横向外框值减去横向固定尺寸栅格值的横向剩余尺寸值，并获取竖向外框值减去竖向固定尺寸栅格值的竖向剩余尺寸值；

在所述横向剩余尺寸值中划分横向比例尺寸栅格值，并在所述竖向剩余尺寸值中划分竖向比例尺寸栅格值。

4.如权利要求1所述的布局方法，其特征在于，如果所述类型为：设备高度、比例尺寸栅格，所述根据获取的布局类型和栅格类型对所述待布局web页面进行布局，包括：

设置设备高度值、横向外框值以及竖向外框值；

在所述横向外框值中划分横向比例尺寸栅格值，并在所述竖向外框值中划分竖向比例尺寸栅格值。

5.一种web页面的布局系统，其特征在于，所述布局系统，包括：

类型获取单元，用于获取待布局web页面的类型，所述类型包括：布局类型、栅格类型，所述布局类型包括：自动高度或设备高度，所述栅格类型包括：固定尺寸栅格加比例尺寸栅格或者比例尺寸栅格；

布局单元，用于根据获取的布局类型和栅格类型对所述待布局web页面进行布局；

如果所述类型为：自动高度、固定尺寸栅格加比例尺寸栅格，所述根据获取的布局类型和栅格类型对所述待布局web页面进行布局，包括：

设置横向外框值、竖向外框值、横向固定尺寸栅格值以及竖向固定尺寸栅格值；

获取横向外框值减去横向固定尺寸栅格值的横向剩余尺寸值，并获取竖向外框值减去竖向固定尺寸栅格值的竖向剩余尺寸值；

在所述横向剩余尺寸值中划分横向比例尺寸栅格值，并在所述竖向剩余尺寸值中划分竖向比例尺寸栅格值。

6.如权利要求5所述的布局系统，其特征在于，所述类型为：自动高度、比例尺寸栅格，所述布局单元，包括：

设置子单元，用于设置横向外框值以及竖向外框值；

划分子单元，用于在所述横向外框值中划分横向比例尺寸栅格值，并在所述竖向外框值中划分竖向比例尺寸栅格值。

7.如权利要求5所述的布局系统，其特征在于，所述类型为：设备高度、固定尺寸栅格加比例尺寸栅格，所述布局单元，包括：

设置子单元，用于设置设备高度值、横向外框值、竖向外框值、横向固定尺寸栅格值以及竖向固定尺寸栅格值；

剩余值获取子单元，用于获取横向外框值减去横向固定尺寸栅格值的横向剩余尺寸值，并获取竖向外框值减去竖向固定尺寸栅格值的竖向剩余尺寸值；

划分子单元，用于在所述横向剩余尺寸值中划分横向比例尺寸栅格值，并在所述竖向剩余尺寸值中划分竖向比例尺寸栅格值。

8.如权利要求5所述的布局系统，其特征在于，所述类型为：设备高度、比例尺寸栅格，所述布局单元，包括：

设置子单元，用于设置设备高度值、横向外框值以及竖向外框值；

划分子单元，用于在所述横向外框值中划分横向比例尺寸栅格值，并在所述竖向外框值中划分竖向比例尺寸栅格值。