DWCS6教程89—dreamweaver代码片段面板用法

Adobe Dreamweaver CS6视频教程

讲师：瑞德威(赵老师)

第三十课 使用代码片段面板

在Dreamweaver的代码片段面板中，我们可以很方便的创建一些常用的代码片段，在需要使用时，直接应用就可以了，这样就可以避免重复输入代码，可以提高工作效率，也可以避免出错。在代码片段中，我们可以创建CSS样式、js脚本、META标签、注释以及表单元素等html代码片段。

1、打开代码片段面板

a、点击右侧代码片段面板图标（文档纸张外观）。

b、窗口菜单——代码片段（快捷键：shift+f9）。

2、代码片段面板功能简介

a、面板上半部主要显示选中的代码片段内容

b、下半部是已经存在的代码片段，一般是以文件夹的形式显示，单击前面的加号可以展开里面的代码片段内容或子文件夹。

c、下部按钮：
插入/应用：点击后即可将当前选中的代码片段插入到当前页面中。
新建代码片段文件夹：如果需要创建一个大的代码片段分类可单击此按钮
新建代码片段：单击后可以创建新的代码片段
编辑代码片段：单击后可以修改选中的代码片段内容
删除代码片段：单击后可以删除掉不需要的代码片段。