Dreamweaver使网页随浏览器伸展

  过去我们常被dreamweaver的表格的自动伸缩搞的头痛不已,对Fontpage能够随意的画表格而感到羡慕。但现在在dreamweaver4中,这一切都变的非常的简单。

  dreamweaver4提供了两种视图,布局视图和标准视图。如果你认为你已经能够控制dreamweaver的表格,那么你可以在你熟悉的标准视图中工作,如果你很喜欢Fontpage的画表格功能,那么在布局视图中你可以随心所欲的做到这一点。而且在这个视图中你还能让你的网页某一部份固定,而另一部份自动伸展,这样无论你的浏览器窗口多大,都能使你的网页适合浏览器的窗口,而不发生变形。

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

  实现上面的两个功能,在dreamweaver4中是非常的简单。让我们先建立一个新站点,然后我们用熟悉的表格工具画一个1*3的表格,不要管它的宽度。因为,我们可以让它自动伸展适合浏览器窗口(当然你也可以直接在布局视图中画表格)然后,单击对象面板最底下的布局视图按钮,这时出现一个对话框,你不用担心,这只是简单的介绍布局视图中两个工具的使用等,按ok。我们切换到了布局视图。

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

 

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

  选择最后一列,单击它上面的三角形按钮,在出现在菜单中选择make column autostretch。

  由于是一个新站点,这时将出现一个对话框,提示你为了能够使行伸展,dreamweaver需要放置一些spacer图片在另一些行里。下面有三个选项:

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

时间: 2024-11-13 09:15:47

Dreamweaver使网页随浏览器伸展的相关文章

Dreamweaver实现网页随浏览器伸展

dreamweaver|浏览器|网页 使网页随浏览器伸展 作者:小六 过去我们常被dreamweaver的表格的自动伸缩搞的头痛不已,对Fontpage能够随意的画表格而感到羡慕.但现在在dreamweaver4中,这一切都变的非常的简单. dreamweaver4提供了两种视图,布局视图和标准视图.如果你认为你已经能够控制dreamweaver的表格,那么你可以在你熟悉的标准视图中工作,如果你很喜欢Fontpage的画表格功能,那么在布局视图中你可以随心所欲的做到这一点.而且在这个视图中你还能

使网页随浏览器伸展

浏览器|网页 过去我们常被dreamweaver的表格的自动伸缩搞的头痛不已,对Fontpage能够随意的画表格而感到羡慕.但现在在dreamweaver4中,这一切都变的非常的简单. dreamweaver4提供了两种视图,布局视图和标准视图.如果你认为你已经能够控制dreamweaver的表格,那么你可以在你熟悉的标准视图中工作,如果你很喜欢Fontpage的画表格功能,那么在布局视图中你可以随心所欲的做到这一点.而且在这个视图中你还能让你的网页某一部份固定,而另一部份自动伸展,这样无论你的

java代码执行js-java代码模拟浏览器,访问网页;使网页中的统计代码能执行。

问题描述 java代码模拟浏览器,访问网页:使网页中的统计代码能执行. 我的操作步奏: 1.Eclipse里面写个简单的jsp页面,加入CNZZ统计脚本,启动服务器. 2.浏览器访问.浏览器中访问jsp,CNZZ系统能统计到该次访问.3.java代码访问.HttpClient的get请求访问同一地址(浏览器中地址),能获得正确响应,但是CNZZ系统,统计不到该次访问.也就是说没有执行统计脚本. 第三点中如何让CNZZ统计到代码的访问???(我百度查看过很多文章,一般就停留在获取页面代码,不能像浏

网页-dreamweaver cs3 用“在浏览器中预览/调试” 显示空白页

问题描述 dreamweaver cs3 用"在浏览器中预览/调试" 显示空白页 dreamweaver cs3 用"在浏览器中预览/调试" 显示空白页,但是双击源文件打开就能正常显示, 在网上试过各种方法都不能解决 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1

用Dreamweaver为网页设计框架集

dreamweaver|设计|网页|网页设计 用Dreamweaver为网页设计框架集 您可以通过向窗口添加"拆分器",在 Dreamweaver 中设计您自己的框架集. 提示在创建框架集或使用框架前,通过选择"查看">"可视化助理">"框架边框",使框架边框在"文档"窗口的"设计"视图中可见. 若要创建框架集,请执行以下操作: 选择"修改">&qu

巧妙运用Dreamweaver进行网页制作技巧

dreamweaver|技巧|网页 巧妙运用DW进行网页制作技巧--熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同. 1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用

Dreamweaver制作网页技巧之对进行网页优化

dreamweaver|技巧|网页|优化 我们为了优化网页.加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化.在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的 我们为了优化网页.加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化.在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的.下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少

技巧:用Dreamweaver进行网页优化

dreamweaver|技巧|网页|优化 我们为了优化网页.加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化.在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的.下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少HTML代码,这点我们已经很清楚. 方法: (1)是选定对象,从右键菜单中选择定义好的样式加入; (2)是从样式面板中为对象选择样式; (3)是在标签选择器上的某

用 Dreamweaver 进行网页优化

dreamweaver|网页|优化 <中国电脑教育报>2001年第18期的<网页图片优化大全>一文对网页中图片的优化方法作了较详尽的讲解,读后受益匪浅,启发颇多.优化网页,加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化.在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的.下面是Dreamweaver中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少HTML代码,这点我们已经很清楚.D