语言——框架.pptVIP

School of Applied Technology Soochow University School of Applied Technology Soochow University 网页设计教程 * School of Applied Technology Soochow University * Html语言——框架 框架概念 建立框架 frameset…/frameset标记 frame标记 框架的格式控制 框架的链接 * School of Applied Technology Soochow University * 框架概念 框架 框架是将浏览器窗口划分为不同的部分，每部分装载不同的网页，从而获得在一个浏览器窗口同时显示多个页面的特殊效果。此外，通过为超链接指定目标框架，可以为框架之间建立内容之间的联系，可以实现页面导航的功能。 * School of Applied Technology Soochow University * 左框架 右框架 下框架 上框架 * School of Applied Technology Soochow University * 建立框架 建立框架网页的步骤可以简单归纳如下： 决定网页的框架数目、大小及位置。 制作框架的内容。 设置框架的格式，例如设置框架的上下界大小、框线大小、框线颜色、是否显示卷轴等。 针对不支持框架的浏览器设计网页内容。 在此，我们必须用到frameset、frame、noframe几个标记： * School of Applied Technology Soochow University * 建立框架 frameset…/frameset和frame标记 框架的建立使用frameset、frame两个标记。它与一般的HTMl文件并无大的区别，只是将frameset标记取代body标记，用来声明框架网页的定义及各个框架的间距、维数、属性等。frame标记用来声明其中框架页面的内容。其基本结构为： frameset frame src=URL /frameset 注意：在框架集页中不能有BODY标记符。 * School of Applied Technology Soochow University * 用途：frameset标记用来定义—个框架组的属性 格式为： frameset row=”数” cols=”数” border=”像素数” bordercolor=”颜色” frameboder=”yes/mo” framespacing=值”…/frameset 其中属性值为： row 设定横向分割的框架数目： cols 设定纵向分割的框架数目： border 设定边框的宽度； bordercolor 设定边框的颜色： frameborder 设定有／无边框； framespacing 设置各窗口间的空白。 frameset…/frameset标记 * School of Applied Technology Soochow University * rows和cols属性 例如：建立三个横向框架的页面 frameset row=xl 或 y1％或zl*, x2或y2％或z2*,x3或y3％或z3* 其中： x: 表示框架的绝对大小，单位是像素数，如row=50,80,60： y％:表示框架相对于浏览器窗口大小的百分比数，如row=80,50％,10％表示第2个横向框架的大小为浏览器当前窗口的50％： z*: *表示自动分配，几个*表示将窗口等分为几份；若在*前加数字，表示等分数字之几；row=2*，1*，3*，表示第l、2、3个框架分别为整个浏览器窗口的2／6、1／6、3／6。 属性说明： * School of Applied Technology Soochow University * frame标记用于给各个框架指定页面的内容，也就是，它将各个框架和包含内容的那个文件联系在一起。frame是一个单标记，格式为： frame src=”源文件名.html” name=”框架名” border=”像素数” bordercolor=”颜色” frameborde=yes或no marginwidth=x scrolling=yes或no或auto noresize frame标记 * School of Applied Technology Soochow University * src 表示该框架对应的源文件： name 指定框架名