Dreamweaver 8基础与实例教程 马宪敏 第8章新.ppt

第8章 框架 第8章 框架 8.1 设置框架 8.2 框架的属性 8.3 为框架设置链接 8.4 框架实例 8.1 设置框架 8.1.1 创建框架 8.1.2 保存框架文件 8.1.1 创建框架 在“插入”菜单中选择“HTML”选项，然后单击“框架”子菜单中选择预定义的框架集。 也可以通过“插入”工具栏插入菜单，在插入工具栏“布局”类别中，单击“框架”按钮上的下拉箭头，然后选择预定义的框架集。 8.1.2 保存框架文件 保存框架的所有文档的具体操作步骤如下。 1.选择“文件”菜单中的“保存全部”命令，出现“保存为”对话框，在整个框架集周围都出现粗边框，为整个框架集命名。 2.单击“保存”按钮，粗边框切换到左边的框架四周，在“文件名”文本框中为其命名。按照此方法将所有框架文件保存。 8.2 框架的属性 8.2.1设置框架属性 8.2.2框架组属性 8.2.1设置框架属性 1.选择框架 在“文档”窗口的“设计”视图中，按住 Alt 键的同时单击一个框架或在按住 Shift 和 Option 键的同时单击一个框架。或单击“窗口”菜单中的“框架”命令，打开“框架”窗口，在“框架”窗口中选择要设置的框架 2.设置框架属性 在“属性”面板中，单击右下角的“”展开箭头，查看框架的所有属性 8.2.2框架组属性 1.选择框架集：选择框架集时，单击框架边框即可，选取的所有框架边框呈虚线。 2.选择一个框架集后，属性面板如图 8.3为框架设置链接 要在一个框架中使用链接打开另一个框架中的文档，必须设置链接目标，具体操作步骤如下： 1.在“设计”视图中，选择要设置链接的文本或图像等对象。 2.在属性面板中单击“链接”后面的“指向文件”按钮或“浏览文件”按钮，指定要链接的文件。 3.然后在“目标”下拉列表中，选择链接的文档显示的框架，如果选择显示目标框架为mainFrame，那么单击文本时，链接文件将出现在名为mainFrame的框架中。 8.4框架实例 8.4.1框架实例 8.4.2嵌入式框架实例 8.4.1框架实例 框架可以把页面分成相对独立的几个部分，各个部分组合在一起，就构成了这个页面。本节将通过一个制作一个“精品课程”的网站实例，来学习如何在网页中制作框架结构的网页。 8.4.2嵌入式框架实例 嵌入式框架也称作iframe，嵌入式框架与框架网页类似，它可以把一个网页的框架和内容嵌入现有的网页中。下面来以“精品课程建设”网站为例向大家具体演示一下嵌入式框架的操作步骤.