用FRAMESET设计网页分割窗口式布局

 用FRAMESET设计网页分割窗口式布局

梁伟敏

  随着INTERNET网络应用的日益普及,一般的使用者已经不满足于仅仅浏览别人的WEB页,而是要自己设计个人WEB页。目前比较流行的网页设计工具有OFFICE 97、FRONTPAGE 97、NETSCAPE 4.0 COMPOSER等网页设计软件,以及PHOTOLMPACT、MICROSOFT IMAGE COMPOSER、MICROSOFT GIF? ANIMATOR 、GIF CONSTRUCTION SET、LVIEW PRO 等网页图形动画处理软件。笔者在使用这些软件设计网页的过程中,发现这些软件不能很好处理WEB页面分割窗口。因此, 笔者认为用户可以首先使用这些网页设计软件来设计自己的网页,? 然后用FRAMESET来对网页进行分割窗口式的布局,将整个浏览器窗口分割为多个小窗口,从而使自己的网页设计达到事半功倍的效果。下面举例进行说明,在例子中笔者首先用 OFFICE97中的WORD软件设计了三个WEB网页,文件名分别为:LWM1.
HTM、LWM2.HTM、LWM3.HTM。

  一、将WEB页面分割为左右窗口

  使用FRAMESET可以定义多个FRAME窗口, 分割左右窗口用COLS设定FRAME的宽度(PIXELS),可以设定为%, *表示剩余部分,FRAME定义一个FRAME窗口,SRC设定 FRAME 的HTML文件。需要注意:FRAMESET使用于NETSCAPE时必须使用在< BODY >之前或不用< BODY >...< /BODY >。

  LWM4.HTM范例将WEB页面分割为左右两个窗口, 执行结
果如下(LWM4.HTM代码如后):

  LWM4.HTM代码如下:

  < HTML >

  < HEAD >

  < TITLE >梁伟敏个人主页< /TITLE >

  < META HTTP-EQUIV="content-type" CONTENT= "
text/html;charset=big5" >

  < /HEAD >

  < FRAMESET COLS="180,*" >

  < NOFRAMES >请使用提供FRAMES功能的浏览器! ! < /NOFRAME >

  < FRAME SRC="lwm.htm" NAME="FRAME1" >

  < FRAME SRC="lwm2.htm" NAME="FRAME2" >

  < /FRAMESET >

  < /HTML >

  二、将WEB页面分割为上下两个窗口

  分割上下窗口可以用ROWS定义FRAME的高度(PIXELS),范例LWM5.HTM。

  代码如下:

  < HTML >

  < HEAD >

  < TITLE >梁伟敏个人主页< /TITLE >

  < META HTTP-EQUIV="content-type" CONTENT= "
text/html;charset=big5" >

  < /HEAD >

  < FRAMESET rows="80,*" >

  < NOFRAMES >请使用提供FRAMES功能的浏览器! ! < /NOFRAME >

  < FRAME SRC="lwm1.htm" NAME="FRAME1" >

  < FRAME SRC="lwm2.htm" NAME="FRAME2" >

  < /FRAMESET >

  < /HTML >

  三、将WEB页面分割为上左右三个窗口

  范例LWLM6.HTM执行结果如上图:

  LWM6.HTM代码如下:

  < HTML >

  < HEAD >

  < TITLE >梁伟敏个人主页< /TITLE >

  < META HTTP-EQUIV="content-type" CONTENT="text/html;charset=big5" >

  < /HEAD >

  < FRAMESET border=0 frameboder=no? framespacing=0 rows="90,*" >

  < NOFRAMES >请使用提供FRAMES功能的浏览器! ! < /NOFRAME >

  < FRAME SRC="lwm4hm~2.htm" NAME=" FRAME1 " marginheight=0 marginwidth=0 scrolling="no" >

  < frameset border=0 frameboder=no? framespacing
=0 cols="180,*" >

  < frame src="xawzht~1.htm"? marginheight= 15
marginwidth=5 acrolling="auto" >

  < FRAME SRC="lwhtm~1.htm" NAME="FRAME2" >

  < /FRAMESET >

  < /HTML >

  上面通过三个示例说明了使用FRAMESET进行WEB 页面分割的基本过程,笔者使用的浏览器为IE 4.0,FRAMESET的语法说明用户可以参阅HTML编程说明。以上过程均在机器上运行通过,如有不对之处敬请各位同仁批评指正。

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值