Chinaunix首页 | 论坛 | 博客
  • 博客访问: 64598
  • 博文数量: 13
  • 博客积分: 731
  • 博客等级: 军士长
  • 技术积分: 120
  • 用 户 组: 普通用户
  • 注册时间: 2008-11-29 20:52
文章分类

全部博文(13)

文章存档

2011年(1)

2009年(1)

2008年(11)

我的朋友
最近访客

分类: 系统运维

2008-12-01 10:37:59

 

    框架就是把一个浏览器窗口划分为若干个小窗口,每个窗口可以显示不同的 URL 网页。使用框架可以非常方便的在浏览器中同时浏览不同的页面效果,也可以非常方便的完成导航工作。

    而所有的框架标记 要放在一个 html 文档中。html页面的文档体标签被框架集标签所取代,然后通过的子窗口标签定义每一个子窗口和子窗口的页面属性。

   语法格式:

          
          
          
          
              
              
               ......
          
          

Frame子框架的src属性的每个URL值指定了一个html文件(这个文件必须事先做好)地址,地址路径可使用绝对路径或相对路径,这个文件将载入相应的窗口中。

框架结构可以根据框架集标签的分割属性分为3种:

  1. 左右分割窗口
  2. 上下分割窗口
  3. 嵌套分割窗口

9-2 框架集控制

的属性

属 性 描 述
border 设置边框粗细,默认是5象素.
bordercolor 设置边框颜色
frameborder 指定是否显示边框 :"0"代表不显示边框,"1"代表显示边框
cols 用"象素数" 和 "%"分割左右窗口,"*"表示剩余部分
rows 用"象素数" 和 "%"分割上下窗口,"*"表示剩余部分
framespacing="5" 表示框架与框架间的保留空白的距离
noresize

设定框架不能够调节,只要设定了前面的,后面的将继承

  1. 左右分割窗口属性:cols

    如果想要在水平方向将浏览器分割多个窗口,这需要使用到框架集的左右分割窗口属性cols.分割几个窗口其cols的值就有几个,值的定义为宽度,可以是数字(单位为像素),也可以是百分比和剩余值。各值之间用逗号分开。其中剩余值用"*"号表示,剩余值表示所有窗口设定之后的剩余部分,当"*"只出现一次时,表示该子窗口的大小将根据浏览器窗口的大小自动调整,当"*"出现一次以上时,表示按比例分割剩余的窗口空间。cols的默认值为一个窗口

如:      将窗口分为40%,40%,20%
     
      将100像素以外的窗口平均分配
       将窗口分为三等份

  2. 上下分割窗口属性:rows

    上下分割窗口的属性设置和左右窗口的属性设定是一样的,参照上面所述就可以了。

9-3 子窗口标签的设定

  是个单标签,标签要放在框架集frameset中,设置了几个子窗口就必须对应几个标签,而且每一个标签内还必须设定一个网页文件(src="*.html",其常用属性有:

常用属性

属 性 描 述
src 指示加载的url文件的地址
bordercolor 设置边框颜色
frameborder 指示是否要边框,1显示边框,0不显示(不提倡用 yes 或 no)
border 设置边框粗细
name 指示框架名称,是连结标记的 target所要的参数
noresize 指示不能调整窗口的大小,省略此项时就可调整,
scorlling 指示是否要滚动条,auto根据需要自动出现,Yes有,No无
marginwidth 设置内容与窗口左右边缘的距离,默认为1
marginheight 设置内容与窗口上下边缘的边距,默认为1
width 框窗的宽及高 默认为width="100" height="100"
align 可选值为 left, right, top, middle, bottom

子窗口的排列遵循从左到右,从上到下的次序规则。

一、窗口的左右设定:

首先我们新建一个文件夹,然后做四个要放到子窗口中的页面,sl1.html、sl2.html、sl3.html、sl4.html。









二、窗口的上下设定









三、窗口的嵌套设定
































    大家看到上面的文件中还有一对标签,即使在做框架集网页时没有这对标签,文件在很多浏览器解析时也会自动生成标签,这对标签的作用是当浏览者使用的浏览器太旧,不支援框架这个功能时,他看到的将会是一片空白。为了避免这种情况,可使用 <NOFRAMES> 这个标记,当使用的浏览器看不到框架时,他就会看到 <NOFRAMES>你的浏览器不支持框架网页之间的内容,而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句,甚至是一个没有框架的网页或能自动切换至没有框架的版本。

9-4 窗口的名称和链接

    如果在窗口中要做链接,就必须对每一个子窗口命名,以便于被用于窗口间的链接,窗口命名要有一定的规则,名称必须是单个英文单词,允许使用下滑线,但不允许使用"—","句点"和空格等,名称必须以字母开头,不能使用数字,还不能使用网页脚本中保留的关键字,在窗口的链接中还要用到一个新的属性"targe",用这个属性就可以将被链接的内容放置到想要放置的窗口内。

下面的实例就是窗口内的命名和链接方法

    文件一中的片断代码格式为:

     爱在深秋
     图像对文字的水平居中
     图像与文本之间的距离
     图像大小的设定
     新浪网站

   文件二的片断代码格式为:

    
    
    

文件一:



无标题文档



目录




爱在深秋


图像对文字的水平居中


图像与文本之间的距离


图像大小的设定


新浪网站




文件二:









9-5 浮动窗口

爱在深秋


图像对文字的水平居中


图像与文本之间的距离


图像大小的设定


新浪网站




注意: Internet Explorer 5.5 支持浮动框架的内容透明。如果想要为浮动框架定义透明内容,则必须满足下列条件。

与 IFRAME 元素一起使用的 ALLOWTRANSPARENCY 标签属性必须设置为 true。
在 IFRAME 内容源文档,background-color 或 BODY 元素的 BGCOLOR 标签属性必须设置为 transparent

阅读(571) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~