用好HTML的帧窗口标记

帧窗口是一种复杂的页面技术,应用帧窗口使得用户可以在同一个浏览器窗口中浏览不同网站的内容,可以在一个小窗口中发出查询命令而在另一个小窗口中接收查询结果。实现帧窗口的思路是将浏览器窗口按照功能分割成多个小窗口。每个窗口都对应有自己的HTML页面,按照一定的组合方式组合在一起,以实现特殊的效果。
  在HTML中用<frameset>(分割窗口标记)来分割窗口,<frameset>在多窗口页面中的地位就相当于<body>在普通单窗口页面中的地位,在页面中用<frameset>……</frameset>标志页面主体部分的起止位置。而且,<frameset>标记决定了怎样划分窗口,以及每个窗口的位置和大小。其基本语法结构如下:
<frameset
cols=n
rows=n
frameborder=yes|no
border=n
bordercolor=#n
framespacing=n>
cols和rows:是决定页面如何分割的两个参数。分割左右窗口用cols,各帧的左右宽度用占窗口宽度的百分比来表示。比如:cols="30%,40%,*"就表示水平方向分割成三个窗口,各自所占总宽度的百分比依次是30%,40%和30%。其中"*"表示剩余部分,也就是说"*"对应的小窗口宽度为剩余的宽度。分割上下窗口用rows,同样采用百分比的设定方法。
frameborder:是指定各分窗口是(ye)否(no)要加边框;如果加过框的话,则用 border参数指定边框的宽度,bordercolor指定边框的颜色。
framespacing:用于设定各分窗口之间的间隔大小,默认值是0。
  用<frameset>标记把窗口分割好后,各窗口的属性是用HTML的<frame>标记来定义的,所以<frameset>标记中必须包含<frame>标记,用以定义各分窗口的属性。其语法如下:
<frame
align=left|center|right|top|bottomv name=framename
src=url
noresize
scrolling=yes|on|auto
frameborder=yes|no
bordercolor=#n
marginheight=n
marginwidth=n>
align:设定分窗口的位置是靠左(left)、靠右(right)、居中(center)、靠上(top)还是靠底(bottom)。
name:用于指定分窗口的名称,src则用于指定分窗口所对应的HTML页面地址。
noresize:是对用户来说的,当<frame>标记中包含此参数的时候,用户就不能用鼠标调整修改各分窗口的大小。
scrolling:设定分窗口是否要滚动条。scrolling=no时不要滚动条,scrolling=yes时表示要滚动条,scrolling=auoto时表示根据实际情况自动设置滚动条。
frameborder和bordercolor:是设定分窗口有无边框和边框颜色的。但对象只限于用<frame>标记的分窗口。
marginheight和marginwidth:分别用于设定分窗口的上下边缘和左右边缘的宽度。
  用上面的两个标记,就能够实现多窗口页面,下面将举例说明。
1、左小右大两窗口


  这种页面一般在左边的窗口放一个网站导航页,右面放网站页面内容。制作方法:
  先用<frameset>标记并通过设置其cols参数,沿水平方向分割成两个窗口,左边的窗口占20%,右边的窗口取剩余部分,再用<frame>标记分别定义两个窗口的属性。完成后的分帧页面源代码如下:
<html>
<head>
<title>分帧窗口示例</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset cols="20%,*" >
<frame name="leftFrame" noresize src="ahtml.htm">
<frame name="mainFrame" noresize src="bhtml.htm">
</frameset>
<noframes>
<body>
<p>很抱歉!这是一个分帧页面,但由于你的浏览器不支持,所以不能浏览! </p>
<p>Sorry!This page uses frames,but your browser doesn't support them .
</body></noframes>
</html>
  从上面的代码看,设计帧窗口页面并没有想象得那么复杂,但以下几点在具体操作时要注意:
  1)用<frame>标记定义分窗口属性时,要注意其在<frameset>标记中的顺序,切不要搞乱了;
  2)分窗口的名称虽可随意定,但最好是以其所在位置命名比较好;
  3)分窗口的scrolling(滚动条)一般取其默认值"auto"比较好;
  4)虽然在最终往往不要分窗口的边框,但在设计阶段,还是设置为有边框比较好,这样在编辑时一目了然;
  5)上面页面代码中后面那句话一般加上为好,因为有的浏览器版本不支持分帧页面,若没加那名话,用户的浏览器若不支持分帧时,看到的是一片空白,不知是怎么一回事了,有那句话提示一下就明白了。

  2、一顶一左一右页面


  先看这种分帧页面的源代码:
<frameset rows="20%,*">
<frame name="topFrame" scrolling="NO" noresize src="toppage.htm" >
<frameset cols="18%,*">
<frame name="leftFrame" noresize src="leftpage.htm">
<frame name="mainFrame" src="mainpage.htm">
</frameset>
</frameset>
  从上面的代码中可看出,建立复杂分帧页面的方法是由简到繁,如本例中,先用<frameset>定义其“rows”参数,把窗口分成上下两个窗口,再用<frame>标记定义上部窗口,因下部窗口还需再分,所以不用<frame>定义其属性,而是用<frameset>标记设置其cols参数,把它再分成左右两个窗口,因已达目的,所以开始用<frame>标记定义左右两个窗口的属性。
  只要记住:先粗分,后细分,cols横向分, rows纵向分,无需再分的窗口用<frame>定义属性,这些基本原则,制作分帧窗口页面就会轻松自如。

时间: 2024-08-31 07:58:24

用好HTML的帧窗口标记的相关文章

HTML进阶应用技巧(十一)用好帧窗口标记

技巧 帧窗口是一种复杂的页面技术,应用帧窗口使得用户可以在同一个浏览器窗口中浏览不同网站的内容,可以在一个小窗口中发出查询命令而在另一个小窗口中接收查询结果.实现帧窗口的思路是将浏览器窗口按照功能分割成多个小窗口.每个窗口都对应有自己的HTML页面,按照一定的组合方式组合在一起,以实现特殊的效果. 在HTML中用<frameset>(分割窗口标记)来分割窗口,<frameset>在多窗口页面中的地位就相当于<body>在普通单窗口页面中的地位,在页面中用<fram

网页制作基础技巧 框架(帧窗口)技巧

技巧|网页 帧窗口是一种复杂的页面技术,应用帧窗口使得用户可以在同一个浏览器窗口中浏览不同网站的内容,可以在一个小窗口中发出查询命令而在另一个小窗口中接收查询结果.实现帧窗口的思路是将浏览器窗口按照功能分割成多个小窗口.每个窗口都对应有自己的HTML页面,按照一定的组合方式组合在一起,以实现特殊的效果. 在HTML中用<frameset>(分割窗口标记)来分割窗口,<frameset>在多窗口页面中的地位就相当于<body>在普通单窗口页面中的地位,在页面中用<f

HTML进阶应用技巧(十二)帧窗口之间的交互技巧

技巧|交互 在多窗口的分帧页面中,各分窗口之间的信息交互是经常的事.在导航窗口中点了超级链接,那么如何在另一窗口中打开链接的网页呢?我在这个窗口中按下按钮,能在另一个窗口中写信息吗?窗口那么多,又如何识别窗口呢?请看下面的例子. 一.在导航窗口点击链接,在另一窗口打开网页 现有一分帧页面如上图所示的,A窗口是网站logo及广告,B窗口是导航栏,C是显示页面的窗口.该分帧页面的源代码为: <frameset rows="20%,*"> <frame name="

网页制作基础技巧 框架(帧窗口)间的交互

技巧|交互|网页 在多窗口的分帧页面中,各分窗口之间的信息交互是经常的事.在导航窗口中点了超级链接,那么如何在另一窗口中打开链接的网页呢?我在这个窗口中按下按钮,能在另一个窗口中写信息吗?窗口那么多,又如何识别窗口呢?请看下面的例子. 一.在导航窗口点击链接,在另一窗口打开网页 现有一分帧页面如上图所示的,A窗口是网站logo及广告,B窗口是导航栏,C是显示页面的窗口.该分帧页面的源代码为: <frameset rows="20%,*">  <frame name=&

帧窗口之间的交互技巧

技巧|交互 在多窗口的分帧页面中,各分窗口之间的信息交互是经常的事.在导航窗口中点了超级链接,那么如何在另一窗口中打开链接的网页呢?我在这个窗口中按下按钮,能在另一个窗口中写信息吗?窗口那么多,又如何识别窗口呢?请看下面的例子. 一.在导航窗口点击链接,在另一窗口打开网页 现有一分帧页面如上图所示的,A窗口是网站logo及广告,B窗口是导航栏,C是显示页面的窗口.该分帧页面的源代码为:<frameset rows="20%,*"> <frame name="

初学网页者推荐:HTML进阶应用技巧教程(目录)

初学|技巧|教程|网页 1.HTML进阶应用技巧(一)HTML语言基础 (2006-01-21) 2.HTML进阶应用技巧(二)用好活动字幕标记marquee (2006-01-21) 3.HTML进阶应用技巧(三)用好超级链接标记A (2006-01-21) 4.HTML进阶应用技巧(四)用好基本图像标记img (2006-01-21) 5.HTML进阶应用技巧(五)用好图像的作用区域标记area (2006-01-21) 6.HTML进阶应用技巧(六)用好HTML的表格标记 (2006-01

复杂的javascript窗口分帧解析_javascript技巧

什么是窗口分帧?    窗口分帧就是把一个浏览器文档窗口分隔成多个窗口,每个窗口都可以显示一个独立的网页文件,每个帧(即页面)都有自己的url. 帧窗口该如何创建? 帧通常是由<frameset>和<frame>标记创建的.但在HTML 4中,<iframe>标记也可以用来在文档中创建"内联帧".就JavaScript来说,<iframe>创建的帧与<frameset>和<frame>创建的帧一样. 在HTML中用

用PostgreSQL描绘人生的高潮、尿点、低谷 - 窗口/帧 or 斜率/导数/曲率/微积分?

标签 PostgreSQL , 曲线拐点 , 窗口查询 , 帧 , 窗口 , 导数 , 曲率 , 微积分 , 斜率 背景 人生就像一场戏,有高潮,有尿点,有低谷.如果用曲线来描述漫漫人生路的话,怎么找出高潮.尿点.低谷呢? 其实类似的场景还有很多,比如来自传感器(比如人身上可以探测的指标就有很多)的监控数据:服务器的监控数据:温度,湿度的变化数据:等等,都可以数字化,用曲线来表示. 找高潮.尿点.低谷有什么好的方法吗? 如果你是刚毕业不久的学生,可能会往学校里学到的知识去思考,怎么找曲线的拐点?

HTML进阶应用技巧(三)用好超级链接标记A

技巧|链接 超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写.它的作用是把当前位置的文本或图片连接到其他的页面.文本或图像,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法结构.<a>标记的基本语法结构是: <aclass=typeid=valuehref=referencename=valuerel=same|next|parent|previousrev=valuetarget=windowstyle=valuetitle