网页设计课件ch_7 窗口框架072

《网页设计课件ch_7 窗口框架072》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第7章窗口框架第7章窗口框架7.1窗口框架简介7.2窗口框架控制7.3FRAME间的链接7.4浮动窗口7.1窗口框架简介7.1.1什么是窗口框架窗口框架可用于将窗口画面分割成多个小窗口，且每个小窗口中，可以显示不同的网页，达到在浏览器中同时浏览多个不同网页的效果。在介绍窗口框架文档之前，先来看看其应用实例，有一个感性认识，见下图。7.1.2窗口框架的基本结构Frameset结构的基本格式

2、w2”>......包含Frameset结构的HTML文件文件framePage.htm的源代码你的浏览器不支持带框架的</p><p>3、网页说　　　明标签用于定义一个窗口框架则用于定义窗口框架中的子窗口窗口框架文档的书写格式与一般的HTML文档的书写格式相同，只是用代替标签，是一个成对标签，有开始和结束标签，在标签内使用了另一个标签，用它来指定每一个窗口的内容。7.1.3窗口框架的分割方式窗口框架的分割方式可分为两种，一种是水平分割(rows属性)，另一种是

4、垂直分割(cols属性)。7.2窗口框架控制是成对标签，首标签和尾标签之间的内容是HTML文档主体部分。使用框架的HTML文档中不能出现标签，否则会导致web浏览器忽略所有的框架定义而只显示和之间的内容。标签主要有rows、cols、border、bordercolor和frameborder五个属性。7.2.1框架设置标签frameset1．格式：

5、1,值2,...值n">2．说明：⑴rows说明窗口横向分隔情况，cols说明纵向分隔。⑵各参数值之间用逗号分隔，依次表示各个子窗口的高度（宽度）。一、水平/垂直分割窗口属性rows/cols⑶rows和cols可以用数字、百分比或剩余值以及这三种方式的混合来表示：①数字：表示子窗口高度（宽度）所占的像素点数。②百分比“%”：表示子窗口高度（宽度）占整个浏览器窗口高度（宽度）的百分比。一、水平/垂直分割窗口属性rows/cols⑶rows和co

6、ls可以用数字、百分比或剩余值以及这三种方式的混合来表示：③剩余值“*”。表示当前所有窗口设定之后的剩余部分。当符号*只出现一次，即其他子窗口的大小都有明确定义时，表示该子窗口的大小将根据浏览器窗口的大小而自动调整。当符号*出现一次以上时，表示按比例分割浏览器窗口的剩余空间。一、水平/垂直分割窗口属性rows/cols例如1：表示将浏览器窗口分割为3列：第一个子窗口在第一列，窗口宽度为整个浏览器窗口宽度的40%；第二个子窗口在第二列，占浏览器窗口剩余

7、空间的2/3，即其宽度为整个浏览器窗口宽度的40%；第三个子窗口占剩余空间的1/3，宽度为整个浏览器窗口宽度的20%。例2：横向与纵向同时分割

8、ue.htm">例3：嵌套分割＜FRAMESETrows="105,*“＞＜FRAMEname="adbanner"src="ad.html"＞＜FRAMESETcols="40%,60%"＞＜FRAMEname="left"src="red.htm"＞＜FRAMESETrows="*,*"＞＜FRAMEname="top"src="blue.htm"＞＜FR