商务网站页面设计技术..docVIP

第8章 框 架 框架标记的功能主要是分割窗口和插入浮动窗口。使用框架，可以在一个浏览器窗口中显示不止一个HTML文档。这样的HTML文档被称为框架页面，它们是相互独立的。如果能有效的运用框架将有助于浏览网页的效率使用框架的不利因素有：网站开发者需要关心更多HTML文档的情况。 打印整个页面变得困难。常用框架标记框架集标记 ，定义框架集HTML文档目的就是将多个框架页面放在一个浏览器窗口中显示，如果有了框架集标记一般就不能有body标记了。frame或noframe标记/ frameset 。 该标记定义了一个框架集容器，它里面可包含多个框架窗口（用frame标记定义），每个框架窗口可打开一个页面。开始标记和结尾标记必选。）rows size列表指框架集容器中所包含的各个行框架窗口所占的列表，取值是一个用逗号分隔的数值列表cols size列表指框架集容器中所包含的各个列框架窗口所占的列表，取值是一个用逗号分隔的数值列表，如cols=“200，*”（以像素为单位）；cols=“50%，*”（以百分比为单位）；cols=“2*，4*”（以比值表示的相对大小）OnLoad、onUnload script 该属性分别指定框架被装载卸载时执行的脚本代码? rows属性的应用：如设计一个包含3个行框架窗口各个行框架窗口所占的列表25%、50%、25%。则程序代码如下： frameset rows=25%,50%,25% frame name=top frame name=middle frame name=bottom /frameset cols属性的应用：如设计一个包含3个列框架窗口各个框架窗口所占的列表*、3*、*。则程序代码如下： frameset cols=*,3*,* frame name=left frame name=middlet frame name=right /frameset 四、【示例8.1】 本例子的功能是：说明HTML框架 frameset 标记及属性的使用方法。有关的代码可参见下面的源程序文件E8_1.htm，在浏览器中的显示效果如图8.1所示。 【源程序清单：E8_1.htm】 htmlheadtitle框架lt; frameset gt;标记及属性的使用/title/head frameset rows=*,4* frame name=top scrolling=no noresize target=contents src=top.htm frameset cols=30%,70% frame name=left target=main src=left.htm frame name=right src=right.htm /frameset /frameset /html 1、【示例解析】 框架窗口为，显示top.htm.htm和right.htm文档2、【效果展示】本示例的显示效果如图8.1所示。 图 8.1 frameset标记及主要属性的使用 ? 五、【上机实践】 （一）输入源程序E8_1.htm，并通过浏览器查看运行效果。 （二）分析主要代码的功能，并进行修改后重新运行，观察不同属性的设置对显示效果的影响。 8.2 框架标记frame 一、标记功能 框架标记，定义框架集HTML文档窗口显示。开始标记必选结尾标记。）name 字符串 该属性用来指框架窗口名称。超级链接A中target属性所指的框架窗口名超级链接框架窗口src URL 该属性用来指框架窗口中显示的页面文件位置。frameborder 0（No）或1Yes） 该属性指定框架窗口是否有边框，取值为0或No，也可以是或Yes。Marginwidth、marginheight size 该属性指定框架窗口左边框或上边框的空白尺寸noresize 无 该属性指定框架窗口大小不可调整属性可调整scrolling auto（自动）No、Yes 该属性指定框架窗口滚动条显示，取值为auto（自动）No（不显示）或YesURL 该属性框架窗口指定指定HTML框架 framenoframes标记及属性的使用方法。有关的代码可参见下面的源程序文件E8_2.htm、top.htm、left.htm、right.htm。在浏览器中的显示效果如图8.2所示。htmlheadtitle框架lt; frame gt;标记及属性的使用/title/head frameset rows=*,4* frame name=top scrolling=no noresize src=top.htm longdesc=advertisements.htm fram