用FRAMESET设计网页分割窗口式布局
来源:互联网 发布:淘宝客鹊桥如何使用 编辑:程序博客网 时间:2024/05/22 02:04
梁伟敏
随着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编程说明。以上过程均在机器上运行通过,如有不对之处敬请各位同仁批评指正。
- 用FRAMESET设计网页分割窗口式布局
- 网页设计中的分割布局
- 网页设计与布局(frame、frameset和iframe的区别
- 网页设计与布局(frame、frameset和iframe的区别)
- 响应式网页设计--登陆窗口布局的实现
- frameset网页框架布局模式
- 产品经理必读:了解网页设计中的分割布局
- 网页 布局响应式设计
- WPF-GRID分割多窗口 用Grid和GridSplitter布局和分割WPF窗口
- 用Grid和GridSplitter布局和分割WPF窗口
- frameset 布局
- Frameset布局
- Frameset布局
- Frameset布局
- Frameset布局
- [前端 1] 使用frameset框架构建网页基本布局
- 网页设计之响应式布局
- 响应式布局或自适应网页设计
- 通过ScribeFire发布Blog图片
- VC快捷键
- C#小技巧系列之三:获取系统进程信息
- frameset 使用心得
- 如何打开一个文件夹并选中指定文件
- 用FRAMESET设计网页分割窗口式布局
- 搜索引擎的前沿技术
- 怎样隐藏workspace中的jar文件
- jsp中的静态包含和动态包含
- 搜索引擎技术发展简析
- 计算结构/类中的数据成员的偏移
- JSP中的隐含对象
- CMMI 工作笔记
- 高质量软件开发人员的五大习惯