HTML+CSS+DIV网页设计与布局 作者 聂斌 第7章 框架.pptVIP

第7章 框架 框架是一种划分浏览器窗口的特殊方式，通过使用框架可以将多个网页组合成一个页面显示在浏览器中。浏览器的各个页面之间相互独立，却又相互关联。用户在浏览这种页面的时候，当对其中某一个部分进行操作，如浏览、下载的时候，其他页面保持不变，这样的页面就被称为框架结构的页面，也称为多窗口页面。 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 7.1 创建框架 实际上框架对象本身也一类窗口，它继承了窗口对象的所有特征，并拥有所有的属性和方法。使用框架最主要的目的就是创建链接的结构，最常见的框架结构就是网站的导航条作为一个单独的框架窗口。 框架主要包含两个部分：框架集和具体的框架文件。框架集FRAMESET用来定义一个HTML文件为框架模式，并设定视窗如何分割。其实框架集就是存放框架结构的文件，也是访问框架文件的入口文件，其基本语法如下： FRAMESET FRAME SRC= FRAME SRC= …… /FRAMESET 7.2 分割窗口 框架结构最大的特点就是将一个单独的窗口分割成多个窗口，窗口的分割方式需要在框架集页面中进行设置。框架集是框架结构的基础，只有通过框架集，各个框架窗口才能结合起来组成一个真正的网页文件。因此，对于框架集的属性设置，也是使用框架的最基础操作，而分割窗口则是基础中的基础。 7.2.1 上下分割 既然是框架结构的页面，就要包含多个框架窗口，设置框架窗口的排列方式是必不可少的工作。上下分割窗口就是在窗口的水平方向上划分出几条分割线，将页面分成由上到下几个窗口，需要使用ROWS属性，其语法是： FRAMESET ROWS=各个窗口的高度 FRAME SRC= FRAME SRC= …… /FRAMESET 7.2.2 左右分割 左右分割窗口就是在浏览器中沿垂直方向分割为几个窗口，这些窗口左右分布，其设置属性是COLS，使用的语法是： FRAMESET COLS=各个窗口的宽度 FRAME SRC= FRAME SRC= …… /FRAMESET 7.2.3 窗口的嵌套 除了可以对窗口进行上下分割和左右分割外，也可以混合利用这两种模式，这就是窗口的嵌套。嵌套分割窗口就是在框架集中嵌套框架集，一个浏览器页面内，既有上下分割的窗口，又有左右分割的窗口。窗口嵌套的语法如下所示： FRAMESET FRAME SRC=/ FRAMESET FRAME SRC =/ FRAME SRC =/ / FRAMESET / FRAMESET 7.3设置框架边框 除了设置框架的分割方式外，还有一些属性需要在框架集页面中设置，包括框架的边框大小、颜色等。 7.3.1 设置框架边框显示或隐藏 默认情况下，框架的边框是显示出来的。有时候，用户希望隐藏框架结构中的框架分割线，这时候可以通过设置FRAMEBORDER实现。设置框架边框的语法是： FRAMESET FRAMEBORDER=框架显示属性值 FRAME SRC= FRAME SRC= …… /FRAMESET 7.3.2 设置框架边框宽度 不同浏览器中对框架边框的宽度显示都不一致，在HTML 4.01中也没有规定用于设置框架边框宽度的属性，但是很多浏览器都支持在FRAMESET标签里使用BORDER属性来设置边框宽度。设置框架边框宽度语法如下所示： FRAMESET BORDER=框架边框宽度 FRAME SRC= FRAME SRC= …… /FRAMESET 7.3.3 设置框架边框颜色 默认情况下，框架的边框是灰色的，可以使用BORDERCOLOR属性将其设置为其他颜色，但BORDERCOLOR属性要在BORDER属性存在的时候才可以产生效果。其语法如下所示： FRAMESET BORDERCOLOR=颜色值 FRAME SRC= FRAME SRC= …… /FRAMESET 7.4 框架属性 在框架结构中，除了可以设置框架集的各种属性外，对于每一个框架窗口，也可以通过设置不同的属性来呈现不同的框架效果。 7.4.1 设置框架滚动条显示 默认情况下，当框架窗口的内容不足以在分割的区域内显示时，会出现滚动条，以方便用户的查看。滚动条会自动在各个无法完全显示的框架窗口内出现，使用SCROLLING属性可以分别对各个框架窗口的滚动条进行设置，其语法是： FRAME