Dreamweaver中怎样使用模板

　　

　　在网页设计工具Dreamweaver（以下简称DW，现在最高版本为4.02，本文例子中用的是4.0版）里有一项十分强大的功能，就是模板！

　　那模板有什么魅力呢？他又有什么样的特点呢？

　　利用模板，我们能够固化站点每页都出现的元素。

　　通过利用模板创建WEB页，可使整个站点具备统一的风格。

　　只要修改模板，就能够修改应用了该模板的任何WEB页，而无需手动修改每一页。比如需要更改您的版权时，您是不是要一页一页的进行版权修改？假如有上千页呢？我相信您会一个头两三个大。但假如您用上了模板的话，这些都不成为问题。

　　下面是个较全面的例子，能迅速的让您掌控模板的使用。

　　1. 编辑页面

　　打开DW，新建一个站点，我们就取名为“蜘蛛网”。

　　新建一个空白页面作为内页（通常一个网站只有一个首页，所以对首页我们能够不做成模板），取名为body.htm。

　　编辑这个页面，完成如图1。

　　

　　图1，编辑完成后的body.htm页面，注意A处，此处将作为可编辑区域，下文会针对提及。

　　2. 生成模板

　　

　　编辑完成后，我们将此页保存为模板（注意不是保存为普通的htm网页）。通过DW中的FileàSave As Template能够存为模板，执行此命令后会弹出Save As Template窗口，如图2。

　　

　　图2，Save As Template窗口。

　　图2中的B处为选择站点，我们选择“ 蜘蛛网”，C处为我们要存为的模板文档名，我们填入body。按右上角的Save保存。

　　这时我们按F8调出site（站点管理器），在Templates文档夹中能够看到body.dwt（当有模板文档时，DW会自动生成Templates文档夹，dwt为模板类型文档）

　　3. 编辑模板

　　在Site中打开body.dwt模板文档，将会发现跟body.htm页面似乎没什么分别，但其实是不相同的，在body.htm中是无法添加可编辑区域的。可编辑区域只能在模板文档中添加。

　　为了让大家更好的理解“可编辑区域”，我们先用此模板生成一个htm文档：点FileàNew From Template，弹出Select Template窗口，在emplates中选择body，再点击右上角的Select即可生成一个新的htm文档。我们将此新建页面改名为body2.htm。现在我们用DW将body.htm和body2.htm两文档都打开，比较一下有什么不同。您会发现在body2.htm页面的右上角写着“Template:body”几个字。（说明此页是由body.dwt模板文档生成）同时您会惊讶的发现body2.htm文档竟然不能够编辑（body.htm能够编辑）。对了，这就是由于在body.dwt模板文档中没有定义“可编辑区域”的结果，使得生成的页面都不可编辑了。所以我们必须在模板文档中添加可编辑区域。下面是添加可编辑区域的步骤：

　　1） 打开body.dwt模板文档，我们希望中间的表格能够编辑（也就是图1中的A处）。但是要在body.dwt文档中，而不是body.htm），所以要在此处添加可编辑区域。

　　2） 将鼠标光标放入A处表格里，点击鼠标右键，选择New Editable Region…， 弹出New Editable Region窗口，需要填入此可编辑区域的名称（我们通常称为可编辑区域标记）。我们填入Region01，点击ok关闭此窗口完成当前可编辑区域标记的编辑。此时能够看到在表格中有如图3的显示。

　　

　　图3，New Editable Region窗口。

　　说明此处有一个标记为Region01的可编辑区域。

　　到此为止我们定义了一个可编辑区域，假如有多个编辑区域，同样能够如法炮制。

　　※还能够通过ModifyàTemplatesàNew Editable Region…生成新的可编辑区域，假如想删除可编辑区域，可通过ModifyàTemplatesàRemove Editable Region…，然后按提示操作即可。

　　4. 用模板生成页面

　　

　　其实我们前面也提及过用模板生成页面的步骤，就是通过FileàNew From Template。请参考第三步的有关步骤。现在我们用模板生成一个名为body3.htm的页面。这时您会发现，在body3.htm页面中除了可编辑区域Region01能够编辑外，别的地方鼠标都成了限制状态。我们在此可编辑区域中添加我们需要的内容，比如我们随便写入一篇文章。这样就能够根据我们的需要，利用模板生成页面。

　　5. 修改模板内容和更新站点文档

　　打开body.dwt模板文档，将我们需要修改的地方进行修改，比如我们把logo图片换掉或修改任何非可编辑区域，甚至添加或删除可编辑区域等。

　　下面就用换logo来说明模板是如何更新文档的。

　　我们把logo图片换成另外我们喜欢的图片，完成后保存body.dwt文档，这时DW会弹出窗口询问是否需要更新文档，选择Update，DW就会自动的将任何用此模板生成的页面都更新，更新时DW会弹出Update Pages窗口，完成后，在Update Pages窗口中会给出更新日志。

　　※假如选择了don’t Update，DW直接保持模板文档，暂时不更新页面，但我们能够手动更新页面，只要选择ModifyàTemplatesàUpdate Pages…即可。

　　这时我们打开任意一个用body.dwt生成的页面，如body3.htm。会发现logo图片已改变。

　　不难发现，利用这个功能，我们能够轻松的解决站点更新问题，模板的功能十分强大，此文只起到抛砖引玉的作用，很多功能由于篇幅问题未能提及，自己要多尝试，这样才能充分领略DW的模板风采。

　　在DW中，更有一项称为库的功能，跟模板能够有机的配合，这样会使模板的功能更加强大，假如读者反应有兴趣的话，我愿意为大家献上这一份礼物。

　　

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有