<b>使网页随浏览器伸展</b>[DW设计]

过去我们常被的表格的自动伸缩搞的头痛不已,对Fontpage可以随便的画表格而感到羡慕.但目前在4中,这一切都变的非常的简单.

　　4供应了两种视图,筹划视图和尺度视图.假如你认为你已经可以掌握的表格,那么你可以在你熟习的尺度视图中工作,假如你很喜好Fontpage的画表格功效,那么在筹划视图中你可以随心所欲的做到这一点.并且在这个视图中你还能让你的某一部份固定,而另一部份自动伸展,这样无论你的浏览器窗口多大,都能使你的合适浏览器的窗口,而不发生变形.

　　假如你用过macromedia公司的另一个产品,你一定知道也能生成html文件,但它也总会产生1个像素的gif图片,这个图片是用以填充你表格的空白区域,使你的表格不会变形.目前4也有了这项功效,它能自动生成一个名为spacer的gif图片来填充你的表格,使你的表格不会发生自动伸缩的现象.

　　实现上面的两个功效,在4中是非常的简单.让我们先成立一个新站点,然后我们用熟习的表格工具画一个1*3的表格,不要管它的宽度.因为,我们可以让它自动伸展合适浏览器窗口（当然你也可以直接在筹划视图中画表格）然后,单击对象面板最底下的筹划视图按钮,这时呈现一个对话框,你不用耽忧,这只是简单的介绍筹划视图中两个工具的利用等,按ok.我们切换到了筹划视图.

　　目前看我们的表格左上角有一个绿色的layout table标签,它代表着你这个表格.标签中有三个空白部份且每一个都标明了宽度且有一个小三角形.在这个表格中,我但愿我的表格最左边的列固定,而整个表格合适浏览器的宽度.在4之前,这是非常艰难的.我们能将表格设为100%来使它合适浏览器的宽度,但我们要想要固定某个单元格却相当艰难.但是目前你只需求决意表格中哪一部份是你想固定的,哪一部份是你想伸展的就行了.唯一要记着的是,我们只能让一列自动伸展!!

　　在这里,我决意将我的蓝色表格作为伸展列.

　　挑选最后一列,单击它上面的三角形按钮,在呈目前菜单中挑选make column autostretch.

　　由于是一个新站点,这时将呈现一个对话框,提醒你为了可以使行伸展,需求安排一些spacer图片在另一些行里.下面有三个选项:

　　Create a spacer image:成立一个spacer图片,这个图片在浏览器窗口是不会显示出来的,它只是起着固定表格的作用.
　　Use an existing spacer image:操纵存在的spacer图片.
　　Don't use spacer images for autostretch:不操纵spacer图片来做伸展,这样别的的行将会变形.

　　关于已经定义的站点,不会呈现这个对话框,但你仍可以操纵Add Spacer Image增添spacer图片,目前我们挑选第一个.在弹出的窗口中挑选spacer图片的存放目录,好了.我们定义的自动伸展的列已经填充了我们的整个文档窗口,在浏览器中,它一样会自动伸展以适应整个浏览器的宽度.而我们剩下的两行被spacer图片的填充并固定,在浏览器中它们也将保持一样的宽度.
 

　　你可以瞥见一个波浪线在这个行上,它代表了伸展的列.这个表格本来做时的宽度是400,但目前由于设置了自动伸展列,蓝色的那一列自动放大,填满了整个文档窗口.