6.1 创建模板
在网页制作中很多劳动是重复的,如页面的顶部和底部在很多页面中都一样,而同一栏目中除了某一块区域外,版式和内容完全一样。如果将这些工作简化,就能够大幅度提高效率,而Dreamweaver中的模板就可以解决这个问题,模板主要用于同一栏目中的页面制作。本地站点用到的所有模板都保存在网站根目录下的Templates文件夹中,其扩展名为.dwt。
6.1.1 小实例——新建模板
从空白文档直接创建模板的具体操作步骤如下。
步骤01 执行“文件”|“新建”命令,弹出“新建文档”对话框,在对话框中选择“空白页”|“HTML模板”|“无”选项,如图6-1所示。
图6-1 “新建文档”对话框
步骤02 单击“创建”按钮,即可创建一个空白模板,如图6-2所示。
图6-2 创建空白模板
步骤03 执行“文件”|“保存”命令,弹出Dreamweaver提示对话框,如图6-3所示。
图6-3 Dreamweaver提示对话框
步骤04 单击“确定”按钮,弹出“另存模板”对话框,在对话框中的“另存为”文本框中输入“Untitled-1”,如图6-4所示。
图6-4 “另存模板”对话框
步骤05 单击“保存”按钮,即可完成模板的创建,如图6-5所示。
图6-5 另存为模板
6.1.2 小实例——从现有文档创建模板
从现有文档中创建模板的具体操作步骤如下。
步骤01 打开网页文档,如图6-6所示。
图6-6 打开网页文档
步骤02 执行“文件”|“另存为模板”命令,弹出“另存模板”对话框,在对话框的“站点”下拉列表中选择6.1.2,在“另存为”文本框中输入moban,如图6-7所示。
图6-7 “另存模板”对话框
步骤03 单击“保存”按钮,弹出Dreamweaver提示对话框,提示是否更新链接,如图6-8所示。
图6-8 Dreamweaver提示对话框
步骤04 单击“是”按钮,即可将现有文档另存为模板,如图6-9所示。
图6-9 另存为模板文件
★提示★
不要随意移动模板到Templates文件夹之外或者将任何非模板文件放在Templates文件夹中。此外,不要将Templates文件夹移动到本地根文件夹之外,以免引用模板时路径出错。