第15章 使用模板和库项目.pptVIP

第15周3,4课时用 教学内容：1、学会建立库文件，在网页中调用库； 2、熟练掌握模板的创建、可编辑区的设置、模板的套用、分离和更新 教学目标： 1、了解库文件的结构特点； 2、掌握模板的创建、保存、套用、分离和更新方法； 教学重点 1、模板的创建； 2、库文件的创建； 教学重点：模板的使用 教学过程： 复习 1.学会表单及能解决实际问题 为什么要用模板? 在制作网页的过程中，会发现大量的重复操作，比如说各个网页的版式大体一致：在网页上方是标题图片，在网页下方是版权声明。在各个分支栏目中也有很多相同的元素。只有把这些重复的操作简化，才能提高制作的效率。在DreamWeaver中使用模板可以提高制作效率。模板一定要存放在Templates文件夹中，其他文件不可存放在Templates。模板网页文件的后缀以dwt结尾。 综合例子： 要做一个下面类似的网页：当点击左边不同的超链接时，在右边显示对应的图片和说明，我们可以用模板来做！！！参看html2009\ke15 制作模板基本页面 制作一个模板的基本页面 将页面另存为模板 制作模板部分 设置可编辑区域 选中可编辑区域 选择“插入”→“模板对象”→“可编辑区域” 输入可编辑区域名称 保存模板页面页面 应用模板设置页面 选择“文件”→“新建”命令 选择要使用的模板 替换可编辑区域中的内容 保存页面 或者新建一个页面，然后点击菜单“修改”-”模板”-”套用模板到页” 其他页面的操作也类似。 编辑模板 执行“窗口”→“资源”命令 选择要进行编辑的模板 对模板进行编辑 保存模板文件 或直接打开模板进行编辑和修改。 模板的更新 在保存编辑后的模板时，单击“更新” 关闭“更新页面”对话框 1、创建库项目 创建库文件的方法有两种：新建库文件和将网页内容转化为库文件。 (一) 新建库文件 1、单击库面板上的“新建”按钮，给新库文件命名。 2、编辑库文件 双击新建的库文件，打开库文件编辑窗口。操作库文件的编辑窗口。 3、保存库文件 选择“文件”--“保存”，保存库文件。 可从访问 【小结】 在网页制作过程中，同一站点中的不同网页会有部分相同的信息。通过模板和库文件，可以实现将重复操作简化，提高了网页制作和效率和保持了站点的统一风格。 【小结】 框架网页是网页制作知识的重要组成部分。在制作框架网页时要注意步骤的规范，在保存框架网页时，要注意是保存的哪部分的框架。每次在框架网页中添加链接时要注意打开窗口对应的目标位置。灵活调整框架及框架集属性，可以实现不同的框架效果。 网页编程技术 * 网页编程技术 一、创建站点模板 1、新建网页模板 模板的创建分为两种方法： (一) 直接创建模板 单击菜单“窗口”-“资源” 命令，单击面板上的模板 按钮。 然后单击面板底下的“新建 模板”添加一个空白的模板 文档。 （二）将普通网页另存为模板 (1)打开一个已经制作完成的网页，删除网页中存在差别的区域，保留相同的区域。 (2)选择“文件”—“另存为模板”将网页另存为模板，如图所示。 2、 定义模板的可编辑区域 由模板生成的网页上，哪些地方可以编辑，是需要预先设定的。设定可编辑区域，需要在制作模板的时候完成。 (1)将光标置于要插入可编辑区域的位置，然后通过单击编辑窗口状态栏上的标签选中可编辑区域，如图。 (2)选择“插入”--“模板对象”--“可编辑区域”，在弹出的窗口给该可编辑区域命名后单击“确定”按钮。 新添加的可编辑区域有蓝色标签，标签上是可编辑区域的名称。 二、 基于模板生成新网页 使用模板创建网页的方法有两种： (一) 由模板新建网页 1、打开文件管理器，切换到“模板”子面板。在要新建网页的模板上右击，在弹出的快 捷菜单中选择“从模板新建”。 2、弹出网页编辑窗口，选择“文件”—“保存”，保存成普通的网页类型即可。 由模板生成的网页，只能编辑可编辑区域的内容。 (二)将模板应用于已存在的网页 1、选择模板 打开要套用模板的网页，选择“修改”一“模板”一“套用模板到网页”，弹出面板如图所示，需要在这个面板上选择套用的模板。 “站点”下拉列表框用来设置模板来源站点，可以套用不同站点的模板。 “模板”文本域用来选择套用的模板。 选中模板之后，单击“选定”按钮。 2、选择可编辑区域 接着又弹出设置面板，如图所示。 三、编辑被应用模板的网页 如果觉得套用的模板不合