理论教育 用表格进行页面布局的优化方案

用表格进行页面布局的优化方案

时间:2023-06-09 理论教育 版权反馈
【摘要】:图6-17“表格”对话框应用提示:实际使用时,先在页面中插入一张表格,进行全部属性设置后,直接利用这张表格复制三张表格即可快速搭建网页的整体框架。由于页面布局中使用表格的主要目的是版面定位,所以,表格边框宽度为0像素。

用表格进行页面布局的优化方案

几百平方米的房子,要放置大量桌椅,如何放置呢?应该有一个布局;大量的文字、图片要形成一个网页,又如何放置呢?也需要布局。网页布局主要有两种方式:一种是表格方式布局;另一种是CSS+DIV,也就是样式和层。表格方式使用得极其广泛,实际应用中不但要掌握表格的应用方法,更要注意实际技巧的应用。

1.表格在页面布局中的应用

采用表格方式布局的页面一般都是四表制,即头部一张表,导航栏一张表,体部一张表,尾部一张表。四张表的宽度相同,风格一致。

属性的设置除长度之外,四张表应该完全相同。一般来讲行列均应设为1,表格宽度应该根据分辨率设定,如果是1280×1024或1024×768的分辨率应该将宽度设为1000像素,如图6-16所示。而800×600的分辨率则应该设为750~800像素,习惯上设置为776像素。边框粗细、单元格边距、单元格间距均设为0像素。

图6-16 页面布局表格属性的设置

这四张表格,除体部之外,都十分简单。体部表格则较为复杂,一般的做法是将体部表格竖向拆分之后,再嵌套表格,实现体部的布局,如图6-17所示。

图6-17 “表格”对话框

应用提示:实际使用时,先在页面中插入一张表格,进行全部属性设置后,直接利用这张表格复制三张表格即可快速搭建网页的整体框架。(www.daowen.com)

2.表格布局的注意事项

1)严禁一表到底。所谓一表到底就是整个页面由一张大表格做框架,经过拆分,嵌套形成整体布局。一表到底不利于布局,同时网页打开速度极其缓慢。实际使用时,要用多张表格上下排列形成整体布局,严禁使用一表到底。

2)表格不可行、列同时拆分。页面制作人员在实际制作时最头痛的就是表格总是串位,总是无法轻松驾驭。其实,原因只有一个,就是拆分不当。表格的拆分有一个重要原则就是单向拆分,更通俗地说就是表格只能沿一个方向拆分。例如,可以将表格拆分为三列,但是拆分为三列的表格就不能再进行横向拆分了,否则表格极难定位

3)嵌套表格时尺寸的设定要注意,表格内部嵌套表格时其长度的设定只能使用百分比,不能设定实际像素数。例如,可以将表格的宽度设置为99%,但不能设置为120像素。这是因为整体表格发生变化时,用百分比方式设定的表格可以根据父表格的变化而自动调整,而采用像素为单位的设置方法,一旦外表格调整后,将破坏整体表格的布局。

4)表格边框设置。由于页面布局中使用表格的主要目的是版面定位,所以,表格边框宽度为0像素。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈