如何用DW编辑网站模板

使用DW制作网页时候，网页的框架往往在某些方面有固定的格式，像是导航栏、banner条，如果每制作一个网页就要重新设计这些内容是很耗时间的，下面是小编为大家搜索整理的如何用DW编辑网站模板，希望大家能有所收获，更多精彩内容请及时关注我们应届毕业生考试网!

在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”几个字。同时你会惊讶的发现body2.htm文件竟然不可以编辑。对了，这就是由于在body.dwt模板文件中没有定义“可编辑区域”的结果，使得生成的页面都不可编辑了。所以我们必须在模板文件中添加可编辑区域。下面是添加可编辑区域的步骤：

1) 打开body.dwt模板文件，我们希望中间的表格可以编辑。但是要在body.dwt文件中，而不是body.htm)，所以要在此处添加可编辑区域。

2) 将鼠标光标放入A处表格里，点击鼠标右键，选择New Editable Region…， 弹出New Editable Region窗口，要求填入此可编辑区域的名称。我们填入Region01，点击ok关闭此窗口完成当前可编辑区域标记的编辑。

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

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

注：通过ModifyàTemplatesàNew Editable Region…网站模板可以生成新的可编辑区域，如果想删除可编辑区域，可通过ModifyàTemplatesàRemove Editable Region…，然后按提示操作即可。

【相关阅读】

Dreamweaver文档窗口

在“文档”窗口中通过“代码”视图、“拆分代码”视图、“设计”视图、“代码”视图和“设计”视图(拆分视图)或“实时”视图查看文档。

“文档”窗口显示当前文档。可以选择下列任一视图：

“设计”视图 一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中，Dreamweaver 显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。

“代码”视图 一个用于编写和编辑 HTML、JavaScript、服务器语言代码(如 PHP 或 ColdFusion 标记语言 (CFML))以及任何其它类型代码的手工编码环境。

拆分“代码”视图 “代码”视图的一种拆分版本，使您可以通过滚动以同时对文档的不同部分进行操作。

代码和“设计”视图 使您可以在一个窗口中同时看到同一文档的“代码”视图和“设计”视图。

“实时”视图 与“设计”视图类似，“实时”视图更逼真地显示文档在浏览器中的表示形式，并使您能够像在浏览器中那样与文档交互。“实时”视图不可编辑。不过，您可以在“代码”视图中进行编辑，然后刷新“实时”视图来查看所做的更改。

实时“代码”视图 仅当在“实时”视图中查看文档时可用。“实时代码”视图显示浏览器用于执行该页面的实际代码，当您在“实时”视图中与该页面进行交互时，它可以动态变化。“实时代码”视图不可编辑。

当“文档”窗口处于最大化状态(默认值)时，“文档”窗口顶部会显示选项卡，上面显示了所有打开的文档的文件名。如果您尚未保存已做的更改，则 Dreamweaver 会在文件名后显示一个星号。

若要切换到某个文档，请单击它的选项卡。

Dreamweaver 还会在文档的选项卡下(如果在单独窗口中查看文档，则在文档标题栏下)显示“相关文件”工具栏。相关文档指与当前文件关联的文档，例如 CSS 文件或 JavaScript 文件。若要在“文档”窗口中打开这些相关文件之一，请在“相关文件”工具栏中单击其文件名。

【如何用DW编辑网站模板】相关文章：