中文版Dreamweaver CC从入门到精通实用教程 （微课版）全套PPT课件.ppt

在设计一个网站时，通常是根据网站的需要设计一整套页面风格一致、功能相似的页面。使用DreamweaverCC的模板功能可以制作出风格一致的页面。通过模板来创建和更新网页，不但可以极大地提高设计者的工作效率，而且对网站的维护也会变得更加轻松。在设置网站的过程中，很多时候需要把有些页面元素（比如图片和文字）应用到上百个页面中。而且当对每个页面进行修改时，如果采用逐一修改的方式，其工作量将会非常大。如果使用DreamweaverCC中的库项目则可以减轻这种重复劳动，使网站的维护变得更为简便。9.1模板和库的概念8.3创建单对象9.1.1模板的概念模板是制作其他网页文档时使用的基本文档，一般在制作统一风格的网页时会经常使用该功能。在DreamweaverCC中，模板能够帮助设计者快速制作出一系列具有相同风格的网页。制作模板与制作普通的网页相同，只是不把网页的所有部分都制作完成，而是只把导航条和标题栏等各个页面共有的部分制作出来，而把其他部分留给各个页面安排具体内容。9.1.2库的概念库是指将页面中的导航条、版权信息、公司商标等常用的构成元素转换为库保存起来，在需要的时候调用。DreamweaverCC允许将网站中需要重复使用或需要经常更新的页面元素（比如图像、文本、版权信息等）存入库中，存入库中的元素称之为库项目，它包含已创建并且便于放在Web页上的单独资源或资源副本的集合。当页面需要时，可以把库项目拖曳到页面中。此时DreamweaverCC会在页面中插入该库项目的HTML代码的拷贝，并创建一个对外部库项目的引用（即对原始库项目的应用的HTML注释）。这样，如果对库项目进行修改并使用更新命令，即可以实现整个网站各页面上与库项目相关内容的更新。8.3创建单对象9.1.3资源面板在详细介绍模板和库之前，先介绍一下“资源”面板。执行“窗口资源”菜单命令，打开“资源”面板，如图所示。在图中可以看到，DreamweaverCC的“资源”面板将网页元素分为很多类，比如图像、颜色、影片、脚本等。模板是Dreamweaver提供的一种机制，它能够帮助设计者快速制作出一系列具有相同风格的网页。在DreamweaverCC中，模板有以下4个主要功能。模板可选区：在从模板中派生出文档时，可以选择该区域的内容是否显示。模板重复区：在从模板派生出的文档中可能有需要重复出现的区域，例如可以定义表格的一个单元格为重复区域，这一单元格在文档中就能被重复利用，从而生成一种具有多个格的表格。模板的可编辑性标签属性：如果将模板的某个标签属性设置为可编辑，则在派生出的文档中就可以修改它。模板的嵌套：在一个模板中可以嵌入另外的一个模板，从而生成比较复杂的页面布局。9.2使用模板8.3创建单对象9.2.1创建模板创建模板一般有两种方法，一种是可以新建一个空白模板，另一种可以从某个页面生成一个模板。1．新建一个空白模板2．将文档保存为模板9.2.2设计模板如果要对创建好的空白模板或现有模板进行编辑，其操作流程如下。8.3创建单对象9.2.3设置模板文档的页面属性应用模板的文档将会继承模板中除页面标题外的所有部分，因此应用模板后只可以修改文档的标题，而不能更改其页面的属性。设置模板文档的页面属性的方法与设置文档页面属相似，具体的操作步骤如下。第1步：打开要设置页面属性的模板文档。第2步：执行“修改页面属性”菜单命令，打开“页面属性”对话框，第3步：可以看到该对话框与设置页面属性时一致，参照设置普通文档页面属性的方法设置模板文档的页面属性。设置完成后单击按钮。9.2.4定义模板区域Dreamweaver共有4种类型的模板区域，分别是可编辑区域、重复区域、可选区域和可编辑标记属性。1．定义可编辑区域2．定义可选区域3．定义重复区域4．定义可编辑标签属性即学即用：利用模板制作网页学习将需要更新的网页元素设置为可编辑区域，然后通过模板页将可编辑区域进行更新的方法。库是一种用来存储网站中经常出现或重复使用页面元素。简单的说，库主要用来处理重复出现的内容。例如每一个网页都会使用版权信息，如果一个一个地设置就会十分繁琐。这时可以将其收集在库中，使之成为库项目，当需要这些信息时，直接插入该项目即可，而且使用库比模板具有更大的灵活性。9.3定制库项目9.3.1创建库项目在Dreamweaver中，用户能够以网页中body部分中的任意元素创建库项目，这些元素包括文本、图像、表格、表单、插件、导航条等。库项目的文件扩展名为.lbi，所有的库项目都被默认放置在“站点文件夹/Libxry”文件夹内。8.3创建单对象