第1篇第6章 模板与库.pptVIP

第1篇 第6章 模板与库 6.1 模板 6.1.1 创建模板 6.1.2 编辑模板 6.1.3 使用模板 6.2 库 思考题 6.1 模板 用模板可以创建具有统一结构和外观的网站。在需要更改网站的整体外观时，只要对相应的模板文件稍作修改，即可对整个网站进行快速更新 。 6.1.1 创建模板 创建模板有两种方法： 在Assets面板中按“新建”按纽，创建模板， 修改已有的HTML文档然后存成模板。 模板可以自动保存在站点根目录下的Templates文件夹内。 6.1.2 编辑模板 模板内分为可编辑区及不可编辑区，缺省是不可编辑区。不可编辑区是指引入模板的文档而言；在模板环境下（.dwt）均可编辑。 可编辑区 !-- TemplateBeginEditable name=aaa -- 可编辑区的内容 !-- TemplateEndEditable -- 不可编辑区 普通网页的不可编辑区在Dreamweaver代码编辑器中以灰色字体显示，不能被修改，但在其他编辑器（如记事本）中不可编辑区代码是可以修改的。 6.1.2 编辑模板 建立可编辑区 做表格，划分区域。 选中一区域 － “插入”面板|“常用”选项卡|“可编辑区”按钮 删除可编辑区域 指向可编辑区执行 右键菜单 “模板”|“删除模板标记” 存盘 可以存成 *.htm 或 *.dwt。 6.1.3 使用模板 1．使用模板和脱离模板 使用：从“资源”面板中的“模板”类别中选中要插入的模板，直接拖动到网页中 脱离：如果要修改应用了模板的文档中的不可编辑区域，须将文档和模板分离。菜单命令“修改”|“模板”|“从模板中分离” 更新模板时，已分离的文档不再会随之更新！ 6.1.3 使用模板 2．用模板更新网站 文档中只有不可编辑的部分才会随模板更新 修改模板并执行菜单命令“文件”|“保存” 【例6-1】制作“家禽生产学”网站的模板及使用该模板的两个网页，修改模板（在模板上增加一个动画）后，更新模板及使用该模板的网页。 6.2 库 库项目可以包含文本、表格、图象、Java程序、插件、Active元素；当修改某个库项目后，整个网站包含该库项目的网页均自动更新 。 建立库项目：拖入“资源”面板的“库” 中（起名）。若用Ctrl＋拖入，则文档中元素仍是文档元素，不是库元素，无指针。 应用库项目：拖出即可。 编辑库项目：双击库中目标对象—编辑库项目—存盘“文件”|“保存” —更新页面窗口。 更新： “修改”|“库”|“更新当前页” 或 “修改”|“库”|“更新页面” 库项目“属性”面板：脱离库 【例6-2】在网页中插入一个图片，使其成为库项目。在库编辑环境中修改库项目后，更新网页。将网页文档窗口的库项目“引用”脱离库项目，再修改库项目，观察文档窗口相应内容有无变化。 * *