Dreamweaver实例教程 叶哲丽 孙海龙 第5章新.pptVIP

在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 第五章 框架的使用 学习目标 1）了解在网页中框架的作用； 2）熟练掌握如何创建框架； 3）掌握在Dreamweaver 8.0中创建框架和设置框架属性的方法； 4）掌握使用链接控制框架内容的方法； 5）会保存框架及框架集。 5.1 框架概述 重点提示 1）框架的作用。 2）框架的组成。 在网页中使用框架可以把浏览器的窗口分隔为若干相互独立又有联系的区域，在每一个区域中显示一个独立的网页文件。也可以把它理解成，将包含某种联系的多个HTML网页呈现在一个浏览器窗口中。 框架由框架集和框架两部分组成。 框架：单个的框架是浏览器窗口中的一个区域，在此区域中可以显示一个独立的HTML文档。 框架集：是在一个文档内定义了一组框架结构的HTML网页，定义的内容有窗口显示的框架数、各个框架的大小和载入框架的网页的地址等属性。 5.2 框架的基本操作 创建框架集 创建预定义的框架集 创建嵌入式框架集 创建无框架内容 设置框架集属性 创建框架集 重点提示 1）如何新建一个HTML文档。 2）创建框架集。 3）删除框架。 实例１：新建一个HTML文档。 要求掌握创建框架集的两种方法 ① 单击菜单“修改”→“框架页”，选择所需要的拆分方式。 ② 按住（Alt）键从任何一条边框或一个角上拖拽出新的框架。 如果想删除某个框架，只需将该框架边框拖出此页即可。如果在即将删除的框架中显示的文档还有尚未保存的内容，则会提示是否要保存，而删除框架集只需直接关闭框架集文件，如果此框架集已经被保存，则需要从站点中删除。 创建预定义的框架集 重点提示 1）如何使用框架集格式。 2）如何在HTML文档中插入预定义的框架集。 实例2：使用三种方法在HTML文档中插入预定义的框架集。 1）在“插入面板”中选择“布局”，点击框架图标，从中选择一种框架集模式。 2）选择菜单“插入”→“HTML”→“框架”，选择一种框架集模式。 3）在新建文件时直接使用预定义框架集， 创建嵌入式框架集 重点提示 1）框架嵌套的概念。 2）框架嵌套的方法。 创建无框架内容 重点提示 1）“无框架内容”命令的使用。 2）如何编辑“无框架内容”。 实例3：如何编辑和使用“无框架内容”。 5.3设置框架属性 重点提示 1）框架的选择。 2）框架属性的设置。 选择框架有如下两种方法： 方法一：单击菜单“窗口”→“其他”→“框架”，或按快捷键（Shift）＋（F2），将会打开框架面板，在其中选择需要编辑属性的框架。 方法二：按住（ALT）键选择需要编辑属性的框架。 5.4 框架中使用链接 实例4：综合实例（点击这里进入助教视频） 具体要求如下： 架集中包含三个框架。 1、上面的框架为固定内容，不随点击链接更新内容。 2、左下框架为控制框架，通过点击里面的链接来控制右下框架内容改变。 3、右下框架为被控制框架，受左下框架中链接的控制而更新内容，而且其自身的链接能够控制其自己更新内容。 本 章 小 结 通过这一章的学习，我们已经能够熟练的创建和应用框架及框架集。其中的难点主要在于框架中的链接，要注意以下两个方面的知识： 1．框架名称 2．链接目标。