dreamweaver网页模板（运用Dreamweaver新建模板）

本文目录一览：

• 1、如何使用DreamWeaver的模板
• 2、怎样在dreamweaver中添加模板
• 3、怎么用Dreamweaver建模板
• 4、Dreamweaver模板的作用
• 5、dreamweaver 模板的作用
• 6、怎么在dreamweaver里插入模板？

如何使用DreamWeaver的模板

Dreamweaver模板创建后自动地被存贮在Templates文件夹中（这个文件夹就在你所定义的本地站点的根下面）。如果这个文件夹不存在的话，在创建新模板时Dreamweaver会自动创建一个Templates文件夹。 保存一个已经存在的文件为模板。 1、选择 File Open 选择一个HTML文件。 2、选择 File Save as Template 。 3、在弹出的对话框中选择一个本地站点，然后输入所要保存模板的名字。 4、最后点击 Save 按钮就可以了。 创建一个新的模板 1、选择 Window Templates 2、在 Template 选项下点击 New, 一个新的未命名的模板就被加入到模板列表中了 3、在新模板被创建后，这模板在模板列表中仍然处于被选定状态，让你为这个模板输入一个名字。 我们的模板已经创建了下面我们该怎么修改模板呢？ 修改模板 如何才能修改模板呢？这就太简单了。 1、选择Window Templates 2、在模板列表里双击你所要修改的模板。 3、定义可编辑区。 在选取的区域上按一下鼠标右键，然后选择弹出菜单的 Editable regions make selection as editable 。 使用模板 想要使用模板时，可能有两种常见情况： 1、套用到旧的网页：你不一定要先将网页模板设计出来，对于既有的网页、文章而言，也可以在稍后先择Modify菜单的 TemplatesApply Template to Page 项目，将模板套用到既有的网页上面。 2、直接开启网页模板加以编辑：建立新网页时，选择File菜单的New from Template项目。 套用模板的网页基本上会继承模板中的“可编辑区域”、“非编辑区域”的属性设定。为了日后的更新及维护的需求，若是想要对“非编辑区域”进行调整，最好是回到模板中修改，存文件时，Dreamweave r便会询问要不要更新所有套用了该模板的网页。【责编:cc】

怎样在dreamweaver中添加模板

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

怎么用Dreamweaver建模板

先建立一个普通的网页，设计好里面的内容，然后保存为模板文件，并按照dreamweaver的要求，添加可以编辑区域，之后再次保存，就成为了一个新的网页模版。

不过最好是在建立模板之前，首先建立dreamweaver站点，这样可以保证模板文件、素材文件路径的正确。

Dreamweaver模板的作用

使用模板可以控制大的设计区域，以及重复使用完整的布局。如果要重复使用个别设计元素，如站点的版权信息或徽标，可以创建库项目。

使用模板可以一次更新多个页面。从模板创建的文档与该模板保持连接状态（除非您以后分离该文档）。可以修改模板并立即更新基于该模板的所有文档中的设计。

Dreamweaver 中的模板与某些其它 Adobe Creative Suite 软件中的模板的不同之处在于，默认情况下 Dreamweaver 模板的页面中的各部分是固定（即不可编辑）的。

应该强调的是,在Dreamweaver CS3中要应用模板和库制作网页,首先要将网站作为Dreamweaver CS3管理的一个站点,这样就可以由Dreamweaver CS3来管理模板和库.

通常制作模板文件时,只把导航条和标题栏等各个页面黄有的部分制作出来,而把其他部分留给各个页面安排设置具体内容.制作模板文件与制作普通的网页的方法是相同的.但是在制作模板时,必须设置好页面属性,指定好可编辑区域等..

(模板的制作思路在许多大型网站上都有应用,如个人博客,各单位的信息发布网站等,它的最大的好处就是减少了重复劳动,并且相关的网站页面风格保持一致.)

dreamweaver 模板的作用

1、dreamweaver 模板的作用是为了方便网页编辑者快速的创建页面布局。

2、通过模板页面首页参数设置构思好的布局页面来实现快速操作。

怎么在dreamweaver里插入模板？

在dreamweaver里插入模板的方法步骤：

1、第一步——首先是必须建立好一个页的基本框架，把固定的元素先确定下来，留出一些空白的编辑区域给一些变动元素。

2、第二步——在菜单栏上依次打开【插入】——【模板对象】——【创建模板】

3、第三步——重新命名你的网页模板。创建网页模板必须先建立网站站点。

4、第四步——将鼠标光标定位到需要插入编辑区域的地方，然后在菜单栏中打开【插入】——【模板对象】——【可编辑区域】

5、第五步——建立好的可编辑区域后以后可以直接在这里面输入相应的内容，大多数需要不断更新的。然后就可以直接CTRL+S保存这个模板了，网页模板的格式是.dwt

6、第六步——使用网页模板，可以在菜单栏中打开【文件】——【新建】——【模板中的页】，选定刚刚重命名的制作好的模板就可以直接引用了。