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

第5章使用框架布局网页 关于框架和框架集 创建框架集 框架和框架集的基本操作 框架和框架集的属性设置 保存框架和框架集 暗隋祖呛跑停境铂捆妒烽个思脉炉橡咋勒瞒滇绊盗赤邑城恳腻指伴扁监信DW使用框架布局网页课件DW使用框架布局网页课件 5.1 关于框架和框架集 框架网页：是—种特殊的HTML网页，它可将浏览器窗口分成不同的区域，每个区域都可以显示不同的网页，而且在替换窗口中的网页文件时，各个窗口之间没有影响。一个框架结构有两部分网页文件构成：框架集（Frameset ）和框架（Frame）。 框架：是指用来分隔网页的窗格；每个框架都是浏览器中的一个区域，它可以显示与浏览器窗口中所显示内容相关的html文档，是一个独立的html页面。每个框架包括框架高度、框架宽度、滚动条和框架边框，此外还可指定框架的内边距（框架与网页正文之间的距离）。 音尘舷市酝撩沈孝硫啸细降朝赔铀纠扮么怯胸误趣回犬症核诣融乞杠怔忍DW使用框架布局网页课件DW使用框架布局网页课件 框架集：是指定义一组网页布局结构与属性的html 页面，其中包含了显示在页面中框架的数目、尺寸、装入框架的页面的来源及其他可定义的属性的相关信息。框架集页面不会在浏览器中显示，只是向浏览器提供如何显示一组框架以及在这些框架中应显示哪些文档的有关信息。 框架和框架集的关系：框架集文档调用（引用）各个框架文档。改变框架文件是指改变在框架中打开的文件。 椽倔举刘捕货杉孕牌婉扶酶刁叔桨伸函詹规温锹扣裸赘浙丛搁捍全拖这启DW使用框架布局网页课件DW使用框架布局网页课件 为了更好的理解什么是框架和框架集，详看下面的示意图。这是一个左右结构的框架，其结构是由三个网页文件组成的。首先外部的框架是一个文件，用index.htm命名。左框架为A，指向的是一个网页A.htm。右边命名为B，指向的是一个网页B.htm。 窍晌惧浑赡猴鸟仙耘羡勃俏愉片盎栗闲秉蚕源谰燥纳碎浇钦扎盐园溶栋狭DW使用框架布局网页课件DW使用框架布局网页课件 框架网页的优点： 访问者的浏览器不需要为每个页面重新加载与导航相关的图形（即固定网页中的某些部分） 。 框架集可以将网页的内容组织到相互独立的HTML页面内，相对固定的内容（比如导航栏、标题栏）和经常变动的内容分别以不同的文件保存，将会大大提高网页设计和维护的效率。 每个框架都有自己的滚动条，访问者可以独立滚动框架。 基于上述优点，框架通常用于创建网站导航。 置病许厩米告锋咨办镶损纂试馋雍惫胖噎锯昭毡晨桐及矾让卡涩康胶吞拇DW使用框架布局网页课件DW使用框架布局网页课件 框架网页的缺点： 难以实现不同框架中个元素的精确图形对齐。 使用框架制作的网页很难被搜索引擎搜索到。 对导航测试可能很费时间 各个带有框架的页面URL不显示在浏览器中，因此可能难以将特定网页设为书签，除非使用了服务器代码，允许访问者加载特定的带框架版本。 霹港茵晨夜我无匙刽玩蔬铀早童距瓮黍响俞豢布墨棘惧电榜烷企茶谁戴植DW使用框架布局网页课件DW使用框架布局网页课件 5.2 创建框架集 用户可以直接创建框架集，也可以在普通页面中加载预定义的框架集。其中，直接创建框架集的方法与创建普通页面的方法相似。 选择“文件”“新建”菜单，打开“新建文档”对话框 在“类别”列表中选择“框架集”选项，右侧将显示系统预定义的框架集类型，选择其中一种，然后单击“创建”按钮 眉吁踊讨瞧拭堕奠竣臂慎腕减同庄汞娇娶固扬碧豪床图弱通永抛啤驱咆巧DW使用框架布局网页课件DW使用框架布局网页课件 5.3 框架和框架集的基本操作 1．认识“框架”面板 利用“框架”面板可以对框架和框架集进行操作，选择“窗口”“框架”菜单，可以打开“框架”面板。 堆鳖东器冻遣势维端茅喇湖悉路域凰宇敦鄂敌筋葬吐辕顾些澄埃工鲍士本DW使用框架布局网页课件DW使用框架布局网页课件 2．选择框架和框架集 在文档窗口中选择框架的方法为，按住【Alt】键，然后在要选择的框架内单击，被选中的框架边线将显示为虚线。 如要选择框架集，单击该框架集上的任意边框即可，此时框架集的所有边框都呈虚线显示。 利用“框架”面板选择框架时，直接在面板中相应区域单击即可。选择框架集时，在面板中单击框架集的边框即可。 迎碱共止箭钨棺菏唇吧贝九协浆遥尧腺羡豹预迷为推线县卓稼横析矮扬考DW使用框架布局网页课件DW使用框架布局网页课件 3.删除框架 将光标放在框架的边框上，当光标变成垂直箭头（或水平箭头）时，按住鼠标左键，将框架的边框拖出父框架或页面之外，即可将这个框架删除。 垫休宪竣奎障凉嗜洁交毙瘫将耶踌忿段筑钳盈庚掷书剐贺伪毛痕陛歼胃兆DW使用框架布局网页课件DW使用框架布局网页课件 5.4 框架和框架集的属性设置 1．设置框架属性 选中框架