首页 > 免费做网站方法

使网页随浏览器伸展


时间:2009-09-28 03:33:48  来源:  作者:
  过去我们常被dreamweaver的表格的自动伸缩搞的头痛不已,对Fontpage能够随意的画表格而感到羡慕。但现在在dreamweaver4中,这1切都变的非常的简单。
  dreamweaver4提供了两种视图,布局视图和标准视图。如果你认为你已经能够控制dreamweaver的表格,那么你可以在你熟悉的标准视图中工作,如果你很喜欢Fontpage的画表格功能,那么在布局视图中你可以随心所欲的做到这1点。而且在这个视图中你还能让你的网页某1部份固定,而另1部份自动伸展,这样无论你的浏览器窗口多大,都能使你的网页适合浏览器的窗口,而不发生变形。
  如果你用过macromedia公司的另1个产品fireworks,你1定知道fireworks也能生成html文件,但它也总会产生1个像素的gif图片,这个图片是用以填充你表格的空白区域,使你的表格不会变形。现在dreamweaver4也有了这项功能,它能自动生成1个名为spacer的gif图片来填充你的表格,使你的表格不会发生自动伸缩的现象。
  实现上面的两个功能,在dreamweaver4中是非常的简单。让我们先建立1个新站点,然后我们用熟悉的表格工具画1个1*3的表格,不要管它的宽度。因为,我们可以让它自动伸展适合浏览器窗口(当然你也可以直接在布局视图中画表格)然后,单击对象面板最底下的布局视图按钮,这时出现1个对话框,你不用担心,这只是简单的介绍布局视图中两个工具的使用等,按ok。我们切换到了布局视图。


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

  在这里,我决定将我的蓝色表格作为伸展列。
  选择最后1列,单击它上面的3角形按钮,在出现在菜单中选择make column autostretch。

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

来顶一下
近回首页
返回首页
上一篇: 免费做网页Dreamweaver 构建Blog全程实录(8)-管理员页面的实现
下一篇: 免费做网页Dreamweaver 构建Blog全程实录(9)-站点统计

版权所有:   2005-2009  搜发网络服务有限公司  公司地址:辽宁省锦州市铁北金秋大厦正楼
自己做网站 QQ:  免费做网站 QQ: 学做网站 QQ: 企业做网站 QQ:  公司邮箱:5729799@qq.com
《中华 人民共和国增值电信业务经营许可证》编号:辽ICP备08001153号   版权所有 严禁复制

友情链接:免费网站制作 免费网站申请 web免费制作网站教程 免费申请网站 研究生考研信息博客 免费网站制作论坛