第七章框架的应用.doc
《第七章框架的应用.doc》由会员分享,可在线阅读,更多相关《第七章框架的应用.doc(13页珍藏版)》请在三一文库上搜索。
1、第七章 框架的应用框架技术可以将浏览器分割成多个小窗口,并且在每个小窗口中,可以显示不同的网页,这样就可以很方便的在浏览器中浏览不同的网页效果。当浏览器分割成多个窗口后,各窗口就会扮演不同的角色,实现不同的功能。举例来说,有些论坛就是把浏览器分割成两个窗口,一个窗口主要来显示帖子的标题,而另一个窗口会显示具体的内容。这样的设计显然比起一个窗口的网页在浏览时方便得多,而且用户也可以任意的切换题目。框架技术也多用于后台管理页面排版。1 框架的基本结构框架的基本结构主要分为框架和框架集两个部分。它是利用标记与标记来定义。其中标记用于定义框架,而标记则用于定义框架集。框架的基本结构 标记不可以包含在标
2、记中,直接将该标记包含在标记中。2 框架的设置常见的对窗口的分割包括:水平分割、垂直分割和嵌套分割。具体采用哪种分割方式,取决于实际需要,可用标记中的rows(水平分割)或cols(垂直分割)属性来进行分割。在完成窗口的分割后,接下来就要设置每个分割出来的子窗口。设置子窗口的属性都在相应的子窗口的标记中。其中,最重要的属性为子窗口的名称(name属性)和要导入到框架中的子窗口HTML文件的路径(src属性)。2.1 窗口的水平分割rows属性可定义一个水平分割的窗口框架。格式: rows属性的值代表各子窗口的高度,第一个子窗口高为高度1,第二个子窗口高为高度2,依此类推,而最后一个*,则代表最
3、后一个子窗口的高度,值为其它子窗口高度分配后所剩余的高度。 设置高度数值的方式有两种:采用整数设置,单位为像素px:用百分比设置,如:实例1.html:采用整数设置窗口的水平分割 在水平分割窗口后,设置第一个窗口的高度为80px,第二个窗口中的高度为120px,第三个窗口的高度是浏览器的宽度减去前两个窗口的高度。网页效果如图7-1。图7-1设置窗口的水平分割2.2 窗口的垂直分割cols属性可定义一个垂直分割的窗口框架。格式:垂直宽度值的设置,与水平分割高度值的设置方式相同。实例2.html:采用整数设置窗口的垂直分割 网页效果如图7-2。图7-2设置窗口的垂直分割2.3 窗口的嵌套分割在实际
4、应用中,“厂”字型框架使用极为广泛。“厂”字型的网页就是窗口中包含水平和垂直分割,如图7-3所示,实现“厂”字型框架需要对窗口进行嵌套分割。所谓的嵌套分割是指一个窗口框架还包含了另一个窗口框架。整个框架将用数个标记建立。先用的rows属性对窗口进行上下分割,然后再用cols属性把下面的窗口进行垂直分割,就完成了“厂”字型的框架。实例3.html:窗口的嵌套分割 网页效果如图7-3。图7-3设置窗口的嵌套分割2.4 框架的边框在标记中,可运用border属性控制分割窗口框架的边框。格式:n为整数,代表此窗口框架的宽度,单位为像素(px)。实例4.html:框架的边框控制 网页效果如图7-4。图7
5、-4框架的边框2.5 框架的隐藏frameborder属性用于控制窗口框架的周围是否显示框架,此属性可使用在标记与标记中,如果使用在标记内时,可控制窗口框架的所有子窗口,如果用在标记中,则只能控制该标记所代表的子窗口。格式:0表示不显示边框,1表示显示边框,默认值为1。实例5.html:框架的隐藏 网页效果如图7-5。图7-5 框架的隐藏3 子窗口的设置3.1 指定子窗口显示网页src属性是用来指定要导入到某个子窗口的HTML文件的位置。格式:src属性的设置方法和标记的src属性的用法是一样的,下面的标记,将设置子窗口显示名称为frame.html的网页。实例6.html:指定子窗口显示网页
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第七 框架 应用
链接地址:https://www.31doc.com/p-2534192.html