![网页设计与网站建设全攻略](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=1739527017-QppxOQhct9saHN4lH6kxmznhrmCqoDPf-0-89e2e31c1132d386b091dff9402adf31)
图6-1 “新建文档”对话框
步骤02 单击“创建”按钮,即可创建一个空白模板,如图6-2所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0271.jpg?sign=1739527017-TIH6dkqtVnbfVXy2G59zLFpyN8zM1xSZ-0-dfe891c3d297858f5213063d4419a012)
图6-2 创建空白模板
步骤03 执行“文件”|“保存”命令,弹出Dreamweaver提示对话框,如图6-3所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0272.jpg?sign=1739527017-aFBSv8RQAX2Y6RnfTAYVNy5fjGVE5xRz-0-fb7a56dfa420abcb0d882523adc32c62)
图6-3 Dreamweaver提示对话框
步骤04 单击“确定”按钮,弹出“另存模板”对话框,在对话框中的“另存为”文本框中输入“Untitled-1”,如图6-4所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0273.jpg?sign=1739527017-hRbHQEOBbtJHXWyH8OWRQo2zCd3jHest-0-14047cf08597b6940a85030b509d2af4)
图6-4 “另存模板”对话框
步骤05 单击“保存”按钮,即可完成模板的创建,如图6-5所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0274.jpg?sign=1739527017-zYRgUox0Z9iA33Nn7uqP4M1zlcswQ0Gp-0-e685df58cebf980fdad41edff581c3d2)
图6-5 另存为模板
6.1.2 小实例——从现有文档创建模板
从现有文档中创建模板的具体操作步骤如下。
步骤01 打开网页文档,如图6-6所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0275.jpg?sign=1739527017-d1DJ9ZM0bHKg3z1SIsVUX0GiOtDoElg9-0-0fc6b6347b9f000639b62fffbeb2024d)
图6-6 打开网页文档
步骤02 执行“文件”|“另存为模板”命令,弹出“另存模板”对话框,在对话框的“站点”下拉列表中选择6.1.2,在“另存为”文本框中输入moban,如图6-7所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0276.jpg?sign=1739527017-KRpnFmjH0Egi5UgSIQLPq9TDsQGxboBT-0-cae6aa0526114c3f210fbc598e8679a8)
图6-7 “另存模板”对话框
步骤03 单击“保存”按钮,弹出Dreamweaver提示对话框,提示是否更新链接,如图6-8所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0277.jpg?sign=1739527017-AowalvVVKnjW854vQyXwscgSKixN8OG7-0-7a47fe1f6d9fe6cddf4a063c206945b3)
图6-8 Dreamweaver提示对话框
步骤04 单击“是”按钮,即可将现有文档另存为模板,如图6-9所示。
![](https://epubservercos.yuewen.com/7A7F1D/15477640305576406/epubprivate/OEBPS/Images/f0278.jpg?sign=1739527017-rUQiDtv1GXRJpQcz3ufSafZ91ynCqHfM-0-158292f67c833bdf662f221c6aacfe2d)
图6-9 另存为模板文件
★提示★
不要随意移动模板到Templates文件夹之外或者将任何非模板文件放在Templates文件夹中。此外,不要将Templates文件夹移动到本地根文件夹之外,以免引用模板时路径出错。