用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来对网页进行分割窗口式的布局,将整个浏览器窗
口分割为多个小窗口,从而使自己的网页设计达到事半功倍
的效果。下面举例进行说明,在例子中笔者首先用 OFFICE
97中的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 页面分
割的基本过程

你可能感兴趣的:(FRAMESET)