dreamweaver

如何使用dreamweaver的功能

如何使用dreamweaver的模板功能

通常在一个网站中会有几十甚至几百个风格基本相似的页面，如

果每次都重新设定网页结构以及相同栏目下的导航条、各类图标就显

得非常麻烦，不过我们可以借助DreamweaverMX2004的模板功能

来简化操作。其实模板的功能高闲 就是把网页布局和内容分离，在布局设

计好之后将其存储为模板，这样相同布局的页面可以通过模板创建，

因此能够极大提高工作效率。

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

1.编辑页面

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

新建一个空白页面作为内页(通常一个网站只有一个首页，所以对

首页我们可以不做成模板)，取名为。

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

图1，编辑完成后的页面，注意A处，此处将作为可

编辑区域，下文会针对提及。

2.生成模板

编辑完成后，我们将此页保存为模板(注意不是保存为普通的htm

网页)。通过DW中的FileSaveAsTemplate可以存为模板，执行此

命令后会弹出SaveAsTemplate窗口，如图2。

图2，SaveAsTemplate窗口。

图2中的B处为选择站点，我们选择“蜘蛛网”，C处为我们要

存为的小孔雀鱼 模板文件名，我们填入body。按右上角的Save保存。

这时我们按F8调出site(站点管理器)，在Templates文件夹中可

以看到(当有模板文件时，DW会自动生成Templates文件

夹，dwt为模板类型文件)

3.编辑模板

在Site中打开模板文件，将会发现跟页面

好像没什么分别，但其实是不一样的，在中是无法添加可

编辑区域的。可编辑区域只能在模板文件中添加。

为了让大家更好的理解“可编辑区域”，我们先用此模板生成一

个htm文件：点FileNewFromTemplate，弹出SelectTemplate

窗口，在emplates中选择body，再点击右上角的Select即可生成一

个新的ht十六字口号 m文件。我们将此新建页面改名为。现在我们用

DW将与两文件都打开，比较一下有什么不同。

你会发现在页面的右上角写着“Template:body”几个字。

(说明此页是由模板文件生成)同时你会惊讶的发现

文件竟然不可以编辑(可以编辑)。对了，这就是

由于在模板文件中没有定义“可编辑区域”的结果，使得生

成的页面都不可编辑了。所以我们必须在模板文件中添加可编辑区域。

下面是添加可编辑区域的步骤：

1)打开模板文件，我们希望中间的表格可以编辑(也就

是图1中的A处)。但是要在文件中，而不是)，

所以要在此处添加可编辑区域。

2)将鼠标光标放入A处表格里，点击鼠标右键，选择New

EditableRegion…，弹出NewEditableRegion窗口，要求填入此

可编辑区域的彪炳什么意思 .名称(我们通常称为可编辑区域标记)。我们填入

Region01，点击ok关闭此窗口完成当前可编辑区域标记的编辑。此

时可以看到在表格中有如图3的显示。

图3，NewEditableRegion窗口。

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

到此为止我们定义了一个可编辑区域，如果有多个编辑区域，同

样可以如法炮制。

※还可以通过ModifyTemplatesNewEditableRegion…生成

新的可编辑区域，如果想删除可编辑区域，可通过

ModifyTemplatesRemoveEditableRegion…，然后按提示操作即

可。

4.用模板生成页面

其实我们前面也提及过用模板生成页面的步骤，就是通过

FileNewFromTemplate。请参考第三步的有关步骤。现在我们用模

板生成一个名为的页面。这时你真心相伴打一字 会发现，在

页面中除了可编辑区域Region01可以编辑外，别的地方鼠标都成了

限制状态。我们在此可编辑区域中添加我们需要的内容，比如我们随

便妈妈过生日送什么礼物好 写入一篇文章。这样就可以根据我们的需要，利用模板生成页面。

5.修改模板内容与更新站点alook 文件

打开模板文件，将我们需要修改的地方进行修改，比如

我们把logo图片换掉或修改任何非可编辑区域，甚至添加或删除可编

辑区域等。

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

我们把logo图片换成另外我们喜欢的图片，完成后保存

文件，这时DW会怎样画山水画 弹出窗口询问是否需要更新文件，选择

Update，DW就会自动的将所有用此模板生成的页面都更新，更新时

DW会弹出UpdatePages窗口，完成后，在UpdatePages窗口中

会给出更新日志。

※如果选择了don’tUpdate，DW直接保持模板文件，暂时不

更新页面，但我们可以手动更新页面，只要选择

ModifyTemplatesUpdatePages…即可。

这时我们打开任意一个用生成的页面，如。

会发现logo图片已经改变。

不难发现，利用这个功能，我们可以轻松的解决站点更新对联常识 问题，

模板的功能十分强大，此文只起到抛砖引玉的作用，很多功能由于篇

幅问题未能提及，自己要多尝试，这样才能充分领略DW的模板风采。