怎么样使用网站的窗口分割功能?
1. 框架结构(Frame)
窗口分割技术(Frames)可以让浏览器同时显示多个窗口,每个窗口显示不同的文件内容。让读者同时浏览多个HTML文件,并能在不同画面之间方便地切换。就好似多画面电视机一样。
利用窗口分割技术划分出的每一个区域称为Frame,它的原意是框架,就好似在屏幕上挂上几个独立的像框。
Frames结构的文件的结构与一般的HTML文件大致相似,只是将HTML的文件主体标签BODY改成FRAMESET。
典型的FRAMES结构如下:
<html>
<head><title>标题</title></head>
<frameset>各常窗口内容</frameset>
</html>
从这种结构可以看出,凡是普通HTML文件中BODY的内容都纳入FRAMESET之内。也就是说,在同一份HTML文件中,使用了FRAMESET元素就不能使用BODY元素,两者不能同时出现。
每一个Frame都有以下几点特性:
1)可指定一个对应的URL地址,同一版面的各框架都能分别独立地载入资料。
2)可指定框架名称,作为其它URL所指向的目标。
3)可设置成能卷动的大小可变的动态框架,也可设置成大小固定不变的静态框架。
2. 设置框架(FRAMESET)
标签<FRAMESET></FRAMESET>用于设置多个显示窗口,它的属性参数有两个:
1)ROWS=
定义将窗口按上下划分的个数和各部分的高度大小比例。
例9-1 <frameset rows=“100,200,300”>
表示将窗口分成三部分,各部分高度分别为100,200,300个像素点。
2)COLS=
定义将窗口按左右划分的个数和各部分的宽度比例。
例9-2 <frameset cols=“300,200”>
表示将窗口左右分成两部分,各部分高度分别为300,200个像素点。
注意: 一个frameset标签中,Rows和Cols参数只能出现一个,不能同时出现.
Rows和cols参数的值除用像素点外,还可以用百分比相对值。
例9-3<frameset rows=“30%,70%”>
表示将窗口上下分割成两部分,各占高度的30%和70%。如果百分比总数不足或者超过100%,不足或超过部分会平均分配给每一个框架。
用”*”号也能表示rows或cols的值。它表示各框架大小相等的因子。
例9-4 <frameset cols=“200,*,*”>
表示左右分成三部分,第一部分宽200像素点,第二、第三部分各占其余宽度的一半。
例9-5<frameset rows=“*,2*,3*”>
表示将窗口上下分割成三部分,其高度比例为1:2:3。
3. 框架内容标签(FRAME)
<FRAME >标签定义框架的具体内容。 <FRAME>常用的参数有:
1)框架内容参数 SRC=
用于指定在窗口内显示的内容。通常用URL地址表示。SRC是frame必要的参数,如果不定义,则框架将无内容。
2)框架命名参数 NAME=
用于给某一框架命名。
例9-6 <FRAME src="LEFT.HTML" NAME="LEFT1">
给左侧窗口取名"LEFT1"。它的显示内容是一个名为“LEFT.HTM”的文件。其它的窗口用类似的方法取上名字,供其它地方调用。以后就可以方便地指定某一个LINK的目的地址出现在窗口上。这种用法与<A NAME="***">的作用类似。
3)框架边界宽度:MARGINHEIGHT=和MARGINWIDTH=
左右分割的框架,边界宽度用”MARGINWIDTH=”定义,上下分割的框架,边界宽度用”MARGINHEIGHT=” 定义。它们的单位都为像素点。
如果不设置边界宽度,则由浏览器自己确定。
4)设置框架卷动条:SCROLLING=
卷动条可为横、纵坐标同时设置,它的值有三种:yes、no、和auto, 默认值为auto.表示有浏览器自动确定是否显示卷动条。
5)框架的框边可否变动参数:NORESIZE
框架的大小在浏览时,是可以变更的。这可由用户用鼠标点住边框,再拖动鼠标进行任意调整。但如果在frame标签中加了MORESIZE属性,则框架的大小便固定不变了。
4.表格式框架
Frameset不能同时带有rows和cols两种属性参数,这就是说,它只能沿一个方向分割窗口。即要么上下分割,要么左右分割。能否将窗口同时沿上下左右分割,而形成表格式的框架结构呢?
回答是肯定的。嵌套使用FRAMESET标签就可以了。
例9-7,要将窗口上下分割成两等分,上半部分分割成左右两部分,大小比例为30%,70%。下半部分分割成三等分,可以使用下列标签实现:
<frameset rows=“50%,50%>
<frameset cols=“30%,70%”></frameset>
<frameset cols=“*,*,*”></frameset>
</frameset>
第一行,将屏幕上下分割,第二、三行为子框架(subframe)。第二行将上半部左右分割成两部分,第三行将下半部分左右分割成三等分。第四行为外层frameset的结束。
5.适应不支持框架的浏览器 <NOFRAME>
有许多低版本浏览器不支持框架结构的HTML文件,框架结构的HTML文件在这类浏览器中的显示会变得一蹋糊涂,或者根本无显示。为了顾全使用不支持FRAME浏览器的用户,可以通过NOFRAME标签,将要显示的内容放在NOFRAME标签以内,当这类用户浏览时,FRAME标记被忽略,但<NOFRAME>里面的内容会正常显示,只是无分割的窗口。当用了支持FRAME的浏览器时,<NOFRAME>标记被忽略,<FRAME>里面的内容会正常显示在分割的窗口中。
下面是一个完整的例子:
例9-7Frame实例(本例只能在高于Netscape 2.0的版本上才能显示分割的窗口.)
<html>
<head><title>FRAME实例</title></head>
<frameset rows="50%,50%" >
<frameset cols="30%,70%">
<frame src="left1.htm" name="left1" noresize>
<frame src="right1.htm" name="right1" >
</frameset>
<frameset cols="35%,65%">
<frame src="left2.htm" name="left2" >
<frame src="right2.htm" name="right2" scrolling=no>
</frameset>
</frameset>
<noframe>
<center>
<H3>当你使用不支持FRAME的浏览器时,<BR>
将只能看到本信息!!<H3>
</center>
<noframe>
</html>
将浏览器窗口分割成四部分:分别命名为:left1,right1,left2和right2。这四个窗口的显示内容为四个HTML文件:left1.htm、right1.htm、left2.htm、right2.htm,它们的源代码如下:
left1.htm:
<html><head><title>框架left1</title></head>
<body><h2>框架left1的显示内容</h2></body></html>
right1.htm:
<html><head><title>框架right1</title></head>
<body><h2>框架right1的显示内容</h2></body></html>
left2.htm:
<html><head><title>框架left2</title></head>
<body><h2>框架left2的显示内容</h2></body></html>
left1.htm:
<html><head><title>框架right2</title></head>
<body><h2>框架right2的显示内容</h2></body></html>
在浏览器中显示情况如图9.1所示。
图9.1Frame实例显示
从图中看出:
1)每个框架相当于一个完整的浏览窗口。
2)由于left1设置了noresize参数,它的大小就不能通过拖动鼠标调整。从而影响上下两部分的边界也不能变动,left2和right2的相对大小则可以任意调整。
3)当一个框架的内容不能全部显示时,卷动条出现,提示用户通过拖动卷动条显示其余内容。当某方向内容能完全显示时,卷动条不出现(如letf1的水平方向)。如果某一框架设置了参数:
SCROLLING=“NO”
卷动条也不会出现(right2)。
4)本例中有一部分内容是包围在NOFRAME标签之内的。这部分内容在图9.1中不显示出来。但若用不支持FRAME结构的浏览器,则只能看到此部分,而不能看到被分割了的窗口。
6.Frames结构的应用
利用框架结构能将窗口分割成各自独立的部分,我们可以设计出一些很有特色的HTML文件来。
其中一种思路是:将读者需要经常看到的画面,如目录、控制按钮、主题标志、版权声明、作者地址等放在一个静态框架里,不随画面卷动。使得读者能随时方便地查询。
相对于静态框架的是另一部分动态框架,用来显示供浏览的大量信息内容。读者在浏览的同时,能随时从静态框架里找到目录或者控制按钮,随心所欲地跳跃切换。大大提高查询效率。
本文地址:http://www.45fan.com/dnjc/67755.html