Artile_Title
第七篇、效率篇
信息爆炸已经成为互联网的一个特点,各个网站都有着数不清的信息等待浏览者的访问和获得,信息的多少已经成为一个网站的基础。当你面对你的网站,想要创建大量的Web页面以便将信息传递给浏览者时,也许你会发现这种重复性的工作正在变得枯燥和乏味,别愁,静下心来,仔细看看Dreamweaver给我们提供的工具,你会发现有许多可以节约你时间的工具,模板和库就是最基本和有效的途径,同时也是保持你的站点具有统一风格的利器。此外合理的利用查找于替换功能也能极大的改善你的工作效率。
一、 模板的使用。利用Dremweaver的模板我们可以创建具有相同页面布局的一系列文件,同时模板最大的好处还在于后期维护方便,可以快速的改变整个站点的布局和外观。
(一)、模板的原理。模板是由可编辑区域和不可编辑区域两部分组成。不可编辑区域包含了在所有页面中共有的元素,即构成页面的基本框架;而可编辑区域是为添加相应的内容而设置的。在后期维护中我们通过改变模板的不可编辑区,即构成页面的框架部分,可以快速的更新整个站点中所有使用了模板的页面布局。
(二)、创建模板的过程。
1、 定义模板页面。创建模板首先要创建一个基本的页面,这个页面应该包含你的所有页面里都共有的导航、版权、Logo等部分,并在将来要添加内容的区域先放置一些临时的元素,如图所示;
2、 转换为模板。创建好基本的页面后,我们执行File|Save as Template命令将此页面转存为模板。Dreamweaver会将模板文件保存在站点的Templates目录下,此时的页面与刚才没有任何区别。以为我们还没有定义可编辑区和不可编辑区。
3、 定义可编辑区域。没有定义可编辑区的模板是不能被使用的,因为它的所有部分都是锁定的。我们必须定义至少一个可编辑区,有两种方法,一种是选择已有的一部分页面内容将它指定为可编辑区域,另一种是在当前光标处插入一个空的可编辑区,定义模板时,程序会要求你指定一个名称给这个可编辑区。需要注意的是,将已有内容转换为可编辑区时,必须选择成对的标签,例如常用的<table></table>,或者<td></td>,当然也可以使用<div></div>等容器,但是不能使用包含多个单元格的<tr></tr>。选定此区域后,执行Modify|Templates|New Editable Region命令,命名此可编辑区。如果需要,我们可以创建多个可编辑区,创建完可编辑区后执行Save命令再次保存模板,此时模板才真正的可以使用。
Dreamweaver会用浅蓝色标记出可编辑区域的范围,并标明它的名称。
4、 修改可编辑区域。定义好可编辑区域后,我们还可以取消指定的可编辑区域,将其变为不可编辑区。执行Modify|Templates|Remove
Editable Region,选择一个命名的可编辑区后点确定,此部分现在变为不可编辑区。
(三)、使用模板。创建模板只是为了我们以后使用模板搭下良好的结构,我们可以在此基础上分别添加内容,从而创建一系列具有相同外观的页面。
1、 从模板创建新文件。最简单的方法是从模板开始创建一个新文件,File|New From Templates命令可以自动新建一个文件,并提示你选择你需要的模板。此时你会发现前面我们定义的不可编辑区中鼠标不可用,呈现
状态。而在可编辑区鼠标可用,我们可以直接在其中输入特定的内容。
2、 对已有页面套用模板。在很多时候,我们已经有了大量未使用模板的页面,我们想将其转换为统一的外观。此时可以打开Templates面板,
我们可以从模板列表中选择一个当前站点已有的模板,点击Apply按钮,当前页面就套用上了我们选定的模板。
3、 更新模板。当我们对当前站点中的所有文件套用了模板后,我们还可以随时修改模板的外观,改变模板的布局,但要保持模板里可编辑区域不被删除,当修改完毕保存此模板时,Dreamweaver会提示是否更新所有使用了此模板的文件,并在对话框中列出使用了此模板的文件列表。我们选择Update则整个站点的文件会按照新模板的布局自动更新。
