Dreamweaver基础与实例教程.pptx

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