![网页设计与网站建设全攻略](https://wfqqreader-1252317822.image.myqcloud.com/cover/587/27110587/b_27110587.jpg)
6.1 创建模板
在网页制作中很多劳动是重复的,如页面的顶部和底部在很多页面中都一样,而同一栏目中除了某一块区域外,版式和内容完全一样。如果将这些工作简化,就能够大幅度提高效率,而Dreamweaver中的模板就可以解决这个问题,模板主要用于同一栏目中的页面制作。本地站点用到的所有模板都保存在网站根目录下的Templates文件夹中,其扩展名为.dwt。
6.1.1 小实例——新建模板
从空白文档直接创建模板的具体操作步骤如下。
步骤01 执行“文件”|“新建”命令,弹出“新建文档”对话框,在对话框中选择“空白页”|“HTML模板”|“无”选项,如图6-1所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0270.jpg?sign=1738878993-2TAJoesY8mEAweO59wG02u1pGZSy5LGB-0-8b1962a2914ec0f4093b489c334a34d0)
图6-1 “新建文档”对话框
步骤02 单击“创建”按钮,即可创建一个空白模板,如图6-2所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0271.jpg?sign=1738878993-zNydFWPi79xVMyg65qSHtpqxCUMch0l1-0-25a39c2bb296156694721ddbbebe29c1)
图6-2 创建空白模板
步骤03 执行“文件”|“保存”命令,弹出Dreamweaver提示对话框,如图6-3所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0272.jpg?sign=1738878993-SpZzToL3jliE6YJX5ZZxkPG3RFpEBFwq-0-a8c2d9f0ed88121a26dbf3b9daf970d7)
图6-3 Dreamweaver提示对话框
步骤04 单击“确定”按钮,弹出“另存模板”对话框,在对话框中的“另存为”文本框中输入“Untitled-1”,如图6-4所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0273.jpg?sign=1738878993-2vySLXR5BYUNUbCj7j48KteGW8iqf23M-0-750903757a279b7692baecd185ba29b6)
图6-4 “另存模板”对话框
步骤05 单击“保存”按钮,即可完成模板的创建,如图6-5所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0274.jpg?sign=1738878993-7tAsY413D3AAUrJBd3gitEYgsPrymBzs-0-f89907b9f0695b8875ecdcabecf21ea4)
图6-5 另存为模板
6.1.2 小实例——从现有文档创建模板
从现有文档中创建模板的具体操作步骤如下。
步骤01 打开网页文档,如图6-6所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0275.jpg?sign=1738878993-OLONHTTWJozq12SzE9PRthUofOlcHmzf-0-a2e2ea24d3f35657056fb3be411644e6)
图6-6 打开网页文档
步骤02 执行“文件”|“另存为模板”命令,弹出“另存模板”对话框,在对话框的“站点”下拉列表中选择6.1.2,在“另存为”文本框中输入moban,如图6-7所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0276.jpg?sign=1738878993-yNQ3H7HbcZJcsECgEjQNqfsiy05WMUta-0-a9af84bc55cb174b9fba15b11cfbd499)
图6-7 “另存模板”对话框
步骤03 单击“保存”按钮,弹出Dreamweaver提示对话框,提示是否更新链接,如图6-8所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0277.jpg?sign=1738878993-Xt7JRzm604OC5EZOR1WlipumlZTf9m0z-0-ccc627959dd02e2f1a38b76ab1559fa2)
图6-8 Dreamweaver提示对话框
步骤04 单击“是”按钮,即可将现有文档另存为模板,如图6-9所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0278.jpg?sign=1738878993-slWMq2v7MXFTi29n9XOR51koNmCAUtel-0-b345501b16553994f8b9a4df26a117c5)
图6-9 另存为模板文件
★提示★
不要随意移动模板到Templates文件夹之外或者将任何非模板文件放在Templates文件夹中。此外,不要将Templates文件夹移动到本地根文件夹之外,以免引用模板时路径出错。