第5章的 框架.ppt

网页设计基础 5.1 建立框架 框架在网页设计中，可以将一个浏览器窗口分成多个独立的小窗口，而且在每个小窗口中，可以分别显示不同的网页，达到在浏览器中同时浏览不同网页的效果。 使用框架可以非常方便地完成导航工作，而且各个框架之间不存在干扰问题，所以框架技术一直被普遍应用于页面导航。 1、框架结构 框架的基本结构主要包括两部分： 框架集 框架 它主要是利用frameset标签和frame /标签来定义的。 框架集是在一个文档内定义一组框架结构的HTML网页，它定义了网页显示的框架数、框架的大小、载入框架的网页源和其他可以定义的属性，用frameset标签来定义一个窗口框架。 框架是指在网页上定义的一个显示区域，用frame标签来定义窗口框架中的子窗口的内容。 在使用了框架集的页面中，页面的body标记被frameset标记所取代，再通过frame标记定义每一个框架。 2、框架的基本结构 html head title /title /head frameset frame src=“url地址”frame src=“url地址” /… /frameset /html 3、框架分割方式 左右分割窗口 采用cols属性，在垂直方向上分割窗口。 结构如下： frameset cols=“value，value，……” frame src=“url” / frame src=“url” / …... /frameset html head title左右分割窗口/title /head frameset cols=25%,25%,25%,* frame /frame /frame /frame / /frameset /html 上下分割窗口 采用rows属性，在水平方向上分割窗口。 结构如下： frameset rows=“value,value,…….” frame src=“url” / frame src=“url” / …... /frameset html head title上下分割窗口/title /head frameset rows=20%,30%,50% frame /frame /frame / /frameset /html 嵌套分割窗口 一个浏览器窗口可以既左右分割，又上下分割，这种窗口就是嵌套分割窗口。 frameset cols=“value,value,…….” frame src=“url” / frameset rows=“value,value,…….” frame src=“url” / frame src=“url” / /frameset /frameset html head title嵌套分割窗口/title /head frameset rows=*,* frameset cols=*,* frame /frame / /frameset frameset cols=*,* frame /frame / /frameset /frameset/html 5.2 窗口框架设置 1、框架集属性 水平/垂直分割窗口属性rows/cols 语法： frameset rows=“value1,value2,value3…” cols =“value1,value2,value3…” 参数值可以用数字，百分比和剩余值及这3种方式的混合方式来表示。 设置窗口框架宽度属性border 属性border,用于设定分割窗口的框架宽度。 语法： frameset　border=“value”　 设置边框颜色属性bordercolor 属性bordercolor,用于设定框架边框的颜色。 语法： frameset　bordercolor=“color_value”　 设置框架隐藏属性frameborder 该属性用于设定是否显示框架。 frameset标签：控制窗口框架的所有子窗口 frame标签：控制该标签所代表的子窗口 语法： frameset frameborder=“value” value取值0(不显示边框)或1(显示边框) html head title框架集边框宽度、边框颜色和边框显示属性 /title /head frameset cols=*,*,* border=20 bordercolor=red frameborder=1 frame /frame /frame / /frameset /html 2 、框架窗口属性 (1) src属性 用于设定框