【IT168 实用技巧】Dreamweaver 8 是业界领先的Web开发工具, 该工具使用户能够高效地设计、开发和维护基于标准的网站和应用程序。目前国内Dreamweaver用户相当多，这里笔者向大家介绍一些Dreamweaver 8应用技巧，希望这些技巧有助于大家提高工作效率。
相关精彩文章
Dreamweaver制作活动菜单条
Dreamweaver制作复杂交换图像
一、代码编辑大提速
众所周知，虽然Dreamweaver是可视化网页制作工具，但Web 开发必然涉及大量代码编辑，所以软件中“代码视图”依然是我们必到的地方，面对满屏代码，你是否也同笔者一样头痛呢？
现在，Dreamweaver 8对于“代码视图”作了相当多改进，这些人性化设计，可以大大提升我们在“代码视图”中的工作效率。
注：软件默认视图模式为“设计视图”，点击菜单“查看”→“代码”（快捷键Ctrl+Alt+`），即切换到“代码视图”模式。
在新的“代码视图”中，软件将各种常见编辑操作集中在编辑区域左侧“编码”竖栏内。这一工具栏中内置了一系列方便代码操作的功能，如：代码折叠、选择标签、添加注释等，如图1，下面笔者通过一个实例来讲解“编码”工具栏的实际应用。
&picid=168371.jpg) |
| 图1(点击看大图) |
1.代码折叠
在网页中插入一个Flash动画，进入“代码视图”后，使用查找关键字“.swf”的方法，可以轻易的在一堆代码中找到相关字段。
当然，我们需要选择的是整个插入Flash动画的代码，按照以往惯例，现在你就需要在代码中“.swf”字段前后，找到<object>及</object>（呵呵，不清楚这两个标签的含义，去看看HTML相关书籍吧），这样一个完整的插入Flash动画的代码就整理出来了，显然这一操作十分费事。
在Dreamweaver 8中，这种选择标签的工作就变得非常简单了，光标定位在标签内任意部分，点击“编码”工具栏上的“选择父标签”按钮，即可选择完整标签代码，如图2。
 |
| 图2 |
许多时候我们进入“代码视图”只是为了修改一小段代码，可惜看到的是整个文件代码。就算你找到所需部分，但你刚好又需要修改另外一段代码，那么意味着你需要再次找起。当你想返回上一段修改的代码时，你会发现已经不知道在那里啦，那就再重复一次操作吧。可以说，这样的重复劳动足以让人发疯。如果你也受这样问题的困恼，那请将不需要的代码暂时隐藏起来，“代码折叠”功能正是你所需要的。
“代码折叠”功能相关的按钮一共有三个，如图3，由上到下依次是：折叠整个标签（按Alt键可折叠外部标签）；折叠所选（按Alt键可折叠外部所选）；扩展全部（即取消代码折叠）。
 |
| 图3 |
 |
| 图4 |
2.代码片段
我们通常在制作一个大型网站时，经常需要在不同页面反复使用一些相同代码，遇到这种情况，你应该创建“代码片段”来提高工作效率。
点击菜单“窗口”→“代码片段”，可以在Dreamweaver主窗口右侧看到相关“代码片段”控制区。系统已经分门别类内置了若干“代码片段”，如：表单元素、注释、文本、导航、JavaScript等。
例如：鼠标先在“代码视图”中定位到“<head>”区，然后在“代码片段”中选择“Meta”→“不要缓存”，让网页不进入缓存的代码：“<meta http-equiv="pragma" content="no-cache">”就自动添加进来了，你完全不需要记住这段代码的写法，只需要通过“代码片段”窗口调用即可，如图5。
&picid=168384.jpg) |
| 图5(点击看大图) |
下面我们来创建自己的“代码片段”，还是上面那个Flash动画的例子，我们将插入动画的相关代码保存为一个代码片段。
在“代码视图”区选择相关代码（本例相关代码已经进行了“代码折叠”），调用右键菜单，选择“创建新代码片段”，如图6。
&picid=168388.jpg) |
| 图6(点击看大图) |
&picid=168393.jpg) |
| 图7(点击看大图) |
二、插入Flash动画
一直以来Dreamweaver对于插入Flash动画的支持都非常好，不过，现在Dreamweaver 8的支持更为广泛了，下面我们介绍直接在软件中插入Flash视频及Flash文字动画的方法。
1.插入Flash视频
Flash视频即FLV 格式流媒体视频，随着Youtube为代表的在线视频网站火爆一时，FLV 格式视频日益流行，现在你也可以轻易的在你的网页中插入Flash视频了。
点击主窗口“常用”工具栏“Flash”按钮旁三角图标，在下拉列表中选择“Flash Video”，如图8。
 |
| 图8 |
&picid=168402.jpg) |
| 图9(点击看大图) |
在URL中键入FLV动画路径，如：http;//www.scxp.ent/01.flv；选择外观，系统提供实时播放器外观预览，本例选择“Clear Skin 3”；设置动画宽、高，可以点击“检测大小”按钮由系统自动获取。就这样简单，一个Flash视频就插入到你的网页中了。
2.插入Flash文本、按钮
再次点击工具栏“Flash”按钮旁三角图标，在下拉列表中选择“Flash 文本”。接下来，系统提示“创建新文本对象前请保存当前文档”，保存文件后转入如图10对话框。
&picid=168407.jpg) |
| 图10(点击看大图) |
在对话框中简单设置一下“Flash文本”的字体、大小、颜色、文本内容、链接目标等内容即可，点击“确定”完成。呵呵，没有想到吧，制作一个Flash文字按钮一点也不麻烦，只需要动动鼠标随便添几个参数即可。
与插入“Flash文本”类似的还有插入“Flash 按钮”，程序内置了数十套个性按钮样式，选择自己喜欢的效果，填写设置资料，如：字体、大小、按钮文本、链接目标，点击“确定”完成，如图11。
 |
| 图11 |
三、快速图片处理
笔者说Dreamweaver已经提供了基本图像编辑功能，你相信吗？事实的确如此，现在它已经包含了一些简单图片处理功能，对于图片的一些小改动，现在完全不必再用Fireworks、Photoshop这些专业工具啦。
在网页中插入所需图片，选择该图片，调用“属性”面板（快捷键Ctrl+F3），可以在“属性”面板看到“编辑”选项，功能并不算很多，一共有6个供选择，如图12。
&picid=168414.jpg) |
| 图12(点击看大图) |
图片编辑功能按钮，由左至右依次是：
“在Fireworks中编辑选定图片”，你必须先安装网页制作三剑客中的图像处理套件Fireworks，该功能才可用。
“使用Fireworks最优化”，调用Fireworks来进行图片优化，可以大幅减小图片尺寸，值得一用。
“裁剪”，你没看错，支持直接在Dreamweaver中裁剪图片了，选择该功能后，图片周围将自动添加控制点，你可以随意拖动控制点来确定最终裁剪的范围，如图13。
 |
| 图13 |
“重新取样”，我们都知道，在Dreamweaver中默认插入时应用的是真实图片尺寸，当然你也可以随时拖动图片改变尺寸。图片被强制在非真实尺寸下显示，自然效果有所损失，这时你不妨点击“重新取样”按钮（只有图片在非真实尺寸下显示，该按钮才可选），这样软件会对图片重新取样，然后后图片就会变成你新设置的尺寸。
“亮度/对比度”，修改图像中像素的亮度或对比度。这将影响图像的高亮显示、阴影和中间色调。修正过暗或过亮的图像时通常使用它，如图14。
 |
| 图14 |
 |
| 图15 |
