dreamweaver html模板

1. 创建空白 HTML 模板
   打开 Dreamweaver，点击「文件」→「新建」，在「新建文档」对话框中选择「空白页」→「HTML」，右侧可设置文档类型为 XHTML 1.0 Transitional 或 HTML5，然后点击「创建」。此时得到的是一个普通的 HTML 文件，要把它变成模板，需要点击「文件」→「另存为模板」，在「另存为模板」对话框中输入模板名称，例如「layout」，点击「保存」。Dreamweaver 会在站点根目录下自动创建 Templates 文件夹，并将模板文件保存为 .dwt 格式。注意：如果尚未定义站点，系统会提示先创建站点，请先完成站点定义。
2. 在模板中定义可编辑区域
   模板的价值在于锁定公共区域（如导航、页脚），同时允许在特定区域修改内容。选中页面中需要让使用者编辑的区域（例如正文部分），点击「插入」→「模板」→「可编辑区域」，或使用快捷键 Ctrl+Alt+V（Windows）或 Cmd+Option+V（Mac）。在弹出的对话框中为可编辑区域命名，例如「content」，点击「确定」。可编辑区域会以蓝色边框高亮显示，模板文件中的其他区域则被锁定。如果有多个可编辑区域，务必给每个区域设置不同的名称，避免冲突。
3. 基于模板创建新页面
   完成模板设计后，就可以用它来生成新页面。点击「文件」→「新建」，在「新建文档」对话框中选择「模板」选项卡，左侧选择当前站点，中间会列出所有已保存的模板，选中所需模板，点击「创建」。新页面会继承模板的所有布局和样式，只有可编辑区域是白色的，可以自由修改内容。如果模板中包含 CSS 样式，新页面会自动链接到模板的样式文件（通常位于站点根目录的 css 文件夹）。修改可编辑区域的内容后，保存为普通的 .html 文件即可。
4. 修改模板并更新所有页面
   当需要修改全站的公共元素（如导航菜单）时，直接编辑模板文件（.dwt），修改完成后保存。Dreamweaver 会弹出「更新模板文件」对话框，列出所有基于该模板的页面，点击「更新」即可自动将修改应用到所有关联页面。如果不想立即更新，也可以点击「不更新」，稍后通过「修改」→「模板」→「更新页面」手动触发。注意：在模板中修改内容时，只能修改锁定区域，可编辑区域在模板中也是可编辑的，但修改后会影响所有页面。
5. 使用现成的 HTML 模板文件
   如果你已经有一个现成的 HTML 模板（例如从网上下载的），想用 Dreamweaver 打开并编辑，直接点击「文件」→「打开」，选择该 HTML 文件即可。Dreamweaver 会以代码视图和设计视图显示。如果该模板使用了 CSS 框架（如 Bootstrap），Dreamweaver 会正常识别。但要注意：现成模板通常不是 .dwt 格式，不能直接作为可编辑区域模板使用。若想将其转换为可编辑模板，可以打开后点击「文件」→「另存为模板」，然后手动添加可编辑区域。另外，如果模板包含外部 CSS 或 JS 文件，请确保这些文件与 HTML 位于同一目录或正确引用，否则样式可能丢失。

软件页面：Dreamweaver。