工信版（中职）网页设计与制作-10电子课件.ppt

YCF（中职）网页设计与制作-10电子课件网页设计与制作网页设计与制作教 学 课 件第10章 模板、库和插件本章主要内容：理解模板和库的概念熟练掌握模板和库的创建熟练掌握如何利用模板和库设计网页了解常用插件的安装与使用 模板和库1.模板本身是一个文件（文件名是：*.dwt），是一种特殊的网页。2.库是网页中的一段HTML代码，用于存储网站中经常被重复使用的元素，存入库中的元素称为库项目。3.可以使网站和网页具有统一的结构、风格和外观，还可以减少重复劳动，大大提高网站设计的工作效率。4.站点的本地根文件夹内的Library和Templates文件夹。创建模板1、创建空白模板：2、模板的保存与修改：3、使用现有文档创建模板：定义可编辑的区域 n创建可编辑区域n创建一个可编辑的重复表格行区域n取消可编辑区域设置，先选择区域，然后单击菜单【修改】【模板】【删除模板标记】。n设置模板页面属性使用模板制作网页 1、“从模板新建”对话框2、对已有的文档应用模板修改模版和更新站点 1、修改模板 2、更新页面用模版用于选择范围，用于选择模板。库项目的创建 库项目的管理 n库项目的管理一般都是通过库面板完成的n选择一个库项目，右击调出快捷菜单，可以对库项目进行重命名、删除、修改等操作。n删除库项目的操作只是将库项目从库中删除掉，并不会改变文档的内容。库项目操作n在网页中使用库项目 1、把光标置于文档窗口中要插入库项目的位置。2、开库面板。3、插入库项目或拖放库项目。n使用库项目更新网页n更新指定网页文档。n更新当前页。使页面上的库项目可编辑 1、在当前网页文档中选择库项目。2、单击属性面板上的【从原文件中分离】或者右击库项目后在快捷菜单上选择【从原文件中分离】。库参数设置 1、选择【编辑】【首选参数】，然后选取【标记颜色】项。2、单击颜色框，指定显示库项目的突出显示颜色，选取【显示】复选框。3、单击【查看】【可视化助理】【不可见元素】，使之处于勾选状态。4 单击【确定】，关闭首选参数对话框。插件概述 nDreamweaver MX的可扩展功能插件。nDreamweaver MX的插件主要有三种：Command(命令)Object(对象)Behavior(行为)。n插件的扩展名为：mxp插件的安装-插件管理器 安装插件使用或禁用某个插件插件的使用说明及注意事项插件的使用 插件的卸载 本章小结n本章主要内容为模板、库、插件使用。n主要作用都是减少工作量，提高效率。n要求1、熟练掌握模板和库的创建方法2、熟练安装和使用插件3、学会利用模板和库创建网页4、当模板和库被修改后，应会用一种方法对网站中的网页进行批量更新。5、适当了解模板和库的管理。