网页设计javascript-窗口框架.ppt
《网页设计javascript-窗口框架.ppt》由会员分享,可在线阅读,更多相关《网页设计javascript-窗口框架.ppt(44页珍藏版)》请在三一文库上搜索。
1、第 8 章 窗 口 框 架,第8章 窗口框架,8.1 窗口框架简介 8.2 窗口框架控制 8.3 FRAME间的链接 8.4 浮动窗口,8.1 窗口框架简介,窗口框架可用于将窗口画面分割成多个小窗口,且每个小窗口中,可以显示不同的网页,达到在浏览器中同时浏览多个不同网页的效果。,8.1.1 什么是窗口框架,在介绍窗口框架文档之前,先来看看其应用实例,有一个感性认识,见下图。,Frameset结构的基本格式 . . ,8.1.2 窗口框架的基本结构,包含Frameset结构的HTML文件,文件framePage.htm的源代码 窗口框架文档 你的浏览器不支持带框架的网页 ,标签用于定义一个窗口框
2、架 则用于定义窗口框架中的子窗口 窗口框架文档的书写格式与一般的HTML文档的书写格式相同,只是用代替标签,是一个成对标签,有开始和结束标签,在标签内使用了另一个标签,用它来指定每一个窗口的内容。,说 明,窗口框架的分割方式可分为两种,一种是水平分割(rows属性),另一种是垂直分割(cols属性)。,8.1.3 窗口框架的分割方式,8.2 窗口框架控制,是成对标签,首标签和尾标签之间的内容是HTML文档主体部分。 使用框架的HTML文档中不能出现标签,否则会导致web浏览器忽略所有的框架定义而只显示和之间的内容。 标签主要有rows、cols、border、bordercolor和frame
3、border五个属性。,8.2.1 框架设置标签frameset,1格式: 2说明: rows说明窗口行分隔情况,cols说明列分隔。 各参数值之间用逗号分隔,依次表示各个子窗口的高度(宽度)。,一、水平/垂直分割 窗口属性rows/cols, rows和cols可以用数字、百分比或剩余值以及这三种方式的混合来表示: 数字:表示子窗口高度(宽度)所占的像素点数。 百分比“%”:表示子窗口高度(宽度)占整个浏览器窗口高度(宽度)的百分比。,一、水平/垂直分割 窗口属性rows/cols,剩余值“*”。表示当前所有窗口设定之后的剩余部分。 当符号*只出现一次,即其他子窗口的大小都有明确定义时,表示
4、该子窗口的大小将根据浏览器窗口的大小而自动调整。 当符号*出现一次以上时,表示按比例分割浏览器窗口的剩余空间。,一、水平/垂直分割 窗口属性rows/cols,: 表示将浏览器窗口分割为3列: 第一个子窗口在第一列,窗口宽度为整个浏览器窗口宽度的40%; 第二个子窗口在第二列,占浏览器窗口剩余空间的2/3,即其宽度为整个浏览器窗口宽度的40%; 第三个子窗口占剩余空间的1/3,宽度为整个浏览器窗口宽度的20%。,示例,示例:横向与纵向同时分割, Simple FRAMESET ,示例:嵌套分割,在标签中,可运用border属性控制分割窗口的框架的宽度,其语法如下所示: 其中的数值代表此窗口框架
5、的宽度,单位为像素,數值為整數。,二、设置窗口框架 宽度属性border,示例:框架宽度设置, Simple FRAMESET ,在标签中,可运用bordercolor属性设置边框的颜色,其语法如下所示: 其中的#代表此边框的颜色,取值可为RGB代码,可以是單詞如:red;或十六進制如:#00ff00。,三、设置边框 颜色属性bordercolor,示例:框架颜色设置, Simple FRAMESET ,frameborder属性用于控制窗口框架四周,是否显示框架。此属性可使用在标签与标签中,使用在标签内时,可控制窗口框架的所有子窗口。使用在标签时,则仅能控制该标签所代表的子窗口,其语法为:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 javascript 窗口 框架
链接地址:https://www.31doc.com/p-2920324.html