众所周知，虽然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 |
2.代码片段
我们通常在制作一个大型网站时，经常需要在不同页面反复使用一些相同代码，碰到这种情况，你应该创建“代码片段”来提高工作效率。
评论加载中…
 |