| NanShan 最近在研究HTML如何分成几独立的区域，每个区域可以有不同的内容，这里就要用到框架来做页面了 使用框架做页面 下面这是一个只是包含头部和中间内容部分的框架， 代码如下： <frameset rows="160,*" frameBorder="0" framespacing="0" scrolling="0"> <frame src="top.php" name="header" frameBorder=0 scrolling="no" noresize/> <frame src="main.php" name="main" frameBorder=0 scrolling="yes" noresize/> </frameset> 详细解说： 1. rows:每个内容框架的设定的高度 frameset的相关属性： 1frameBorder:用于设置是否显示框线，1为显示框线（默认值)，0为不显示框线。 2framespacing:用于设置边框的粗细，默认值为2px scrolling:是否显示滚动条 auto：当文件过长框架的高度或宽度不能显示完整的网页内容时，则自动出现滚动条，以便于浏览。该属性值为默认值。 yes：无论文件长度如何，始终显示滚动条。 no：无论文件长度如何，始终不显示滚动条。 框架网页 框架网页的主要特点是将浏览器窗口拆分成不同的区域，每个区域呈现出不同的网页内容。框架网页中最大的区域通常作为主框架区，频繁变化的内容一般都 安排在该区域中显示，而主框架区之外的其他区域则相对稳定，常用于显示网页的标题和目录等。这样，在目录框架中点击某个超级链接时，就可以在主框架区显示 相应的内容，避免浏览窗口的频繁切换。例如，如果一个网站的每个页面都具有相同的标题区域、目录区域、网站声明区域，不同的只是更换主要显示区域的文档内 容，那么，就可以将这些网页设计成框架网页。 使用框架网页，更便于网站的维护和数据更新。 1、框架网页的窗口拆分定义标记 <FRAMESET> 语法：<html> <frameset [rows="value1" | cols="value2"]> …… </frameset> </html> 说明： ⑴ <frameset>标记用于定义整个框架的拆分方式，即是采用水平拆分还是采用垂直拆分，并设置各框架的大小和内容，是成对标记。 如果使用<frameset>标记作为文件的主体，则不能再使用<body>标记作为文件的主体。也就是说，同一个HTML文件不允许<body>与<frameset>同时存在。 ⑵ rows属性用于将窗口水平拆分成数个框架，其属性值value1用于定义每个框架的高度，高度的表示方法为： ① 数值，即以绝对方式来定义框架的大小，单位是像素。 例如：rows="200,600,100"，表示将窗口水平分割成三个框架，每个框架的高度分别是200px、600px和100px。 ② 百分比，即以相对百分比的方式定义框架的大小。 例如：rows="10%,80%,10%"，表示将窗口水平分割成三个框架，每个框架高度的比例分别是10%、80%和10%。 ③ *，即用上述方法定义框架的高度后，剩下的框架的高度为其总高度的剩余值。如果有两个以上的高度定义为“*”，则这些框架的高度将平分剩下来的高度，也可以混合使用三种高度的定义方式。 例如：rows="30%,50,*"，表示将窗口水平分割成三个框架，每个框架的高度分别是30%，50px，剩余的高度给第三个框架。 ⑶ cols属性用于将窗口垂直拆分成数个框架，其属性值value2用于定义每个框架的宽度，其表示方法与rows相同。 2、框架网页的定义标记 <frame> 在使用<frameset>标记定义框架网页后，就需要使用<frame>标记来定义每个子框架的框架名称（framename）以及所链接的子网页的地址（URL）。 语法：<html> <frameset rows="value1" 或cols=“value2”> <frame src="URL1" name="framename1"> <frame src="URL2" name="framename2"> …… </frameset> </html> 说明： ① <frame>标记用于设置框架的名称和链接的网页，是非成对标记。 ② src属性用于设置该框架内欲显示的子网页的地址。 ③ name属性用于设置该框架的名称。 例：定义垂直拆分框架网页 <html> <frameset cols="200,300,*"> <frame name="frame1" src="lx1.htm"> <frame name="frame2" src="lx2.htm"> <frame name="frame3" src="lx3.htm"> </frameset> </html> 说明：此例将窗口垂直拆分成三个框架，每个框架的宽度依次为200px、300px、剩余宽度，从左向右框架命名依次为frame1、frame2、frame3，链接的网页分别是lx1.htm、lx2.htm、lx3.htm。 3、混合式框架 所谓混合式框架就是在同一窗口内，同时包含有水平拆分和垂直拆分所产生的框架，以下两种方法均可以创建混合式框架： ⑴ 先制作水平或垂直框架，将其中一个<frame>标记中的src属性指向一个已经使用<frameset>标记设置好的框架网页文件，从而制作出混合式框架。 例： <html> <frameset rows="200,*"> <frame src="bt.htm" name="btkj"> <frame src="nr.htm" name="nrkj"> </frameset> </html> 而nr.htm已定义为： <html> <frameset cols="200,300,*"> <frame name="frame1" src="lx1.htm"> <frame name="frame2" src="lx2.htm"> <frame name="frame3" src="lx3.htm"> </frameset> </html> 这样就制作出一个由上下两个框架构成（上框架用于放置页面标题，而下框架即内容框架又垂直拆分成三个框架）的混合式框架的网页。 ⑵&nbp; 直接用<frameset>标记取代一个<frame>标记，接着将此框架进行水平拆分或垂直拆分，在每 对<frameset>标记内分别使用<frame>标记定义子框架的src及name属性。这种定义方式将所有的框架标记都存 放在一个HTML文件中，而不必去定义成数个文件，较易对网页进行维护，是混合式网页的一种值得尝试的定义方式。 例1： <html> <frameset cols="200,*"> <frame name="btkj" src="bt.htm"> <frameset rows="100,400,*"> <frame name="nrkj1" src="nr1.htm"> <frame name="nrkj2" src="nr2.htm"> <frame name="nrkj3" src="nr3.htm"> </frameset> </frameset> </html> 结果显示为： 例2： <html> <frameset rows="100,*,100"> <frame name="btkj" src="bt.htm"> <frameset cols="200,*"> <frame name="mlkj" src="ml.htm"> <frame name="nrkj" src="nr.htm"> </frameset> <frame name="zbkj" src="zb.htm"> </frameset> </html> 结果显示为： 4、框架的相关设置 框架的设置在<frameset>标记或<frame>标记的属性中定义。 ⑴ <frameset>标记的相关属性 framespacing：该属性用于设置框线的粗细（默认值为2px）。 frameborder：该属性用于设置是否显示框线，属性值有：1，表示显示框线（默认值）；0，表示不显示框线。 bordercolor：该属性用于设置框线的颜色，属性值可使用颜色名定义，也可使用三原色值定义。 ⑵ <frame>标记的相关属性 ① scrolling：该属性用于设置滚动条出现的时机，属性值有： auto：当文件过长框架的高度或宽度不能显示完整的网页内容时，则自动出现滚动条，以便于浏览。该属性值为默认值。 yes：无论文件长度如何，始终显示滚动条。 no：无论文件长度如何，始终不显示滚动条。 ② noresize：该属性用于设置框架大小是否固定，如果使用此属性，则表示固定框架大小，以避免浏览者随意改动。该属性不需要定义属性值。 ③ marginwidth：该属性用于设置指定框架内文件与框架边缘的边界宽度。 ④ marginheight：该属性用于设置指定框架内文件与框架边缘的边界高度。 5、框架的超级链接 框架的超级链接用于在指定的框架中打开指定的页面，而超级链接所在的框架内容则可保持不变，使保存有超级链接的框架具有目录或菜单的作用。 创建框架的超级链接的方法如下： ⑴ 创建拆分框架网页 使用<frameset>标记将窗口拆分成若干个框架，并设置好每个框架的宽度或高度（cols或rows属性）。 使用<frame>标记设置每个框架的名称（name属性）和链接目标的URL（src属性）。 ⑵ 设置超级链接的目标网页 在框架对应的网页文件中，使用<a>标记定义超级链接，并在<a>标记中使用target属性设置超级链接的打开方式。 例如：在上面的图例框架中，可以在左框架网页的文件中设置超级链接： <a href="URL1" target="nrkj1">在nrkj1中打开该链接</a> <a href="URL2" target="nrkj2">在nrkj2中打开该链接</a> <a href="URL3" target="nrkj3">在nrkj3中打开该链接</a> 其中，URL1、URL2、URL3为链接要打开的网页文件的路径及文件名。Target的属性则用于设置在指定的框架打开该网页。 target的属性除了直接指定框架的名称外，也可以使用常用的属性值： _blank：在新的窗口中打开链接网页。 _top：在本窗口中打开链接网页。 _parent：在上一层的框架中打开链接网页。 _self：在超级链接所在的框架中打开链接网页（默认值）。 其中，“_top”和“_parent”常用于多层混合式框架，“_top”表示最上层的框架，“_parent”则表示上一层的框架。对于外部链接，如指向其他网站的超级链接，则通常使用“_blank”或“_top”的打开方式。 如果在<a>标记中没有设置target属性，则默认打开方式为target="_self"，即在超级链接所在的框架打开链接网页。 如 果某个框架中的所有超级链接都指向同一个框架，则可使用<base target="目标框架">来改变默认的 target="_self"设置值，即在建立超级链接的网页中加入<base target="目标框架">标记，这样就毋须再在每一 个<a>标记中指定链接的target属性。 6、内联框架Iframe Frame框架，必须使用<frameset>标记预先定义每个框架的大小，如果某一框架链接的页面内容超出框架预定义的大小，则只能使用滚动条来显示框架中的内容，这给浏览带来了很大的不便。 在 HTML语言中，可以使用<iframe>标记解决这一问题。Iframe即Inline Frame的缩写，称为内联框架。使 用<iframe>标记，可以在HTML页面的任何地方插入一个内联框架，而不必像使用<frmae>标记前需要预先在一个主页 面里通过<frameset>标记为每个Frame划分空间，从而可以更加灵活地实现框架网页的布局。 ⑴ 内联框架定义标记 <iframe> 语法： <iframe src="URL" width="value1" height="value2" scrolling="value3" frameborder="value4" name="iframename"> </iframe> 说明： ① src属性用于设置要链接的网页的URL（路径和文件名），既可以是一个超级链接，也可以是HTML文件或文本、ASP等。 ② width和heigth属性用于设置内联框架的宽度和高度。单位：像素。 ③ scrolling属性用于设置如果指定大小的内联框架不能显示完由src属性指定的链接目标的内容，是否显示滚动条。其属性值有：No，表示不显示滚动条；Auto，表示自动显示滚动条；Yes，表示始终显示滚动条。 ④ frameborder属性用于设置内联框架的边框宽度，如果希望内联框架不留痕迹地与周围的网页融合在一起，通常将该属性值设置为：0，即frameborder="0"。 ⑤ name属性用于设置该内联框架的名称，使框架可以作为一个整体被识别。 ⑵ iFrame的使用方法 在 一个网站中，如果一些部分如网站标识、网站声明、是否登录等内容在每个网页的页面中都会出现，则可先将这些部分分别制作成Iframe要链接的目标网页， 再在每一个需要使用这些版块的页面中加入相应的<iframe>标记，即可在这些页面中使用内联框架网页。 |
527
03-13
“相关推荐”对你有帮助么？
-
非常没帮助 -
没帮助 -
一般 -
有帮助 -
非常有帮助
提交
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
