【IT168 实用技巧】Dreamweaver 8 是业界领先的Web开发工具, 该工具使用户能够高效地设计、开发和维护基于标准的网站和应用程序。目前国内Dreamweaver用户相当多，这里笔者向大家介绍一些Dreamweaver 8应用技巧，希望这些技巧有助于大家提高工作效率。

相关精彩文章

Dreamweaver制作活动菜单条
Dreamweaver制作复杂交换图像

    一、代码编辑大提速

    众所周知，虽然Dreamweaver是可视化网页制作工具，但Web 开发必然涉及大量代码编辑，所以软件中“代码视图”依然是我们必到的地方，面对满屏代码，你是否也同笔者一样头痛呢？

    现在，Dreamweaver 8对于“代码视图”作了相当多改进，这些人性化设计，可以大大提升我们在“代码视图”中的工作效率。

    注：软件默认视图模式为“设计视图”，点击菜单“查看”→“代码”（快捷键Ctrl+Alt+`），即切换到“代码视图”模式。

    在新的“代码视图”中，软件将各种常见编辑操作集中在编辑区域左侧“编码”竖栏内。这一工具栏中内置了一系列方便代码操作的功能，如：代码折叠、选择标签、添加注释等，如图1，下面笔者通过一个实例来讲解“编码”工具栏的实际应用。

图1(点击看大图)

    1.代码折叠

    在网页中插入一个Flash动画，进入“代码视图”后，使用查找关键字“.swf”的方法，可以轻易的在一堆代码中找到相关字段。

    当然，我们需要选择的是整个插入Flash动画的代码，按照以往惯例，现在你就需要在代码中“.swf”字段前后，找到<object>及</object>（呵呵，不清楚这两个标签的含义，去看看HTML相关书籍吧），这样一个完整的插入Flash动画的代码就整理出来了，显然这一操作十分费事。

    在Dreamweaver 8中，这种选择标签的工作就变得非常简单了，光标定位在标签内任意部分，点击“编码”工具栏上的“选择父标签”按钮，即可选择完整标签代码，如图2。

图2

    许多时候我们进入“代码视图”只是为了修改一小段代码，可惜看到的是整个文件代码。就算你找到所需部分，但你刚好又需要修改另外一段代码，那么意味着你需要再次找起。当你想返回上一段修改的代码时，你会发现已经不知道在那里啦，那就再重复一次操作吧。可以说，这样的重复劳动足以让人发疯。如果你也受这样问题的困恼，那请将不需要的代码暂时隐藏起来，“代码折叠”功能正是你所需要的。

    “代码折叠”功能相关的按钮一共有三个，如图3，由上到下依次是：折叠整个标签（按Alt键可折叠外部标签）；折叠所选（按Alt键可折叠外部所选）；扩展全部（即取消代码折叠）。

图3

图4