![网页设计与网站建设全攻略](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=1739150725-wuRmfMYjma7IID7PfwU3VFK7xbwlIVwi-0-a80584accd611c90ad69bb1a0651725e)
图6-1 “新建文档”对话框
步骤02 单击“创建”按钮,即可创建一个空白模板,如图6-2所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0271.jpg?sign=1739150725-vOROMd117c5UnMsLYGuVlVsWrIAK6dve-0-e2dafa8b139b23857a72f42ab35b6899)
图6-2 创建空白模板
步骤03 执行“文件”|“保存”命令,弹出Dreamweaver提示对话框,如图6-3所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0272.jpg?sign=1739150725-G2JQGSYKZomj3Q4H7kbTbL5b9e9IQJX3-0-23f62a4c6b55daecd979092ff07d483c)
图6-3 Dreamweaver提示对话框
步骤04 单击“确定”按钮,弹出“另存模板”对话框,在对话框中的“另存为”文本框中输入“Untitled-1”,如图6-4所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0273.jpg?sign=1739150725-2VNdgkOTNqrMG0V3YQaBmP7PLWMrnR46-0-6ff6fa3fd28779c04b10c1a4be8bcd09)
图6-4 “另存模板”对话框
步骤05 单击“保存”按钮,即可完成模板的创建,如图6-5所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0274.jpg?sign=1739150725-JqqZNeFcdOYOSTbuXjrbhwDuya992yMX-0-39e0111d453d9a0746db8c7c87c94809)
图6-5 另存为模板
6.1.2 小实例——从现有文档创建模板
从现有文档中创建模板的具体操作步骤如下。
步骤01 打开网页文档,如图6-6所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0275.jpg?sign=1739150725-Raf1ZbNAYAnkC135T7aCz4TRLTTnXPbO-0-8bf099b677bf8ae4f244098e75cbd31f)
图6-6 打开网页文档
步骤02 执行“文件”|“另存为模板”命令,弹出“另存模板”对话框,在对话框的“站点”下拉列表中选择6.1.2,在“另存为”文本框中输入moban,如图6-7所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0276.jpg?sign=1739150725-LmEjeITtx7NRVlRMWjlLXneplFx0HEd8-0-1f6fdc4ff7057a9f6b086cbe8a547f35)
图6-7 “另存模板”对话框
步骤03 单击“保存”按钮,弹出Dreamweaver提示对话框,提示是否更新链接,如图6-8所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0277.jpg?sign=1739150725-OL7CI8v1YMr7oNwUdOhUcM2saQwSTt2d-0-539832c0d1f0969d7419384b47fc627c)
图6-8 Dreamweaver提示对话框
步骤04 单击“是”按钮,即可将现有文档另存为模板,如图6-9所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0278.jpg?sign=1739150725-w2JuCml4BV4PrgxHihWMNUJd1Kbmhx8K-0-ae4db707a9faedb64c7230d4f8dee7cb)
图6-9 另存为模板文件
★提示★
不要随意移动模板到Templates文件夹之外或者将任何非模板文件放在Templates文件夹中。此外,不要将Templates文件夹移动到本地根文件夹之外,以免引用模板时路径出错。