zoukankan      html  css  js  c++  java
  • 用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 页面分
    割的基本过程
  • 相关阅读:
    bzoj 1406 数论
    bzoj 1927 网络流
    【HNOI】 攻城略池 tree-dp
    【HNOI】五彩斑斓 模拟
    linux下nano命令大全
    CentOS7.6下安装MySQL
    CentOS7.6下安装Oracle JDK
    Vue报错type check failed for prop
    图像分割
    提升方法(boosting)详解
  • 原文地址:https://www.cnblogs.com/xh831213/p/328128.html
Copyright © 2011-2022 走看看