第9章 模板和库的应用.ppt

1、第9章模板和库的应用,9.1 模板的基本操作 9.2 库的应用,9.1 模板的基本操作,9.1.1 模板的基本特点 使用模板的好处在于： 1.可以生成大批的风格相近的网页。 2. 一是一次可以更新多个页面。根据模板创建的文档与模板保持链接关系（除非以后分离该文档），可以通过修改模板立即更新所有基于该模板的文档。,9.1 模板的基本操作,9.1.2 模板的创建与保存 1.模板的创建方法 方法一：通过菜单创建模板 在文件面板中选择要创建模板的站点。 选择【文件】【新建】【空白页】或者【空模板】 【HTML模板】 ，选择需创建的模板类型。单击【确定】，创建了一个空白模板,9.1 模板的基本操作,9.

2、1.2 模板的创建与保存 1.模板的创建方法 方法二：在【资源】面板创建模板 在文件面板中选择要创建模板的站点。 选择【窗口】【资源】命令，打开【资源】面板，选定面板左侧的【模板】按钮，单击“添加”按钮。 方法三：利用现成网页创建模板 打开欲做模板的网页。 选择【文件】【另存为模板】命令。,9.1 模板的基本操作,2、模板的保存 新建的模板文件会保存在本地站点的Templates文件夹中。 如果该Templates文件夹在站点中尙不存在，Dreamweaver CS5将在保存新建模板时自动创建该文件夹。 模板文件的扩展名为.dwt。,9.1 模板的基本操作,9.1.3 创建模板区域 创建可编辑

3、区域 可编辑模板区域控制基于模板的页面中的哪些区域可以编辑。设置可编辑区域，需要在制作模板的时候完成。 相似网页,完全一样部分（在模板中制作）,不同部分（设为可编辑区域）,1、创建可编辑区域 在模板中插入重复区域的操作步骤： 将插入点放在想要插入可编辑区域的地方 在插入栏中选择【模板】，然后单击【可编辑区域】按钮。 在【新建可编辑区域】对话框中，输入该区域的名称 单击【确定】按钮,9.1 模板的基本操作,9.1.4 创建基于模板的网页 使用菜单方式 选择【文件】【新建】|【新建文档】|【模板中的页】，选择新建的页面存放的站点及所用模板名称。 选中【当模板改变时更新页面】的复选框时，当模板被修改

4、后，用此模板创建的网页也会被修改。 单击【创建】按钮，此时在网页编辑窗口建立了一个由模板生成的网页，设计者可在可编辑区域输入相关内容。,9.1 模板的基本操作,9.1.4 创建基于模板的网页,选择“模板中的页”,选择要应用的模板所在站点,选择要应用的模板,单击“创建”按钮,显示模板预览效果,9.1 模板的基本操作,9.1.4 创建基于模板的网页 使用资源面板 首先新建页面，通过【窗口】菜单打开资源面板 选择面板中的模板资源。 选中欲使用的模板，单击【应用】按钮；或将选中的模板拖到编辑窗口。在应用了模板的文档的可编辑区域内编辑相关内容。,9.1 模板的基本操作,9.2库的应用,库是一种特殊类型的

5、Dreamweaver文件，我们可以将整个网站上经常重复使用或更新的页面元素定义为库项目，如图像、表格、文本、声音和Flash影片等。当需要使用某库项目时，直接将其从“资源”面板中拖到网页中就可以了。 使用库的意义：如果使用了库，就可以通过改动库更新所有采用库的网页，不用一个一个的修改网页元素或者重新制作网页。使用库比使用模板，有更大的灵活性。,库项目列表,将库项目插入到文档,删除库项目,编辑库项目,新建库项目,预览库项目,9.2库的应用,9.2库的应用,9.2.1将选定内容创建为库项目 步骤： 选择【窗口】【资源】命令，出现“资源”面板，选择面板左侧的“库”类别。 在“文档”窗口中，选择文档要另存为库项目的内容。 将选定内容拖到“资源”面板的“库”类别中，或者单击“资源”面板的“库”类别底部的“新建库项目”按钮，一个库项目被创建，此时网页文档下方的属性检查器也变为“库项目”检查器。首先选中对象，然后选择“修改”“库”“增加对象到库”菜单，即将所选对象创建为库项目。,9.2库的应用,9.2.2 应用库项目 步骤： 将文本光标定位于“文档”窗口中。 在“资源”面板上选择面板左侧的“库”类别。 将一个库项目从“资源”面板拖动到“文档”窗口中，或者选择一个库项目，然后单击面板底部的“插入”按钮。,9.2库的应用,注