中职 计算机专业 《Dreamweaver 网页制作》课件 第10章 掌握事半功倍之模板与库.pptVIP

第10章 掌握事半功倍之模板与库 学会模板的建立与应用 10.1 学会库的建立与应用 10.2 10.1 学会模板的建立与应用 10.1.1 模板的创建方法 10.1.2 定义可编辑区域 10.1.3 使用模板文档制作网页 10.1.4 修改模板文档 10.1.5 知识拓展 10.1.1 模板的创建方法 1．通过菜单创建模板 2．在“资源”面板中创建模板 3．利用现存网页创建模板 10.1.2 定义可编辑区域 模板文档可以分为可编辑区域和不可编辑区域。在模板文档中指定为可编辑区域的部分可以在其他文档中像一般元素一样被修改；而设定为不可编辑区域的部分，则不能在其他文档中修改。 制作并保存文档以及设定可编辑区域的方法如下： 10.1.2 定义可编辑区域 10.1.2 定义可编辑区域 10.1.3 使用模板文档制作网页 10.1.3 使用模板文档制作网页 10.1.4 修改模板文档 在“资源”面板中双击模板名称，打开模板文档，即可修改该模板。 10.1.5 知识拓展 1.模板及其作用 　　模板是能够生成其他网页样板的特殊网页，在网站的设计过程中，通常会根据网站的需求创建多个风格一致、功能相似的网页。它的扩展名为.dwt，存放在站点目录下的Templates文件夹中，如果在站点中尚未建立该文件夹，则Dreamweaver 8将在保存新建模板时自动创建。 利用模板可以固化站点每页都出现的元素。利用模板创建网页，可使整个站点具有统一的风格。只要修改模板，就可以修改应用了该模板的所有网页，而不需要手动修改每一页。 10.1.5 知识拓展 2.重命名模板 　 步骤： （1）打开“资源”面板。 （2）右击模板文件，在弹出的快捷菜单中选择“重命名”命令，输入新名称即可。 10.1.5 知识拓展 3.删除模板 　　方法1：右击模板文件，在弹出的快捷菜单中选择“删除”命令。 　　方法2：选择模板文件，单击面板右下角的“删除”按钮，如下图所示。 10.1.5 知识拓展 10.1.5 知识拓展 10.2 学会库的建立与应用 10.2.1 注册库项目 10.2.2 应用库项目 10.2.3 修改库项目 10.2.4 知识拓展 10.2.1 注册库项目 10.2.1 注册库项目 10.2.1 注册库项目 10.2.1 注册库项目 10.2.2 应用库项目 利用前面注册的项目制作网页文档的步骤如下： 10.2.2 应用库项目 10.2.3 修改库项目 选择库中注册的项目，不论项目是图像还是文本，属性面板都将变成库的相关属性面板。修改了库项目，则在网页文档中插入的项目内容会随之发生变化。 步骤： （1）双击库中要修改的title的图标部分。 （2）弹出项目编辑界面。 （3）选择版权信息后把文字颜色更改为希望的颜色。在菜单栏选择“文件” → “保存”命令，进行保存。 10.2.3 修改库项目 10.2.4 知识拓展 1.库的概念及作用 　　所谓库文件，实际上就是文档内容的任意组合，可以将文档中的任意内容（包括文本、图像、表格、声音、Flash等）存储为库文件，使它在需要的地方被重复使用。库的扩展名为.lib，存放在站点目录下的Library文件夹中，如果在 站点中该文件夹尚不存在，则Dreamweaver 8将在保存库项目时自动创建。 10.2.4 知识拓展 2.理解库的相关选项 　　在“资源”面板左侧单击“库”图标后，可以在右侧列表中确认并管理当前注册的项目，下面介绍面板右侧的各项内容，如下图所示。 10.2.4 知识拓展 10.2.4 知识拓展 ①插入：把选定的图标插入到指定位置。 ②刷新站点列表：把库中的所有图标更新为必威体育精装版信息。 ③新建库项目：把网页文档中选定的构成要素添加为库的新项目。 ④编辑：显示库中的选定项的编辑界面。 ⑤删除：删除库中的选定项。 10.2.4 知识拓展