![网页设计与网站建设全攻略](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=1739301917-jyqVaqh1ET0u5xkfR2PCuABFJiRMals2-0-e88eb2faeac5e83b344ecf6e65fe06ff)
图6-1 “新建文档”对话框
步骤02 单击“创建”按钮,即可创建一个空白模板,如图6-2所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0271.jpg?sign=1739301917-7KgDbXYaakXaOOYprCs0WjOP6LMSqPOE-0-8f186007366d1f0c0add79a4a5dcc764)
图6-2 创建空白模板
步骤03 执行“文件”|“保存”命令,弹出Dreamweaver提示对话框,如图6-3所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0272.jpg?sign=1739301917-4yywo6HOxjgP1fIra0lmN5SijXwjHC54-0-1e01e4ed230e3672e7669bf69c3e6a5d)
图6-3 Dreamweaver提示对话框
步骤04 单击“确定”按钮,弹出“另存模板”对话框,在对话框中的“另存为”文本框中输入“Untitled-1”,如图6-4所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0273.jpg?sign=1739301917-0gCv3p5Mmqlsrh7MXIf7EmToWGJpAh0o-0-d2e263b665668f5b724e0efa553b10e8)
图6-4 “另存模板”对话框
步骤05 单击“保存”按钮,即可完成模板的创建,如图6-5所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0274.jpg?sign=1739301917-HwcVuSKphsCPHrltBod9iQPChuwAOQ6M-0-2c14b7e1fb9da9a4ae6e45ab79e6bec6)
图6-5 另存为模板
6.1.2 小实例——从现有文档创建模板
从现有文档中创建模板的具体操作步骤如下。
步骤01 打开网页文档,如图6-6所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0275.jpg?sign=1739301917-3ZXG8o9Yf2KvELK3rKWi7dR71PSaGcr7-0-a4fb77361942bc389fe049c002d0eb6b)
图6-6 打开网页文档
步骤02 执行“文件”|“另存为模板”命令,弹出“另存模板”对话框,在对话框的“站点”下拉列表中选择6.1.2,在“另存为”文本框中输入moban,如图6-7所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0276.jpg?sign=1739301917-7SFJMJdjBfzt47vOXVT9ufxLAJsZKThq-0-54b909959ea549e3194cf9e304d60b17)
图6-7 “另存模板”对话框
步骤03 单击“保存”按钮,弹出Dreamweaver提示对话框,提示是否更新链接,如图6-8所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0277.jpg?sign=1739301917-iWSWNasZw3zivATLoOJWI7VmsCNSSslS-0-6571107d625bca6efc03a241d2f085a9)
图6-8 Dreamweaver提示对话框
步骤04 单击“是”按钮,即可将现有文档另存为模板,如图6-9所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0278.jpg?sign=1739301917-jXEisJgTVQSpA99wMx4O7J9IIhcdB6mp-0-1d1124b4ceeb778b1be03882781b4fae)
图6-9 另存为模板文件
★提示★
不要随意移动模板到Templates文件夹之外或者将任何非模板文件放在Templates文件夹中。此外,不要将Templates文件夹移动到本地根文件夹之外,以免引用模板时路径出错。