《使用模板和库项目》PPT课件

《《使用模板和库项目》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第12章使用模板和库项目通常在一个网站中会有大量风格和内容基本相似的页面，如果逐页建立、修改会浪费大量的人力物力，并且效率不高，整个站点中的网页也很难做到有统一的外观及结构。为此，我们可以借助DreamweaverCS5的模板功能来简化操作。模板的功能就是把网页布局和内容相分离，在布局好之后将其存储为模板，这样相同布局的页面可以通过模板创建，因此能够极大提高工作效率。而且使用模板和库维护修改网站也十分容易，可以在短时间内重新设计网站并对大量的网页进行修改。12.1模板的使用在DreamweaverCS5中有许多种创建模板的方法，可以创建空白

2、模板，也可以基于现存文档创建模板，除此之外，还可以将现有的HTML文档另存为模板，然后根据需要加以修改。12.1.1创建模板模板其实就是一个HTML文档，只是在HTML文档中增加了模板标记。有两种方法可以创建模板：一种是直接新建一个空白模板，再在其中插入需要显示的文档内容；另一种是将现有的网页文件另存为模板，然后再根据需要进行修改。1．直接创建模板2．从现有文档创建模板12.1.2管理模板创建好模板后，模板会在“资源”面板中显示。可以在“资源”面板中队模板进行管理，主要包括修改、删除和重命名模板等。选择“窗口”

3、“资源”命令，打开“资源”面

4、板，单击面板上的“模板按钮”，在模板列表上会显示所有的模板，如图12.5所示。1．修改模板2．删除模板3．重命名模板12.1.3创建嵌套模板嵌套模板是指在模板中嵌套另一个模板。嵌套模板对于控制共享许多设计元素的站点页面中的内容很有用，但在各页之间有些差距。若要创建嵌套模板，必须首先保存原始模板或基本模板，然后根据该模板创建新文档，最后将该文档另存为模板。在新模板中，可以在原来的基本模板中定义的可编辑区域中进一步定义区域。基本模板中的可编辑区域被传递到嵌套模板，并在根据嵌套模板创建的页面中保持可编辑，除非在这些区域中又插入了新的模板区域。12

5、.1.4定义模板区域在模板中定义了文档的布局和大致框架。在使用模板之前，首先要了解模板的两个区域，即非编辑区域和编辑区域。模板中创建的元素在基于模板的页面中通常是锁定区域，或称之为非编辑区域，要编辑模板，必须在模板中定义可编辑区域。在使用模板创建文档时只能改变可编辑区域中的内容，锁定区域在文档编辑过程中始终保持不变。1．模板区域的类型2．定义可编辑区域12.1.5实例——创建网站的模板页面12.2使用模板创建网页文档在Dreamweaver中，可以以模板为基础创建新的文档，或将一个模板应用于已有的文档。使用这样的方法创建网页文档，可以保持整

6、个网站风格的统一性，并能大大提高制作效率。12.2.1创建基于模板的文档创建基于模板的新文档的操作步骤如下。（1）选择“文件”

7、“新建”命令，在弹出的“新建文档”对话框中选择“模板中的页”

8、“站点newweb”中的muban1，如图12.29所示。（2）单击“创建”按钮，即可创建一个基于模板的网页文档，如图12.30所示（3）对新文档进行修改。12.2.2分离模板用模板设计网页时，模板有很多的锁定区域。这些区域是不可编辑的。若要更改基于模板的文档的锁定区域，必须将文档从模板中分离。当文档被分离后，它将成为一个普通的文档，不再具有可编辑区域或

9、锁定区域，也不再和任何模板相关联。选择“修改”

10、“模板”

11、“从模板中分离”命令，即可将网页从模板中分离，模板中的锁定区域将会全部删除，如图12.31所示。12.2.3更新模板页面应用模板创建其他网页可保持整个网站的一致风格，又可节省时间。模板的最大作用就是能一次更新多个页面，做到一改全改。对模板进行修改时，Dreamweaver会提示是否更新基于该模板的页面，也可使用更新命令来手动更新当前页面或整个站点。1．更新基于模板的文档2．更新站点模板12.3库的使用库通常用来存放文档中的页面元素，如文本、图像、Flash动画等。这些页面元素被广泛应

12、用于整个站点，并且能够被反复使用，因此它们被称作库项目。12.3.1库项目的概念库是一种特殊的文件，它包含可添加到网页文档中的一组单个资源或资源副本。库里面的这些资源被称为库项目。库项目可以使用图像、表格或SWF文件等元素。当编辑某个库项目时，可以自动更新应用该库项目的所有网页文档。12.3.2创建库项目在DreamweaverCS5文档中，可以将网页文档中的任何元素创建为库项目，这些元素包括文本、图像、表格、表单、插件、ActiveX控件以及Java程序等。要使用库，必须首先创建库。创建库有两种方法：一是新建库，二是将已经做好的网页内容转

13、换为库。在打开的网页中，由于一些内容已经做好了，因此只需将其转换成库对象即可。选择“窗口”

14、“资源”命令，打开“资源”面板，在左侧的按钮中单击“库”按钮切换到“库”面板，如图12