dw网页设计模板网站-如何使用Dreamweaver工具批量创建网页模板

至于网页模板的出现，可以说很大程度上节省了美工和程序员的工作时间，大大提高了工作效率。 一个合格的网页模板确实可以让我们有一个更好的路径来对待一些低端的客户，可以快速的完成我们的一些任务，这也是网页模板的理念。

特别是对于大规模的网站更新和改版，如果不使用CMS系统卡通形象，人工工作量将会非常大。 其实只要我们能够利用好模板工具，我们就可以批量制作网页，尤其是经常需要制作类似网站的网页。 每次都要一张一张地制作dw网页设计模板网站，非常耗时。 今天，我就利用马海翔的博客平台给大家分享一下如何使用Dreamweaver工具批量创建网页模板：

1. 创建模板

首先我们需要使用dreamweaver工具创建模板，分为创建模板页面和设置可编辑区域两步：

1. 创建模板页面

最简单的方法是将网页另存为模板文件。 通过执行命令：文件→另存为模板，DreamWeaver 会在网站根目录下创建一个模板文件夹 – Templates 来保存模板。

当然，你也可以新建一个模板：Window→Templates，会出现Templates面板，点击右下角的New Template按钮，输入文件名，就会创建一个空模板，然后点击Open Template按钮打开模板并保存。 自动保存在网站模板文件夹Templates中。

新创建并打开的模板页面与普通网页没有什么不同。 您还可以添加表格、图层、图片、动画、脚本并设置页面属性。

示例：这里是制作模板的示例。 在此页面中，我们希望左侧的网站徽标图像和底部的导航图像出现在每个页面上。

标志图片由两张图片叠加而成。 导航地图上的“最新更新”、“在线阅读”、“包下载”等文字被划分为几个热点区域，分别链接到不同的文件。 它们在每一页上。 没有什么变化。

右上角的主页面区域和左下角的弹出菜单按钮下方的页面描述是不同的。 为了保持页面的整洁，我们使用表格来布局这些元素，或者为这些元素创建一个网站风格指南（具体参见马海翔的《如何为网站或应用程序创建风格指南和标准》的相关介绍）博客）。

准确地说dw网页设计模板网站，它只是一个没有可编辑区域的“准模板”。 下面将设置可编辑区域。

2.设置可编辑区域

一般来说，设置模板的可编辑区域有两种方法。

创建新的可编辑区域：选择命令：修改→模板→新建可编辑区域。 单击空白区域并执行此命令以使该区域可编辑。

将某个区域标记为可编辑区域： 选择命令：修改→模板→将选定区域标记为可编辑区域。 如果某个区域已经有一些文本，并且您希望将来在新的超文本文件中保留其部分内容，只需选择该区域，然后执行标记命令即可。

取消可编辑状态：选择命令：修改→模板→取消标记可编辑区域。 执行该命令后，将弹出一个对话框，其中包含当前存在的可编辑区域的列表。 选择要取消的区域名称并确认。

示例：在一大片空白区域中任意单击，执行修改→模板→新建可编辑区域命令，在弹出的对话框中输入名称：Main； 选择左下角本页面描述下的文字，执行修改→模板→将选择标记为可编辑区域命令，输入名称：exp。

可以看到可编辑区域显示为浅蓝色，保存后模板创建完成（建议还要考虑手机的显示风格，具体参见《如何制作响应式网页》）见马海翔博客）。

2.使用模板批量创建网页

接下来我们就可以使用刚刚制作的模板来批量创建网页了。 具体步骤如下：

1.根据模板新建页面

命令：文件→从模板新建，会弹出一个对话框，从模板列表中选择一个模板，出现的新页面除可编辑区域外都是浅黄色背景，不可修改。 空白的Main编辑区可直接插入表格、文本、图片等。Exp编辑区保留原始文本，可以修改或重新编辑。

2. 将模板应用到已有内容的页面

命令：修改→模板→将模板应用到页面。 选择模板后，会弹出一个对话框，允许您选择哪个可编辑区域来保存现有的孤立内容（Choose Editable Region for Orphaned Content）。 如果您不想保留，可以选择“（无）”。

例如：我们首先新建一个普通页面，输入：“马海翔SEO博客”，执行修改→模板→将模板应用到页面命令，选择模板测试，现有内容存储区域选择Main。 确认后，可以看到页面自动变成了模板页面的形式，主编辑窗口中出现了“马海翔SEO博客”字样。

3.更新模板，全面更新网站

基于某个模板创建了一些页面后，当您修改并保存该模板时，会自动弹出一个对话框，列出所有使用该模板的页面，并询问您是否要更新。

另一种方法是执行修改→模板→更新页面命令。 从“更新页面”对话框中选择站点或站点的某个模板（同一个站点可以使用多个模板），单击右侧的“开始”按钮，软件将自动搜索与该模板关联的网页并更新它们，非常方便。 方便的！

例如：测试模板左侧图形中的图片与另一张图片有一层叠加。 现在我不想了，我也想删除所有页面中的图片。 您可以打开模板test.dwt，删除图层，保存模板，然后单击右侧的“更新”按钮。

另外，马海翔提醒大家：在创建和使用模板之前，需要先定义一个站点。 方法是：执行命令Site→Define Sites； 指定站点名称和本地根目录（Local Root）。 该模板使用相对路径。 如果不指定网站的本地位置，软件无法准确找到并保存模板文件，并且应用模板创建和更新页面时，页面中的超链接无法根据页面文件所在的位置而变化已保存。 相应地改变。

马海翔博客评论：

在网站建设行业，马海翔经常听到自助建站、智能建站吉祥物，就是网站提供商提供了模板以及模板自带的网站系统。 网站系统可以是asp或php。 ，或其他语言。

准确的说，这种成品模板网站可以被使用无数次。 用户从提供商处购买模板后，仅拥有使用权，不拥有版权。 网站提供者对网站模板和系统源代码拥有最终权利。 版权是用户需要多加关注的。