网页设计与制作教程与实训全套PPT电子课件教案-第七章 模板和库.pptVIP

新建好以后，我们就可以打开文档，对它的可编辑区进行编辑了。 如图18所示： 2）使用新网页后再应用模板 选择“文件”新建一个网页文档，然后在“资源”面板的模板中选定将要使用的模板，点击“应用”，就可以把此模板应用到新建的文档中去。 当然，我们也可以对已经存在的网页使用模板，具体操作如下： （1 1）??? 打开要应用模板的网页 （2 2）????? 选择【修改】|【模板】|【应用到模板】在弹出的模板中选择一个模板到网页里面。于是我们就可以在网页里对其进行编辑了。当然了，我们只能对其的可编辑区域进行操作。 我们在应用模板时，为了满足网页需要，可以对模板的页面属性作设定。但是不能对文档的页面属性作修改。操作如下： 1)选择【修改】|【页面属性】，打开“页面属性”对话框以后，就可以对其作设定了。如图19所示 3)设定好以后，按“确定”按钮就可以把其运用于模板里了。 除此之外，我们还可以定义模板的可编辑区和锁定区的高亮显示。操作如下： 1)选择【编辑】|【首选参数】，然后在弹出的对话框中选择“标记色彩”如图20所示： 在这里，我们可以对模板里的一些参数，比如“可编辑区域”，“锁定的区域”以及“嵌套可编辑”区域的显示色彩作设置。首先单击它，然后在弹出的拾色器中选择一种颜色作为高亮显示色，其它区域照此操作。 1）? 2）选中“显示”，使其颜色能够在文档窗口中显示出来。 2）? 3） 单击“确定”按钮应用它。 使用了这些高亮色以后，可以很轻松的让自己和使用其模板的人辨认出可编辑区域和锁定区域来。 不过有时候我们需要对模板的不可编辑区域进行编辑，如添加网页的样式或者改变网页的外观等。这时我们就必须将模板生成的网页脱离原来的模板，具体的方法如下： 1)打开由模板生成的网页。 2)选择【修改】|【模板】|【从模板中分离】，这时由模板生成的网页即脱离模板，成为普通意义上的网页。我们就可以按照一般网页的操作方法对其进行修改了。 7.4 更新模板 我们在创建一个网站时，如果网站里面的所有网页都是基于一个或者是几个模板创建的，那么我们的维护工作就会变得很简单，高效，这也是为什么我们要使用模板来创建网站的一个重要原因。用模板来更新整个网站或是一个网站里面的几个页面，可以通过修改模板，然后对它更新来实现。 修改模板及更新的具体操作如下： 1)打开“资源”面板，在“模板”菜单里选择要修改的模板，双击即可以对它进行操作了。 2)在文档窗口编辑模板，如把“标题栏”里的“link”改为“新闻”，“体育”等链接。如图21所示： 3)修改以后，选择【文件】|【保存】，对修改的模板文件进行保存，这时会弹 一个对话框，询问是否更新当前编辑模板创建的网页文件。对话框中列出的是使用本模板创建的所有网页文件。如图22所示： 4)单击“更新”按钮，对网页中使用本模板的页面内容进行更新，并给出更新报告，如图23所示： 5)我们浏览相关的网页，会发现其已经被更新了。 我们需要注意的是，这种方法只能更新当前站点中的网页，对于其它站点里的网 我们是无能为力的。如果要更新指定站点中应用的模板，可以采用下面的方法： 1)选择【修改】|【模板】|【更新页面】这时会出现一个对话框，如图24所示： 2)在“查看”中选择“整个站点”，从相邻的下拉菜单中选择需要更新的站点名称。 3)在选择好以后，单击“开始”这时 Dreamweaver 将会搜索指定的站点。并对 点中用该模板创建的网页进行更新，并给出更新报告。 7.5 库 库是一种特殊的Dreamweaver文件，其中包含已经创建好了以便放在网页上的单独的资源或资源拷贝的集合。库文件夹由Dreamweaver在站点的根目录中自动创建。库中可以存放各种各样的页面元素，比如图像，文本，表格，层，声音或是Flash影片。我们一般把存入库中的元素叫做库项目或库元素。库项目是可以在多个页面里重复使用的存储页面元素。每当我们更改一个库项目的内容的时候，都可以更新所有使用该项目的页面，这一点上库和模板很相似。如果我们想让页面具有相同的标题和脚注，却有不同的页面布局，就应该使用库项目来保存标题和脚注。在使用库项目的时候，Dreamweaver不是向网页中插入库项目，而是向库里插入一个链接。以后我们如果需要更改库项目，则自动更新已经插入该项目的页面更新库的实例。这样可以使得我们的工作变得高效而且简单。 ? 1. 创建库项目 在网页中，凡是位于body…/body之间的HTMLLL元素都可以作为库项目，包含文本，图像，表格等。创建库项目有两种方法：新建库项目和将网页内容转换为库项目 1)???1）?? 在网页中新建库项目 (1)选择【窗口】|【资源】，然后单击按钮，就可以进入库面板，如图25所示： 这时我们看