第5章_高级网页制作

高级网页的制作

第5章 高级网页制作

制作网站是一项十分复杂的工作，尤其是一 个内容丰富的网站往往拥有成百上千个页面，在 网站的日常维护中经常需要改动网站的内容，这 给人们的维护工作带来了巨大的麻烦。综合性网 站的每一个独立专题一般都具有统一的风格，确 保所有页面具有相同布局的最的办法就是使用模 板和库文件。此外，随着网络技术的发展，大量 的交互式动态网站得到了应用，表单是网页中用 来实现客户端与网页服务器互动的界面。

高级网页的制作

5.1 模版

在Dreamweaver CS4中模板是一种特殊的文档， 是用来产生带有固定特征和共同格式网页的基础，网 站开发人员可以基于模板创建页面，从而使得页面具 有从模板继承而来的统一布局。另外，如果开发人员 修改了模板，Dreamweaver CS4会自动地更新所有 由此模板创建的页面。

高级网页的制作

5.1.1 创建模板

用户既可以直接新建模板，也可以将现 有的网页文件另存为模板。 ● 直接新建模板 ● 从现有网页创建模板

高级网页的制作

5.1.2 设置模板的可编辑域

模板的可编辑域是指套用该模板的网页可插入新 内容的区域。Dreamweaver CS4对由模板创建的网 页作了限制，非可编辑域的内容是不可以单独修改的。

● ● ●

创建可编辑区域

删除可编辑区域

寻找可编辑区域

高级网页的制作

5.1.3 使用模板创建网页

从模板新建页面

高级网页的制作

5.1.3 使用模板创建网页

通过模板创建的网页 ，用户只可以编辑模板中的可编 辑区域，当鼠标位于其它区域时，鼠标显示为 ，以表 示此区域不可编辑。

高级网页的制作

5.1.4 套用模板

对于已经建立好的网页文件，可以直接套用模板来统一修改 其布局格式，主要有以下两种情况： 1．将模板应用到空白的网页文件 2．将模板应用到有内容的网页文件 【实例5.1】将模板应用到有内容的网页文件。

图 套 用 了 模 板 的 网 页

5.15

高级网页的制作

5.1.5 利用模板批量更新网页

当修改模板后，Dreamweaver CS4能够自动地 检查该模板所应用的所有网页，并提示用户是否对这 些页面进行更新，也可以直接使用更新命令来更新整 个网站。

高级网页的制作

5.1.6 脱离网页与模板的关联

带有模板的网页文件有时修改起来不是很方便，

这是需要将网页文件与模板脱离。脱离了模板的页面

没有锁定的区域，用户就可以在任何区域内编辑网页 内容了。 如果希望终止网页与其套用的模板之间的关联关 系，可以采用如下的方法： ①打开一个套用了模板文件的网页文件； ②选择菜单“修改”→“模板”→“从模板中分离” 命令。

高级网页的制作

5.2 库

使用库可处理在多个页面中使用并且需要

经常更新的内容，能够有效减少一些重复性的

操作，例如链接的设置等。同时，使用库的更

新功能还能减少网站的维护量

高级网页的制作

高级网页的制作

高级网页的制作

高级网页的制作

高级网页的制作

高级网页的制作