Dreamweaver网页设计与制作教程教学课件 杨继 第11章 模板和库的应用.ppt

《Dreamweaver网页设计与制作教程教学课件 杨继 第11章 模板和库的应用.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第11章模板和库的应用第11章模板和库的应用内容提要模板和库的定义创建模板和库项目的方法模板和库项目的应用2第11章模板和库的应用11.1模板模板是Dreamweaver中一种特殊类型的网页文档，扩展名为dwt，是用来设计具有固定布局的页面。模板组成：可编辑区域和不可编辑区域可编辑区域：能根据个人的喜好进行编辑的区域。不可编辑区域：不可由用户更改的区域。3第11章模板和库的应用11.1模板11.1.1创建模板两种方法：创建空白模板和直接将现有网页另存为模板1.创建空白模板（1）在某个站点中通过执行“窗口”→“资源”命令（或按快捷键F11），打开资源管理面板，如图11.1所示。（2）单击资源面

2、板左侧名称列表中的“模板”项，打开模板面板。模板面板的空白区域被分隔为两部分，上面的区域为资源预览区，用于预览当前所选择的模板内容；下面的区域为资源列表区，显示所有已创建的模板资源。4第11章模板和库的应用11.1模板11.1.1创建模板1.创建空白模板（3）在模板面板的最下方找到（新建模板）按钮，单击即可新建一个模板文件，文件名称为可编辑状态。（4）为该文件命名，按Enter键确定。5第11章模板和库的应用11.1模板11.1.1创建模板2.将现有网页另存为模板（1）打开需要将其另存为模板的网页。（2）清除网页中需要重新输入内容的区域，保留固定不变的区域。（3）选择“文件”→“另存为模板”

3、命令，打开如图11.2所示的对话框。6第11章模板和库的应用11.1模板11.1.1创建模板（4）在对话框中打开“站点”下拉列表，选择用来保存模板的站点。“现有的模板”列表中列出了所有站点内已经存在的模板。“描述”文本框中可以输入对当前模板的说明性文字。（5）在“另存为”文本框中为模板命名。（6）单击“保存”按钮完成模板的创建，系统会在站点的根目录下自动建立一个名为Templates的文件夹，专门用来存放模板文件，每个模板文件的扩展名都为dwt。如图11.3所示。7第11章模板和库的应用11.1模板11.1.2编辑模板利用表格或布局表格和布局单元格对模板网页进行布局设置，并确定哪些区域为可编

4、辑区域或不可编辑区域等。模板区域分为4种，分别是可编辑区域、可选区域、重复区域和可编辑标记属性，下面就分别介绍它们的创建。8第11章模板和库的应用11.1模板11.1.2编辑模板1.创建可编辑区域（1）将光标定位到模板中要创建可编辑区的位置。（2）执行“插入”→“模板对象”→“可编辑区域”命令，打开“新建可编辑区域”对话框，如图所示。（3）在“名称”文本框中输入可编辑区域的名字。（4）单击“确定”按钮，即可在光标位置插入可编辑区域，如图11.5所示。9第11章模板和库的应用11.1模板11.1.2编辑模板2.创建可编辑区域（1）将光标定位在要插入可选区域的位置，或在模板中选中想要成为可选区域

5、的对象。（2）执行“插入”→“模板对象”→“可选区域”或“可编辑的可选区域”命令，弹出“新建可选区域”对话框，如图11.6所示。（3）单击对话框上的“基本”标签，在“名称”框中输入名称，选择“默认显示”则表示在文档中显示选定区域，否则表明在文档中该区域不显示。（4）单击对话框上的“高级”标签，选择“输入表达式”，在文本框中输入显示条件的表达式。如图11.7所示。（5）单击“确定”按钮，完成可选区域的创建。如图11.8所示，ke1为正常的可选区域，ke2为可编辑的可选区域。10第11章模板和库的应用11.1模板2.创建可编辑区域11第11章模板和库的应用11.1模板可选区域插入完成后，可将该模

6、板应用在某一网页中，通过“修改”→“模板属性”命令打开“模板属性”对话框，如图11.9所示，在对话框中选择某个可选区域名称，设置对话框下方的复选框来设置该区域的内容是否可显示在网页中。12第11章模板和库的应用11.1模板11.1.2编辑模板3.创建重复区域重复区域是模板中进行重复添加的区域，使用重复区域可以在模板中复制任意次数的指定区域。它是不可编辑区域，若要使重复区域中的内容可编辑，必须在重复区域中插入可编辑区域。创建重复区域分为创建正常重复区域和创建重复表格两种。13第11章模板和库的应用11.1模板11.1.2编辑模板3.创建重复区域创建正常重复区域（1）将光标定位到要插入重复区域的

7、模板中。（2）执行“插入”→“模板对象”→“重复区域”命令，打开“新建重复区域”对话框，如图11.10所示。（3）在“名称”对话框中为重复区域命名，单击“确定”按钮，即可在模板中插入一个重复区域，如图11.11所示。14第11章模板和库的应用11.1模板11.1.2编辑模板3.创建重复区域创建重复表格（1）打开一个模板，将光标定位在要插入重复表格的位置。（2）执行“插入”→“模板对象”→“重复表格”命令，弹出