Dreamweaver经典技巧

Dreamweaver经典技巧

　　Dreamweaver具有许多丰富的用户向导功能，这使它看上去有无法抵挡的魅力。这些易于执行的技巧能够指引你流畅地创建新站点。

　　连接窗口

Dreamweaver的用户界面分割为几个窗口，当处于工作状态时，屏幕上只能容纳几个窗口。为了保存真实的操作状态，最佳策略是将打开的窗口连接（dock）在一起。你可能尝试过拖拽窗口的标题栏，这在许多程序中都是可以完成连接动作的，但是在Dreamweaver中却不生效。

　　 实现窗口连接的技巧是用鼠标拖住窗口的tab栏，而不是标题栏。试着点击鼠标拖住一个窗口的tab栏并掠过另外一个窗口，当看到出现一个黑色边界时，松开鼠标按钮，你会发现2个窗口已经结合在一起了。现在你就可以照此方法连接任意多的窗口，最终合并到一个窗口中，如此就能节省大量的屏幕空间而看到实际的工作情况。但是请注意：装载器窗口、属性窗口以及站点窗口是不能被连接的。


　　 数据输入

Dreamweaver允许你将数据直接输入到表格中，这样就比一次次地剪切、粘贴内容到单元格中容易许多。但是如果要输入的数据中含有插入/表格数据命令时，就会有些麻烦。很不幸，Dreamweaver只能输入具有分隔符的.txt文件。如果要处理Word或者Excel文件，可以先将它们输出为.txt文件，然后再输入进Dreamweaver中。你会发现这样的处理方法简直象梦一样美妙！

　　 删除, 恢复，重复

输入数据到表格能够节省大量的操作时间，但是Dreamweaver中最有用的一个功能是它的历史窗口。在这个窗口中，一旦打开文档，随后执行的每一个操作都被记录下来，这样，你就可以跟踪操作行为并且简单地undo或者重复最后一步。只需要选中历史窗口中的最后一步然后按下Delete键，或者拖曳滑动指示器到某一步一次删除几个步骤。同样，点击窗口中的Replay按钮再次执行某一步。

　　 很奇怪不能保存超过50步吧？这是个默认数值。要提高这个数值，选择“编辑/参数选择”，确认处于“普通”功能页面，在

"历史步骤最大值"

字段中输入一个较高数值。请注意，设定的保存步骤数目越大，消耗的内容就越大

　　 扩展！扩展！

通过使用extensions，你可以为Dreamweaver添加更多的性能。许多开发者创建extensions并免费提供给更多的人使用。你可以访问Macromedia的站点与大家进行作品交换。当运行Dreamweaver时，选择“命令/获取更多的命令”，就会自动启动浏览器并转到交换站点。在开始收集所有的新技巧前，首先下载

Extension

Manager，它将跟踪extensions变得轻而易举。

以下技巧有助于那些管理大站点并与其他Web开发者一起工作的开发者。

　　 创建相册 　　

为许多图形一次性建立缩图是一个单调乏味的工作，特别当你不是一个有经验的图形专家时。没有关系，Dreamweaver具有一个新功能，它能象你的一个图形设计助手一样，按照你的要求完成缩图设计工作。你告诉Dreamweaver哪个文件夹中包含图形后，它就会为其中的每一个图形创建一个缩图、创建一个包含完整图形的页面以及一个存有所有缩图的索引页面。为了使用这个功能，你需要首先安装Fireworks。

首先，建立文件结构：将所有的图形文件放置到一个文件夹中。然后，选择“命令/创建网络相册”，并设置相应选项。不要过分考虑标题和副标题，这些信息随后都可以进行修改。重要的是指明源图形文件夹以及目标文件夹，因为这些信息决定了处理哪些文件。同时要确定一下缩图的尺寸大小、格式以及其他选项。当点击OK后，Dreamweaver将控制权转移给Fireworks，由它开始批量处理文件，创建一个非常好的小型相册或者一个连续的产品目录。如果你有许多相片，设置好让它开始运行，然后去休息一会儿，Dreamweaver和 Fireworks 将完成所有的工作。

　　 创建自定义命令

你还记得前面说过Dreamweaver的一个最有用的功能就是历史窗口吗？这不是开玩笑，基于列于历史窗口中的操作，Dreamweaver能够创建新的命令序列。

要创建一个命令，只需要简单地执行你想要记录的步骤。然后，在历史窗口中，选择想要保存的步骤，并在右下角点击“保存为”图标，起一个名字，点击OK。到此，你的自定义命令就出现在“命令”菜单中，可以随意使用了。

　　 与他人协同工作

对于与其他人一起工作的Web开发者而言，他不必担心其他人修改了你所共享的文件。

Dreamweaver利用check-in和 check-out系统达到保护打开文件的目的。

以下技巧将帮助你扩展和定制 Dreamweaver。实现过程中，你需要编辑某些

Dreamweaver

的配置文件，所以请一定首先做好原始文件的备份。

　　 创建自定义对象

对象窗口利于在页面中快速插入项目，比如表单、框架等等。要创建自定义对象，首先创建一个文件，其中要包含你想插入到文档中的代码。比如，要创建

CNET Builder.com 的新闻框，首先下载这段代码并保存为newsletters.htm。然后，为了在对象窗口中创建一个新面板，要在

Dreamweaver/Configuration/Objects

下创建一个文件夹，名字可以随你设置，比如叫做My

Objects。将文件 newsletters.htm

放置到这个目录下。同时，需要一个代表新对象的图形文件。可以自己创建一个图形文件，或者干脆让Dreamweaver插入一个普通图标。如果是自己创建图标，请注意建立一个18

X 18象素的GIF文件。将图形文件保存在同一个目录下，名字与新对象的名字一样。这里的图形文件可以使用。

　　 现在，重新启动Dreamweaver或者选择重调入Extensions（按下Ctrl键，点击对象窗口弹出菜单），你可以在对象窗口中看到一个新的功能页面，图形就是你设定的那个。你可以象操作其它对象一样，拖曳这个新对象到页面中。 　　 如果熟悉JavaScript，你就可以创建更加复杂的对象和其他extensions，比如浮动面板、行为等等。或者，你干脆从Macromedia

Exchange下载现成的对象。

　　 点击 这里

查看完整的对象代码。

　　 重新布局菜单

你是否非常反感Dreamweaver的直线性菜单？你是否希望能够将“窗口”菜单移到最右边？因为它比“帮助”菜单更频于使用。实现这些目的，绝对没有问题！首先，打开Dreamweaver安装文件夹，找到文件Configuration/Menus/menus.xml，做一个备份并保存到另外一个地方。然后，在文本编辑器中打开Configuration/Menus/menus.xml，找到以

< menubar> 开始的代码块，这里就包含了所有 Dreamweaver

的菜单，每一个都用 < menu>

元素描述。按照这种方法找到代表“窗口”菜单的代码段：

　　 < menu name="_Window" id="DWMenu_Window">

　　 ...

　　 < /menu>

　　 将这段代码剪切然后粘贴到代表“帮助”菜单(< menu name="_Help" id="DWMenu_MainSite_Help">...< /menu>)的代码段后面，保存文件，重新启动 Dreamweaver，你就会看到新的菜单顺序了。通过编辑

menus.xml，你还能够重新布置菜单项目(< menuitem>...< /menuitem>)、修改菜单名字（使用NAME属性）、添加分隔符，或者添加、修改、删除键盘快捷键。不要忘记创建

menus.xml 文件的备份！如果修改过程中输入了非法代码，Dreamweaver

不会自动恢复到前一次的状态。