《网页设计第7章》由会员分享，可在线阅读，更多相关《网页设计第7章（19页珍藏版）》请在金锄头文库上搜索。
1、第7章 框架,主要内容： 创建基本框架 框架格式化 框架的嵌套 内嵌套框架 创建导航 适应非支持框架的浏览器,7.1 创建基本框架,创建基本的框架也就是创建HTML框架集文档，所谓框架集文档就是浏览器把窗口分割成两个或更多的框架，在每个框架内显示相应的Web页。 基本语法：,创建列框架,可以使用frameset标签的cols属性创建列框架。 基本语法：,创建行框架,创建行框架的方法与创建列框架的方法类似，仅用rows属性来获得浏览器显示行框架的设置。 基本语法：,创建行、列混合框架,同时使用clos属性和rows属性构建混合框架。 基本格式：,7.2 框架格式化,框架格式化主要涉及到框架边界的
2、隐藏、调整框架的边距、显示或隐藏滚动条、设置框架边界颜色等。,显示或隐藏边框,默认情况下，所有框架都带边界，但是可以通过frame标签frameborder属性指定是否显示框架边界，也可以指定边界宽度。如果将这个属性值设置为0，则告诉浏览器不显示框架的边界。（frameborder属性默认值为1。） 例如：,添加边界颜色,如果要改变边框边界颜色，可以通过bordercolor属性来实现。如下面语句所示：此外，设置边框边界颜色还可以将bordercolor属性添加到frame标签中实现。,设置框架边距,frame标签包含了marginwidth与marginheight属性，其中marginwi
3、dth属性用来设置框架的左右边界；marginheight属性用来设置框架的上下边界。,设置框架滚动条,如果网页的内容超过了浏览器显示界面范围，浏览器可以自动地在框架中添加滚动条。如果想永久地显示或者隐藏滚动条，可以通过frame标签的scrolling属性实现。 scrolling属性值： scrolling=“yes”显示滚动条。 scrolling=“no”隐藏滚动条。 scrolling=“auto”根据框架中的内容范围，自动地调整滚动条的显示与隐藏（每个框架的默认值）。,禁止调整框架尺寸,可以将frame标签的属性noresize设置为noresize来禁止用户调整框架尺寸。 例如：
4、,7.3 框架的嵌套,如果想构建更复杂的框架布局，可以通过标签嵌套另一个标签来实现。这种嵌套方式通常称为框架的嵌套。框架的嵌套可以使网页的布局更具层次性，这种框架集合将浏览器按行或列划分为许多部分。 例如：,7.4 内嵌套框架,所谓内嵌套框架就是在HTML文档中的一个区域内插入一个HTML文档，就像在HTML文档的一部分区域中显示图像一样。内嵌套框架通常又称为浮动框架，浮动框架不需要在单独的网页中创建框架集。,创建内嵌框架元素属性,建立内嵌套框架使用的标签，是HTML4标准中定义的标准标签。最初的标签是微软公司提出的，其目的是和网景公司的标准式框架相抗衡。 iframe标签属性： src=“u
5、rl”用标准的url指出作为框架内容的源 frameborder=“”设置和隐藏框架的边界 scrolling=“”设置框架滚动条。值可以为yes（显示滚动条）、no（隐藏滚动条）或者auto（根据框架中内容范围自动地显示或隐藏滚动条，此值为默认值） name=“”标记框架，便于成为目标或从其它框架或窗口中引用 marginheight=“”设置框架内容上边距或下边距的像素数值 marginwidth=“”设置框架内容左边距或右边距的像素数值 height=“”以像素为单位指定内嵌套框架的高度。 width=“”以像素为单位指定内嵌套框架的宽度 align=“指定iframe应该如何根据周围的
6、文字进行对齐，对其方式为left、middle、right、top或bottom,创建内嵌框架步骤,建立内嵌套框架的基本步骤如下： （1）建立基本的HTML文档 （2）在body中添加iframe标签 （3）添加name属性标记框架以便能够作为链接目标。 （4）添加src属性以及指定框架的高度（height属性）和宽度（width属性） （5）添加对齐方式 （6）添加替换文本,7.5 创建导航,使用框架导航，用户可以在一个框架中单击并在另一个框架中浏览显示的结果。如下图所示，当用户单击左边框中的链接时，该链接到的网页将在右边框架中显示。,创建网站链接导航,实现框架导航功能，要引入name、ta
7、rget属性，name属性标识一个框架，target属性在锚点（）中使用，指定这个链接要载入到哪个框架中。设置导航的步骤： （1）设置框架 （2）设置左边框架代码（导航链接部分） （3）设置右边框架初始代码（页面显示部分）,创建网页内链接导航,导航还有一种应用方式，就是当网页的页面较长，并且该页面是由几个部分组成，为了更快地找到要阅读的部分，使用导航来实现快速跳转到页面的指定部分。,7.6 适应非支持框架的浏览器,并非所有的浏览器都支持框架，所以在建立框架之前，需要提供一定量的非框架信息，这需要noframes标签来完成。当不设置该标签时，对于那些不支持框架的浏览器，则显示为空白。为了让用户明白页面发生了什么，通常一些网页设计者提供一条简短的代替信息，向用户解释页面无法浏览的原因。,
