对想要在可视化的环境下制作复杂网页的专业网页制作者来说，

Dreamweaver 已经渐渐在网页编辑工具市场中展露头角，成为专业人士编写网
页的最佳选择。以目前的情况来说，

Dreamweaver 内建的功能可说是越作越多、

越作越丰富、齐备。在这里我要向大家介绍的

4.0 版本中的一些应用小技巧。

1. 让网页页面更有弹性

 

有些网页开发者称以下要介绍的这种技巧为

liquid，我在这儿则把这种技巧

 

叫做是

stretchy（弹性延伸的技巧）。这是一种技巧，可在访客浏览器窗口大小

改变时也随之调整网页页面大小，因此若是窗口过大就不会有空白处、窗口过小边
缘就不会跑出上下移动的拉

Bar。其实大多数简单的网页会自己随着浏览器窗口大

小来调整页面大小，但是若是网页里用到很多不同的框框及表格，网页页面大小就

 

很难自动弹性地调整。通常网页设计者会用混合运用固定栏宽的框框，和

GIF 图

 

 

档作为间隔， 来设计网页页面，这样一来不论是用

Internet Explorer 或是用，

 

页面大小都会固定而不会跑掉。用

Dreamweaver 4.0 可以轻而易举的设计出会

自动弹性调整的网页。要怎么做呢？

用工具面版（

Object palette

 

）上的按钮开启网页，并且转换到 格式检视（

 

Layout view

 

）。这时可以看到文字方块的列宽， 每一列的方框上方中间还有一

 

个小小的下拉式箭头 ，选择想要设定弹性显示的列上方的小箭头，接着选择「将

 

列设为弹性显示」（

Make Column Autostretch

 

）。 （设定自动调整列宽以一

列为限）这时该列方框上方就会出现一条波浪形的线，而不是原本表示列宽的数字。
 Dreamweaver 会自动制作出固定版面的空格图文件，这个空白图文件是以列上
方的两个长条形的空白表格表示，如此版面会自动被填充，才会完成弹性版面设定。
（在第一次增加空白图文件时会跳出一个对话框问你是否要使用内建图档，为求效

 

果，我建议你让

Dreamweaver 自动产生一个，不然就不用使用空白图文件来填

充版面。）

2. 

 

创造个性化调色盘

Dreamweaver 4.0 

 

新的

Assets panel（属性控制面板）是一种可以在编辑

网站时根据档案型态，例如图片、样板等来管理档案的新工具，当你定义新站台时
（选择

Site · New Site

 

），所有类型的组件会自动增加到

Asset panel 里的适当

表框中。这个加入新的

Assets panel 属性控制面版里也有颜色框，储存你网站里

所用到的所有色彩，包含文字的颜色、背景的颜色，以及连结的颜色等。这是一个

 

为使用者量身定做的网站导向颜色盘。只要激活

Assets panel （先选择 

Window · 

 

再选择

Assets），接着选择左方那个小小的色彩滚动条，就可以看到

你网站里各式各样的颜色选项。当然你可以将这些颜色拉到某些特定选取的文字中。
甚至当你选择某种颜色时，画面上会出现这种颜色的十六进制值的色彩浓淡度，和
三色对应码（

RGB）。如果想将调色盘工具列缩小一点，甚至可以仅加入某些颜

色到调色盘的收藏夹里。只需将选取的颜色反白、选择窗口里一个叫做「添加到我

 

的收藏夹」按钮（最下方靠右的按钮），就完成了。

3. 

 

制作弹出式选单导览系统

原本要制作弹出式选单导览系统（

Pop-up Menu Navigation System）要

 

用到好一些

JavaScript 的语法技巧，但是若你装了 Dreamweaver/Fireworks