第九框架模板和库.ppt

Dreamweaver课件 第九章 框架、模板和库 第九章 框架、模板和库 9.1 框架和框架集的介绍 9.2 创建框架和框架集 9.3 选择和删除框架和框架集 9.4 设置框架和框架集属性 9.5 创建模板 9.6 定义模板编辑区域 9.7 创建与应用库项目 9.8 总结 9.1 框架和框架集的介绍 框架可以将一个浏览器窗口划分为多个区域，且每个区域都可以显示不同的HTML文档。其效果是在浏览网页时，网页中一部分区域（如公司Logo、导航条）内容不改变，而其他区域内容在不断发生改变。一般大型的论坛会用到框架集。 9.1 框架和框架集的介绍 框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。 框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、大小、位置以及在框架中初始显示页面的地址。框架集文件本身不包含要在浏览器中显示的网页内容，框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些网页的有关信息。 9.2 创建框架和框架集 9.2.1 插入预定义框架集 9.2.2 创建嵌套框架集 9.2.3 保存框架和框架集文件 9.2.1 插入预定义框架集 在Dreamweaver 中预定义了一些框架集样式，需要使用时直接插入即可。执行“插入”|“HTML”|“框架”|“上方及左侧嵌套”命令。 9.2.2 创建嵌套框架集 9.2.3 保存框架和框架集文件 保存框架与框架集之后才能在浏览器中浏览用框架布局的网页。每个框架包含一个网页，一个框架集则包含多个网页，在保存时应保存所有的框架与框架集。 保存（每个子框架、最外面框架集都要保存成网页文件） 手动：先通过“文件/保存框架”命令依此保存子框架，再通过“文件/框架集另存为”命令保存框架集。 自动：通过“文件/保存全部”命令，系统先保存框架集，后依此保存子框架。 保存框架 保存框架集 保存框架集中的所有网页 保存框架 框架和框架集的保存与一般网页文档的保存不同。 将插入点定位到要保存的框架中。 选择[文件]?[保存框架]菜单命令，在打开的“另存为”对话框中像保存其他网页一样指定保存路径和文件名，然后单击“保存”按钮即可。 保存框架集 保存框架集的方法与保存框架相似，选中所需保存的框架集。 选择[文件]?[框架集另存为]菜单命令，打开“另存为”对话框。 保存框架集中的所有网页 9.3 选择和删除框架和框架集 9.3.1 认识“框架”面板 9.3.2 选择框架和框架集 9.3.1 认识“框架”面板 “框架”面板中显示所创建的框架结构，并在不同的框架区域中显示框架的名称。当在框架网页中新建、删除框架，或修改框架的尺寸、名称等时，“框架”面板中的示意图会跟随变化。 9.3.2 选择框架和框架集 在编辑窗口中选择 在“框架”面板中选择 在编辑窗口中选择 在编辑窗口中选择框架的方法：鼠标放在某个框架处，按住【Alt】键，再按向上的方向键即可，如果要改选其他的框架，则继续上述操作就会不断更改被选的框架。 选择框架集时，单击框架边框即可，选取的所有框架边框呈虚线。 在“框架”面板中选择 在“框架”面板中单击框架区域中的任意位置即可选择框架，选中的框架以粗黑框显示。 在“框架”面板中单击框架边框即可选择框架集，如果要选择整个框架集，只需单击框架最外面的边框即可。 9.4 设置框架和框架集属性 9.4.1 设置框架的属性 9.4.2 设置框架集的属性 9.4.1 设置框架的属性 9.4.2 设置框架集的属性 该面板中各参数的含义同选中框架时的属性面板基本相同，不同的是在“行”或“列”文本框中可设置框架的行或列的宽度，在“单位”下拉列表框中可选择宽度的单位。 9.5 创建模板 9.5.1 模板概述 9.5.2 创建空白模板文档 9.5.3 使用“资源”面板创建模板 9.5.4 从现有网页文档创建模板 9.5.1 模板概述 使用模板功能可以创建具有相同页面布局、设计风格一致的网页。 模板分为可编辑区域和不可编辑区域两部分。不可编辑区域包含了页面中的所有元素，构成页面的基本框架，可编辑区域是为了添加相应的内容而设置的，在后期维护中，可通过改变模板的不可编辑区域，快速更新整个站点中所有应用了模板的页面布局。 9.5.2 创建空白模板文档 1）执行“文件”|“新建”命令； 2）在弹出的对话框中选择“空白页”选项卡，在“页面类型”下拉列表框中选择“HTML模板”选项，在“布局”下拉列表框中选项“无”选项。单击“创建”按钮即可。 9.5.3使用“资源”面板创建模板 1）执行“窗口”|“资源”命令； 2）打开“资源”模板，在该面板中单