随着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 页面分
割的基本过程
不满足于仅仅浏览别人的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 页面分
割的基本过程