DW使用框架布局网页课件.ppt

DW使用框架布局网页;5.1 关于框架和框架集 ;框架集：是指定义一组网页布局结构与属性的html 页面，其中包含了显示在页面中框架的数目、尺寸、装入框架的页面的来源及其他可定义的属性的相关信息。框架集页面不会在浏览器中显示，只是向浏览器提供如何显示一组框架以及在这些框架中应显示哪些文档的有关信息。 框架和框架集的关系：框架集文档调用（引用）各个框架文档。改变框架文件是指改变在框架中打开的文件。; 为了更好的理解什么是框架和框架集，详看下面的示意图。这是一个左右结构的框架，其结构是由三个网页文件组成的。首先外部的框架是一个文件，用index.htm命名。左框架为A，指向的是一个网页A.htm。右边命名为B，指向的是一个网页B.htm。; 框架网页的优点： 访问者的浏览器不需要为每个页面重新加载与导航相关的图形（即固定网页中的某些部分） 。 框架集可以将网页的内容组织到相互独立的HTML页面内，相对固定的内容（比如导航栏、标题栏）和经常变动的内容分别以不同的文件保存，将会大大提高网页设计和维护的效率。 每个框架都有自己的滚动条，访问者可以独立滚动框架。 基于上述优点，框架通常用于创建网站导航。 ;框架网页的缺点： 难以实现不同框架中个元素的精确图形对齐。 使用框架制作的网页很难被搜索引擎搜索到。 对导航测试可能很费时间 各个带有框架的页面URL不显示在浏览器中，因此可能难以将特定网页设为书签，除非使用了服务器代码，允许访问者加载特定的带框架版本。;5.2 创建框架集 ;5.3 框架和框架集的基本操作 ;2．选择框架和框架集 ;3.删除框架 将光标放在框架的边框上，当光标变成垂直箭头（或水平箭头）时，按住鼠标左键，将框架的边框拖出父框架或页面之外，即可将这个框架删除。 ;5.4 框架和框架集的属性设置 ;2．设置框架集属性 ;5.5 保存框架和框架集 ; 点击“文件—保存全部”，则打开几个另存为对话框，提示保存各个部分；设计视图中的选择线（或说成阴影）也会自动的移动到对应的被保存的框架中，据此可以知道正在保存的是哪一个框架文件。 Dw先保存框架集文件，再保存框架文件。 若只保存了框架集，而未保存某个框架（即没指定该载入该框架的文档），可以直接选定该框架，然后创建链接来指向要载入的文档。类似于根据现有文档创建框架页。;5.6课堂实例――制作框架网页; 作业布置： 1、使用框架的优点是什么？ 2.课后习题 本章主要内容结束，谢谢合作！