单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,WS-NE30-3-01 03-,*,北京清华万博网络技术股份有限公司版权所有,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,第,6,章,框架布局,王富强,2010.7.22,Msn/email:,wfuqiang,第6章 框架布局王富强2010.7.22Msn/email,本章目标,在学完本章时同学们应该,掌握框架的概念,掌握创建含有框架的,html,文档,框架格式化,浮动框架,本章目标在学完本章时同学们应该,6.1,框架的概念,框架的概念首先由,Netscape,公司于,1995,年提出，后,W3C,在,html4.0,当中引入了框架的概念，当今框架已经成为网页设计的最常见的,布局方式,6.1 框架的概念框架的概念首先由Netscape公司于19,6.2,框架的使用,标记：,格式：,在标记,frameset,中,cols,或,rows,的取值可以是,像素、百分比、*号,指定所占空间的百分比,作用：用于定义怎样将一个窗口划分为多个框架,Cols,：列,Rows,：行,标记,格式,作用：标识框架的布局,备注：这是个单标记的标签,6.2 框架的使用标记：,6.2,框架的使用,基本框架,6.2 框架的使用,6.2,框架的使用,标记：,格式：,提示信息：抱歉你的浏览器不支持框架显示单，要查看请单击这里,作用：当浏览器不支持框架显示的时候，提示用户相应的信息,提示信息：抱歉你的浏览器不支持框架显示单，要查看请单击这里,6.2 框架的使用标记：/nofram,6.2,框架的使用,弹性框架,弹性框架,6.2 框架的使用弹性框架,6.2,框架的使用,框架嵌套,框架嵌套,6.2 框架的使用框架嵌套,6.2,框架的使用,弹性框架,(,续,),弹性框架,备注：,Center,所占的比例为,right,的,2,倍,6.2 框架的使用弹性框架(续),6.2,框架的使用,框架目标,在一个框架内的链接可以链接到另一个框架,实现框架目标需要注意,确保框架被命名,设置锚站目标,请看锚点演示实例,display,6.2 框架的使用框架目标,6.3,框架格式化,框架边框,在默认情况下，大多数浏览器使用框架边框，控制框架边框,的属性主要有两个：,框架边框（,frameborder,）：设置框架边框、属性值有,0,和,1,0,表示不要边框,1,表示要边框,边框（,border,）：以像素为单位设置边框宽度,设置边框颜色（,bordercolor,）,6.3 框架格式化框架边框,6.3,框架格式化,设置页白,属性：,marginwidth,表示：框架内容距离左右边框的距离,单位：像素,属性：,marginheight,表示：框架内容距离上下边框的距离,单位：像素,注意：这个框架作用在,frame,中,6.3 框架格式化设置页白,6.3,框架格式化,设置框架大小：,属性：,noresize,注意：这个框架作用在,frame,中,6.3 框架格式化设置框架大小：,6.3,框架格式化,滚动设置,属性：,scrolling,值：,Yes:,表示一定有滚动条,No:,表示一定不是用滚动条,Auto,：表示自动,注意：这个框架作用在,frame,中,6.3 框架格式化滚动设置,