第6课 框架实现多窗口页面
2.在“文档”窗口中选择框架和框架集
按住Alt键的同时单击框架内部; 要选择一个框架集,则需单击框架内部的分隔线。 通过单击窗口左下角的标签选择器来选择相应的框架或框架集。
第6章 框架实现多窗口网页
6.2 框架集)和(子)框架两部分组成。 框架页定义框架的结构、数量、尺寸及装入框架的网页文件。 框架页是一种特殊的网页文件。其中,保存描述子框架数量, 以及在各个子窗口中显示网页的文件名(路径)等信息。 子框架是子窗口、框架。每个子框架中打开一个独立的网页文 件。 一个包含三个框架(子)窗口的网页,由四个网页文件组成。
1.基本语法 <frameset>标记用来分割窗口,<frameset> 在多窗口页面中的地位就相当于<body>在普通单 窗口页面中的地位 在页面中用<frameset>……</frameset>标志 页面主体部分的起止位置。 <frameset>标记决定了怎样划分窗口,以及每个 窗口的位置和大小。
6.1 框架与框架集
第6章 框架实现多窗口网页
6.2 框架的基本操作
6.2.1 在HTML代码中创建框架
1.创建基本框架 基本HTML中使用<frameset>,<frame>和<noframes>标 签来定义框架。 (1)<frameset>框架集标签 <frameset>标签用于定义一个框架集,成对出现。框架集的 作用是将一个窗口划分成多个子窗口,即框架,每个框架都是 一个独立的页面,又叫框架页面。<frameset>通过cols属性 和rows属性来将一个窗口划分为多个框架。 (2)<frame>框架标签 <frame>框架标签用于设定单个框架页面,单个出现。<fram e>也可以通过属性设置框架的外观
第6章 框架实现多窗口网页
6.2 框架的基本操作
6.2.7设置框架中的链接
在框架中可以使用超链接,并且可以通过一个框架中的超 链接改变另一个框架中的内容,这种方法通常用于创建导航页 面。要在一个框架汇总使用超链接打开另一个框架中的文档, 必须设置链接目标。链接目标用于确定链接内容在哪里打开。 为框架网页设置超链接的操作步骤如下: 1.在网页文件中选择要设置链接的对象(如具体的文字、图片 等); 2.在属性面板的“链接”选项中设置链接的网页文件。 3.在属性面板的“目标”下拉列表中选择打开链接文件的窗口
效果:
2.一顶一左一右页面 <frameset rows="20%,*"> <frame name="topFrame" scrolling="no" noresize src="toppage.htm" > <frameset cols="18%,*"> <frame name="leftFrame" noresize src="leftpage.htm"> <frame name="mainFrame" src="mainpage.htm"> </frameset>
第6章 框架实现多窗口网页
一、概述:
分框——将浏览器的窗口分成多个区域,每个区 域可以单独显示一个html文件,各个区域也可相 关连地显示某一个内容。 比如可以将索引放在一个区域,文件内容显示在 另一个区域。
所谓框架——就是网页页面分成几个窗口,同时 可取得多个URL。
只要使用标记<FRAMESET>和<FRAME>设置 即可,而所有框架标记要放在一个总的html文档 中,这个文档只记录了该框架是如何划分的,而不 会显示任何其它的资料,所以不必放入<BODY> 标记,浏览该框架必须先读取这个文档。
第6章 框架实现多窗口网页
6.3 框架的属性
2.分割框架
首先通过<frameset>标记中的cols属性设定左 右两个框架,宽度比为200:*。 接着用<frame>标记的name属性设定格框架的 名称 ,以及src属性设定各框架欲显示的网页文件, 执行结果如下图:
具体程序如下: <head> <frameset cols="200,*"> <frame name="fleft" src="studentframe.htm"> <frame name="fright" src="section02.asp"> </frameset> </head>
第6章 框架实现多窗口网页
6.2 框架的基本操作
(3)<noframes>标签 使用该标签可以在用户浏览器不支持框架显示时告之用户一些 相关信息,以免浏览者对空白窗口画面感觉莫名其妙。<nofra mes>标签是成对使用的,首尾标签之间的内容就是告之浏览 者的信息。 (4)基本结构 <frameset>标签是可以嵌套使用的,也就是说,可以将其中 某一个或几个子窗口划分为若干个更小的窗口。
</frameset>执行
二、框架超级链接
1.简介 框架超级链接的优点——主要体现在站点导航上, 将要产生超级链接的文字或图形置于左框架中,像菜 单一样,当你在做框架点选某个超级链接,被链接的 网页将出现在右框加内。 左框架的页面不会被别的页面所覆盖。这样在进行 多次超级链接时就不会迷失掉。
3.举例 1.左小右大两窗口:
<html> <head> <title>分帧窗口示例</title> <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”> </head> <frameset cols=“20%,*” > <frame name=“leftFrame” noresize src=“ahtml.htm”> <frame name=“mainFrame” noresize src=“bhtml.htm”> </frameset> <noframes> <body> <p>很抱歉!这是一个分帧页面,但由于你的浏览器不支持,所以不能 浏览! </p> </body></noframes> </html> 执行
<FRAMESET>是用来划分窗口的,每一窗口由 一个 <FRAME>标记所标识。
二、分框的基本结构如下:例 <noframes>…</noframes>
<frameset>
<frame src="url">
</frameset>
<noframes>…</noframes>中的内容显示在不支 持分框的浏览器窗口中,因而这里需指向一个普 通版本的html文件,以便供使用不支持分框浏览 器的用户阅读。 分框由<frameset>指定,并且可以嵌套,
第6章 框架实现多窗口网页
6.2 框架的基本操作
6.2.5指定框架网页文件
当完成框架集的创建后,还需要为每个框架指定一个网页文 件,该操作的实质就是把网页文件放到相应的框架中。当这个框 架中被保存后,所指定的文档就成为在浏览器中打开框架页时该 框架显示的默认网页文档。这些被放入框架中的网页可以是空白 网页,也可以是事先编辑好的网页文件。实际上,当创建一个框 架页文件时,就已经创建了框架所对应的空白网页文件。 操作方法是: 1.将插入点放在需要插入网页的框架中; 2.选择【文件】—【在框架中打开】菜单命令,打开“选择HTML 文件”对话框。 3.在“选择HTML文件”对话框中选择要打开的网页文件,单击“确 定”,即可完成网页的插入。
<frameset> 语法形式: <frameset cols="value1" rows="value2" frameborder=yes|no border="value3" bordercolor="color" framespacing="value4">...</frameset>
作用:
PART-6 框架实现多 窗口网页
6.1 框架与框架集
框架集也是一个网页布局工具,使用框架集可以把浏览器 窗口划分成若干区域,分别在不同的区域显示不同的网页 文档。一个框架是一个独立的HTML页面,就是浏览器窗 口中的一个区域。 框架通过框架集的使用能够很好的在一起运作; 框架集是由多个框架嵌套组合而成的,它包含同一网页上 多个框架的布局、链接和属性信息。 框架集文档本身不包含要在浏览器中显示的HTML内容, 但noframes部分除外。 要在浏览器中查看一组框架,必须打开框架集文档。
用来标记HTML文件为框架模式,并设定视窗 如何分割。
注: cols和rows:决定页面如何分割的两个参数。分割左右 窗口用cols,各帧的左右宽度用占窗口宽度的百分比来表示。 分割上下窗口用rows,也用百分比来设定。 frameborder:设定各分窗口是(yes)否(no)要加 边框。 border:如果加过框的话,则设定边框的宽度。 bordercolor:设定边框的颜色。
第6章 框架实现多窗口网页
6.2 框架的基本操作
6.2.3 框架页的选择