使用表格进行网页排版

在Dreamweaver中实现表格嵌套的方法很简单:先在网页中创建一个外部表格,将光标定位在需要嵌套表格的单元格内;再在单元格内创建一个或多个表格,设置它们的属性使它们在外部表格中合理排列即可。
我们已经知道,除了DHTML的层以外,表格是唯一能够让网页设计者随意排放页面上所有内容(包括图片和文字)的手段。当然,使用表格也要有一定的技巧,首先必须掌握Dreamweaver对表格属性控制的方法,然后在开始动手制作之前先对要实现的网页做个规划,设计好网页大致的排版方式,这样在应用表格时才能做到心中有数。

用表格布局网页时出现错位怎么办

在实际应用中经常会发现,精心制作的网页在不同的屏幕分辨率时,或改变窗口时常出现一些页面变形或内容扭曲等现象。在800*600的分辨率下,一切正常,而到了1024*800时,则多个表格或有的居中,有的却左排列或右排列,很难看,这是什么原因。

在解决这个问题之前,我们讲一下网页制作中的表格的排列。表格有左排列、居中、右排列三种排列方式,如果没有进行特别设置,则默认为是居左排列。这就是问题之所在,在800*600的分辨率下,表格恰好就是编辑区域那么宽,不容易察觉,而到了1024*800的时候,就会显示出一部分空白区域,解决的办法比较简单,即将所有表格的单元格都设置为居中。

用表格来设计网页

制作网页是一门艺术,因为它包含了美术、排版、音乐等艺术成分,而构思是所有艺术的前奏,没有这一步,任何艺术都没有生命力。所以,当您在利用表格制作网页时,构思是一项非常重要的步骤。要整体规划网页的布局。一般把主页分为上、中、下三个部分,其中上面部分放置网页的标题图片,中间部分为整个网页的内容,而下一部分就是制作者的信息。这当然不是一成不变的,但一般首先要这样设计,然后再根据需要修改。

利用表格设计网页时,首先单击工具栏InsertTable图标,从上至下拖出一个有3行的表格,您可以根据需要修改表格大小及位置,而每一行代表上、中、下三部分,下面分别进行介绍:1、上层,这里一般放置自己网页的图档,首先您要准备好一般大小为480pixels×68pixels的标题图案,在这一层中,您也可以放置一些其他广告图档,一般大小为88pixels×31pixels,当然也可以放置计数器。2、中层,这是网页的核心。按照一般情况,您会有一个网页目录,目录的摆放一般随意。设置好目录后,其他位置就是内容介绍。在利用表格设计这一部分时,您也要如同上层一样,在单元里设置另一个表格,然后分配表格的左右大小,小的自然放置目录,而大的单元放置内容。3、下层,下层放置制作者的信息,如同上层一样。

如何设置网页中的表格边框

很多设计者都有过制作网页的经历,如今,众多网页的设计都用到了表格。这样不仅有利于网页的维护,同时,提高了网页的观赏性。在众多网页制作风格中,细边框这个制作方法是必不可少的。这里,我将简单地谈一下边框的制作方法。谈到边框,本人认为大致有两种制作方法,第一种是用表格的嵌套,第二种是用CSS强制定义。

第一种是用表格的嵌套,大家都知道,用Bgcolor可以在表格中任意定义表格的背景颜色,用Cellspacing可以控制表格单元的额外空间,如果定义两个表格,把其中一个的表格背景设为全黑,然后在这个表格中嵌套定义另外一个表格,背景设为全白,并且把Weight=100%。这时,两个表格是重叠的,但是,如果把背景为黑色的那个表格再定义一个Cellspacing=1。那么就是说,黑色的表格比白色的表格多出了一个像素的外围空间,而白色的表格又在黑色表格之上,从而达到细边框的效果。