| [图文]Dreamweaver实现网页随浏览器伸展 |
|
| Dreamweaver实现网页随浏览器伸展 |
|
|
|
作者：佚名 文章来源：不详 点击数： 更新时间：2006-12-3 13:28:25  |
使网页随浏览器伸展
作者：小六
过去我们常被dreamweaver的表格的自动伸缩搞的头痛不已，对Fontpage能够随意的画表格而感到羡慕。但现在在dreamweaver4中，这一切都变的非常的简单。
dreamweaver4提供了两种视图，布局视图和标准视图。如果你认为你已经能够控制dreamweaver的表格，那么你可以在你熟悉的标准视图中工作，如果你很喜欢Fontpage的画表格功能，那么在布局视图中你可以随心所欲的做到这一点。而且在这个视图中你还能让你的网页某一部份固定，而另一部份自动伸展，这样无论你的浏览器窗口多大，都能使你的网页适合浏览器的窗口，而不发生变形。
如果你用过macromedia公司的另一个产品fireworks，你一定知道fireworks也能生成html文件，但它也总会产生1个像素的gif图片，这个图片是用以填充你表格的空白区域，使你的表格不会变形。现在dreamweaver4也有了这项功能，它能自动生成一个名为spacer的gif图片来填充你的表格，使你的表格不会发生自动伸缩的现象。
实现上面的两个功能，在dreamweaver4中是非常的简单。让我们先建立一个新站点，然后我们用熟悉的表格工具画一个1*3的表格，不要管它的宽度。因为，我们可以让它自动伸展适合浏览器窗口（当然你也可以直接在布局视图中画表格）然后，单击对象面板最底下的布局视图按钮，这时出现一个对话框，你不用担心，这只是简单的介绍布局视图中两个工具的使用等，按ok。我们切换到了布局视图。
现在看我们的表格左上角有一个绿色的layouttable标签，它代表着你这个表格。标签中有三个空白部份且每一个都标明了宽度且有一个小三角形。在这个表格中，我希望我的表格最左边的列固定，而整个表格适合浏览器的宽度。在dreamweaver4之前，这是非常困难的。我们能将表格设为100%来使它适合浏览器的宽度，但我们要想要固定某个单元格却相当困难。但是现在你只需要决定表格中哪一部份是你想固定的，哪一部份是你想伸展的就行了。唯一要记住的是，我们只能让一列自动伸展！！
|
| 文章录入：bolang 责任编辑：bolang |
|
上一篇文章： Dreamweaver MX 2004设计留言本实战(3)
下一篇文章： DreamWeaver高级应用——模板与库 |
| 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
