Dreamweaver中,怎样建立模板文件?

Dreamweaver中,怎样建立模板文件?

首先，你要了解，模版是什么。就是一个板块，但是，可以出现多次，只是固定区域的内容或者样式不同。
第一步：如果你没有建站点的话，估计是不能用模版的。
第二步：选出或者作出一个当模版的网页，然后把，需要修改（也就是以后同网页，内容不同的地方）的地方删掉，光标要确保在那个需要修改的单元格或者DIV里面。
第三步：插入记录-模版对象-可编辑区域（此处为CS3版本的，其他版本的在哪我不知道。）
第四步：文件-另存为模版
第五步：改一个另存为上面的名字就行了。

如果要使用的话，就是：文件-新建-模版中的页。

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中，还有一项称为库的功能，跟模板可以有机的配合，这样会使模板的功能更加强大，如果读者反应有兴趣的话，我愿意为大家献上这一份礼物。

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息