用代码片段简化工作量

　　Dreamweaver是一个非常便捷的网页制作工具，除了所做即所得的长处以外，它还内置了许多可直接使用的代码。很多人没有注意过它——这就是DW中的代码片段工具。

　　“代码片段”位于软件的其他工具栏右侧最下方的文件工具栏中，文件工具栏里有三个标签选项，“文件”、“资源”、“代码片段”，通常我们只用到文件一项，现在点击“代码片段”，如图一，上面的空白是代码缩略显示区域，下面是存有各种代码的文件夹。你可以点开文件夹，然后双击里面代码片段的名称，随后就会有相应的代码插入到文档中，是不是很方便？现在教你怎么使用它。

　　点击文件夹区域的空白处，点击工具栏最下面的“新建代码片段文件夹”按钮，如图二所示，然后给自己的文件夹取个名字，我取名为“CSS代码”。

　　点击新建的文件夹，再点击“新建代码片段”按钮，然后按照弹出窗口中的要求认真填写，如图三。

　　“名称”中填写要插入的片段名称。“描述”可以写上此段代码的详细作用，以免下次使用时忘记。“代码片段类型”中选择“插入块”，这样就可以将代码模块完全的插入到页面中，“预览类型”选择代码即可，就这样，点击确定，一个新的代码片段就创建好了，以后新建页面并建立CSS文件时就可以轻松的插入这段代码完成页面的全局设定了。

　　例子就说到这里，我想大家可以举一反三，也可以自己进一步研究一下代码类型中的“环绕选定内容”，成功在于实践，加油。