Dreamweaver模板下载后如何使用？

第一部分：准备工作与文件结构

在使用模板之前，你需要建立一个清晰的项目文件夹结构，这是至关重要的一步,能避免很多后续的麻烦。

创建项目文件夹 在你的电脑上创建一个主文件夹，例如命名为 我的网站。

在项目文件夹内创建子文件夹 在 我的网站 文件夹里,创建以下三个标准子文件夹：

• templates：专门用来存放模板文件,Dreamweaver会默认在这里查找和识别模板。
• images：存放网站用到的所有图片。
• assets (可选，但推荐)：存放其他资源，如CSS文件、JavaScript文件、PDF文档等。

你的最终文件结构应该是这样的：

我的网站/
├── templates/
│   └── (你的 .dwt 模板文件将放在这里)
├── images/
├── assets/
└── (你将创建的所有页面文件将放在这里)

下载并放置模板文件 将你下载的 .dwt 文件解压，然后复制到 templates 文件夹中。

第二部分：使用模板创建新页面

这是最核心的步骤，通过模板,你可以快速生成符合设计的网页。

打开Dreamweaver 启动Adobe Dreamweaver。

新建基于模板的网页

• 点击顶部菜单栏的 “文件” > “新建”。
• 在弹出的“新建文档”窗口中，选择 “模板” 选项卡。
• 在右侧的 “站点” 下拉菜单中，选择你之前创建的网站项目（如果你还没定义站点，请先去“站点 > 新建站点”进行定义）。
• 在下方的 “模板” 列表中，你会看到你放在 templates 文件夹里的 .dwt 模板文件,选中它。
• 点击 “创建”。

编辑新页面 Dreamweaver会根据模板生成一个新的HTML页面，你会发现，页面的某些部分是可编辑的，而某些部分是锁定的。

• 可编辑区域：
  • 这些区域通常有浅蓝色或绿色的背景高亮显示。
  • 你可以在这里自由地输入文字、插入图片、添加链接等。
  • 这些区域是每个页面独有的内容。
• 锁定区域：
  • 这些区域通常是网站的公共部分，如页眉、页脚、主导航栏等。
  • 你无法直接在页面上修改它们,它们被模板保护着。

你就可以开始填充你的内容了！ 把“首页内容”这几个字替换成你自己的介绍文字,把图片占位符换成你自己的照片。

第三部分：修改模板并更新所有页面

这是模板最强大的功能，当你需要修改网站的共同部分（比如更换Logo、修改版权信息、调整导航栏）时，只需要修改模板文件,Dreamweaver就会帮你一键更新所有使用该模板的页面。

打开模板文件进行编辑

• 在Dreamweaver中，点击 “文件” > “打开”。
• 导航到你的项目文件夹，进入 templates 子文件夹。
• 打开你的 .dwt 模板文件。

在模板中进行修改 你可以编辑任何区域了。

• 修改页眉Logo：找到Logo图片，双击它，在“属性”面板中更换图片源。
• 修改导航链接：找到导航菜单,修改链接的地址或文字。
• 修改页脚版权信息：直接修改页脚的文本。

保存并更新页面 修改完成后，点击 “文件” > “保存”。 这时，Dreamweaver会弹出一个 “更新页面” 的对话框,它会询问你：

• 查看在本地修改的模板：显示哪些模板被修改了。
• 在本地更新页面：勾选这个选项！ 这会扫描整个网站，找到所有使用了这个模板的页面,并自动更新它们。

点击 “更新”，然后等待Dreamweaver完成更新，完成后，它会弹出一个报告,告诉你成功更新了多少个页面。

就这么简单！ 你的整个网站风格就统一更新了。

第四部分：高级技巧与注意事项

创建可编辑区域 如果你下载的模板是一个完整的HTML文件（而不是.dwt文件），或者你想自己定义哪些部分可以编辑,可以这样做：

• 打开一个HTML文件（或新建一个）。
• 用鼠标选中你希望设置为可编辑区域的文本、图片或表格。
• 在Dreamweaver的 “插入” 菜单中，选择 “模板对象” > “可编辑区域”。
• 为这个区域起一个名字（EditRegion1 或更具体的 MainContent），然后点击确定，这个区域就变成了浅色高亮,可以被编辑了。

从模板中分离页面 你可能需要修改一个已经基于模板创建的页面，但又不想让它受后续模板更新的影响（这个页面有非常特殊的布局），这时你需要“分离”它。

• 打开那个基于模板的页面。
• 点击顶部菜单栏的 “修改” > “模板” > “从模板中分离”。
• 警告：执行此操作后，该页面将变成一个完全独立的HTML文件，所有模板的锁定区域都将变为可编辑，之后，你再更新模板时，这个页面将不会再被更新,请谨慎使用。

管理模板

• 重命名模板：在“资源”面板（窗口 > 资源）的“模板”类别中，可以右键点击模板进行重命名,Dreamweaver会自动更新所有引用了旧模板名称的页面。
• 删除模板：同样在“资源”面板中可以删除模板,但Dreamweaver会警告你并要求你确认是否要从所有页面中移除对该模板的引用。

核心流程就是：

1. 建好文件夹：templates, images, assets。
2. 放好模板：把 .dwt 文件放进 templates 文件夹。
3. 新建页面：通过 文件 > 新建 > 模板 创建新页面，并编辑可编辑区域。
4. 统一更新：修改 .dwt 模板文件,保存时会自动更新所有页面。

遵循这个流程，你就能高效地管理和维护你的网站了,祝你使用愉快！