当前位置:首页>>视障教育>>盲校教学>>正文
2008年4月21日 星期一 8:57:16 星期一
《盲人如何制作网页》十- 通过 frameset 标签创建网页框架
[ 来源: | 作者:朱清毅 | 时间:2008-4-8 9:10:22 | 浏览: ]
收藏到新浪ViVi 添加到收藏夹 字号选择〖 〗 / 双击滚屏 单击停止



    3 <noframes>标签,使用该标签可以在用户浏览器不支持框架显示时告之用户一些相关信息,以免浏览者对空白窗口画面感觉莫名其妙。<noframes>标签是双标签,首尾标签之间的内容就是告之浏览者的信息,虽然常用的两中浏览器IE和NC都是支持框架显示的。但为了加强文档的适用性,我们最好还是养成使用这个标签的习惯。
    4、 框架页面的基本格式
    我们已经很全面的了解了框架窗口中所必需的条件,那么现在可以建立一个基本的框架页面了,请看下面的例子:
<html>
<head>
<title>我建立的第一个多窗口页面</title>
</head>
<Frameset Cols="*,*,*"> 把页面平均分成三个水平排列的窗口。
<Frame src="1.htm">
<frame src="2.htm">
<frame src="3.htm">
</Frameset>
<noframes>您的浏览器是不支持框架结构的。</noframes>
</html>
其中,<frameset>标签是可以嵌套使用的,也就是说,可以将其中某一个或几个子窗口划分为若干个更小的窗口。例如:
<html>
<Frameset cols="30%,90,*">
<frame src="1.htm"name=cont>
<frameset rows="*,*">
<frame src="x.gif">
<frame src="y.gif">
</frameset>
<frame src="2.html">
</frameset>
</frameset>
<noframes>您使用的浏览器不支持框架。</noframes>
</html>
        二、 各子窗口的交叉链接
    为了方便用户进行搜索和浏览,我们经常用到一系列链接组成的索引目录显示在一个子窗口中,而将链接所指向的内容放在另一个子窗口中。显示链接的子窗口通常被称为“源窗口”,显示目标文档的窗口则称之为“目标窗口”。在进行交叉连接时,我们必须先用<frame>标签的name属性定义目标窗口的名称,然后再修改显示在源窗口中的文档。在所有的<a>标签中添加语句target="目标窗口名称"来指定目标文档的显示位置,具体实现方法请看下面的例子:
<html>
<head>
<title>目标窗口测试页</title>
</head>
<frameset cols="*,*">
<frame src="1.htm" marginheight="60">
<frame src="aa.jpg" name="abcd" marginheight="60">
</frameset>
<noframes>您的浏览器不支持框架结构</noframes>
</html>
    实例解析:
    (1) 上例中我们把页面平均分成了左右两个子窗口,其中左边的子窗口内显示出 1.htm 中的内容,同时我们把 1.htm做为主窗口;
    (2) 右边的窗口是目标窗口,在调用其他页面在这里显示之前首先使之显示一幅名为 aa.jpg 的图片,注意我们把这个窗口名设置为 “abcd”,这个窗口名非常重要,此后我们将在 1.htm 中的各链接中均要用到。
    下面我们再来看一下 1.htm 这个主窗口中的链接是如何处理的:
<html>
<body>
<center>
<p><a href="田园风光.jpg" target="abcd">田园风光</a><p>
<a href="qiu.jpg" target="abcd">金色秋天</a><p>
<a href="good.htm" target="abcd">开心一刻</a><p>
<a href="pig.gif" target="abcd">夕阳无限</a><p>
</body>
</html>
    实例解析:
    上例中设置了四个链接,其中有一个网页和三张图片都将在点击相应的链接后显示在目标窗口中,在这里最需要注意的就是 target="abcd" 这个属性,它决定了文件将在窗口名为 "abcd"的窗口中显示。那么如果让这四个链接分别在四个窗口中显示出来的话是不是也很容易了呢?

本新闻共2页,当前在第2页  1  2  

责任编辑:

读者评论:



发表评论:

会员名称:
密码:匿名 ·注册·忘记密码?
评论内容:
(最多300个字符)
  查看评论



相关文章:

[发送给好友] [打印本页] [关闭窗口] [返回顶部] 转载请注明来源:Www.tejiao.cn
上一篇文章:盲人如何制作网页》九- 利用表格技术控制网页结构
下一篇文章:盲人如何制作网页》十一 - 网页中表单的制作
特别声明: 本站文章版权归文章原始作者所有。除部分特别声明禁止转载的专稿外的其他文章勿用于商业用途的可以转载,但请务必注明出处和原始作者。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
文章搜索
    
精彩推荐
论坛新贴
热点图文