Dreamweaver CC教程：如何充分利用代码片段

Dreamweaver CC教程：如何充分利用代码片段

了解如何使用 Dreamweaver的“代码片段”面板创建代码片段并在不同的 Dreamweaver 站点上重用代码。
如果您发现自己多次重复代码块，可以使用代码片段加快编写代码的过程。写入该代码一次，将其保存为一个代码片段，然后在“代码片段”面板中双击它，以将它插入到多个位置。
使用“代码片段”面板创建的代码片段不是针对特定站点的，因此可以跨站点重用它们。您还可以使用同步设置跨不同设备、Dreamweaver 的不同版本来使用代码片段。
Dreamweaver 打包提供多个代码片段。但是，您也可以创建自己的代码片段并保存它们。

如何充分利用代码片段？
浏览以下用例以了解可以在您的工作流程中的哪些地方使用代码片段：

如果您在遵循一定设计标准的组织中工作，或您是参与多个项目的自由职业者 - 无论是哪种情况，您都可以使用代码片段来实现设计统一性，这只需要将这些共用的代码作为代码片段存储，然后插入您的代码中即可。 如果要求您定义、维护和实施一些编码标准，则代码片段很有用。 网页中的手动编码响应性元素可能很耗时。使用“代码片段”面板中 Bootstrap 或 Responsive_Design_Snippets 部分的一些代码片段（例如，响应性表代码片段）。只需单击一下，便可以为该响应性表插入几乎 20 行代码。
根据需要编辑该表。您可以合并列或行、添加列或行、设置所需的任意样式，然后选择该代码并将其保存为一个新代码片段，可以在自己创建的任何其他页中重用该代码片段。有关创建代码片段的详细信息，请参阅创建代码片段。 JavaScript 行为、CSS 效果和 CSS 样式也都非常适合代码重用。