单元3任务2 框架课件

1、 任务2 框架的设计1【任务陈述】【知识准备】框架的基本结构基本语法： .Frame子框架的src属性的每个URL值指定了一个HTML文件。u框架集就是用来定义这一HTML文件为框架模式，并设定视窗如何分割的文件。u通俗一点地说，框架集就是存放框架结构的文件，也是访问框架文件的入口文件。u框架集基本属性：属性属性说明说明border设置边框粗细，默认为设置边框粗细，默认为5像素像素bordercolor设置边框颜色设置边框颜色frameborder指定是否显示边框：指定是否显示边框：“0”便是不显示边框，便是不显示边框，“1”代表代表显示边框显示边框cols用用“像素数像素数”和和“%”分割左

2、右窗口，分割左右窗口，“*”表示剩余表示剩余部分部分rows用用“像素数像素数”和和“%”分割上下窗口，分割上下窗口，“*”表示剩余表示剩余部分部分framespacing表示框架与框架间的保留空白的距离表示框架与框架间的保留空白的距离noresize设置框架不要调节大小，只要设定了前面的，后面的设置框架不要调节大小，只要设定了前面的，后面的将继承将继承（1）左右分割窗口属性cols语法： 将窗口分为40%，40%，20% 将300像素意外的两个窗口平均分配 将窗口分为三等份（1）左右分割窗口属性colsu值的定义为宽，可以是数字（单位为像素），也可以是百分比和剩余值。u剩余值用“*”号表示，

3、剩余值表示所有窗口设定之后的剩余部分，当“*”只出现一次时，表示该子窗口的大小将根据浏览器窗口的大小自动调整，当“*”出现一次以上时，表示按比例分割剩余的窗口空间。ucols的默认值为一个窗口（2）上下分割窗口属性rows语法： u将页面沿水平方向切割，也就是将页面分成上下排列的多个窗口。 是个标签，标签要放在框架集frameset中，设置了几个子窗口就必须对应几个标签，而且每一个标签内还必须设定一个网页文件（src=”*.html”）属性属性说明说明src指示加载的指示加载的url文件地址文件地址bordercolor设置边框颜色设置边框颜色frameborder指定是否显示边框：指定是否显

4、示边框：“0”便是不显示边框，便是不显示边框，“1”代表显示边框代表显示边框border设置边框粗细设置边框粗细name指示框架名称，是链接标签的指示框架名称，是链接标签的target所要的参数所要的参数noresize指示不能调整窗口的大小，省略此项时可调整指示不能调整窗口的大小，省略此项时可调整scorling指示是否要滚动条，指示是否要滚动条，auto根据需要自动出现，根据需要自动出现，yes有，有，no无无marginwidth设置内容与窗口左右边缘的距离，默认值为设置内容与窗口左右边缘的距离，默认值为1marginheight设置内容与窗口上下边缘的边距，默认值为设置内容与窗口上下边

5、缘的边距，默认值为1width框窗的宽及高，默认为框窗的宽及高，默认为width=”100” height=”100”align可选值为可选值为left、right、top、middle、bottom属性设置：设置边框-frameborder语法： 或者u在默认情况下，框架窗口的四周有一条边框线，通过在默认情况下，框架窗口的四周有一条边框线，通过frameborder 参数可以调整边框线的显示情况。参数可以调整边框线的显示情况。uframeborder 的取值只能为的取值只能为0或或1。如果取值为。如果取值为 0，那么边框线将会，那么边框线将会被隐藏；如果取值为被隐藏；如果取值为1，边框线将会

6、显示。在，边框线将会显示。在frameset 中设置将会对中设置将会对整个框架有效，在整个框架有效，在frame中设置则只对当前这个框架有效。中设置则只对当前这个框架有效。属性设置：框架的边框宽度属性设置：框架的边框宽度-framespacing语法：语法： u框架的边框宽度在默认情况下是框架的边框宽度在默认情况下是1像素，通过参数像素，通过参数 framespacing 可以调整其大小。可以调整其大小。u边框宽度就是在页面中各个边框之间的线条宽度，以像素为单位。边框宽度就是在页面中各个边框之间的线条宽度，以像素为单位。而这一参数只能对框架集使用，对单个框架无效。而这一参数只能对框架集使用，对

7、单个框架无效。属性设置：框架的边框颜色属性设置：框架的边框颜色-bordercolor语法：语法： u使用参数使用参数bordercolor可以设置框架集的边框颜色。可以设置框架集的边框颜色。u该参数同样只对整个框架集有效，对于单个框架无效。该参数同样只对整个框架集有效，对于单个框架无效。属性设置：页面源文件-src语法： u框架结构中的各个页面都是一个单独的文字，而这些文件是通过src 参数进行设置的。u页面文件是框架页面的具体内容的所在，对于没有设置源文件的框架，只是空白页面，是没有任何作用的。页面的源文件可以是正常的HTML文件，也可以是一个图片或者其他的文件。 属性设置：页面名称-na

8、me语法： u页面名称是为了便于页面的查找和链接所提供的一个属性。框架的页面名称中不允许包含特殊字符、连字符-、空格等，必须是单个的一个单词或者字母组合。属性设置：调整窗口的尺寸-noresize语法： u当用鼠标拖动框架的边框的时候，框架窗口的尺寸就会随之 变化。如果希望框架窗口的大小保持不变，可以设置 noresize 参数。u在 frame 标记中添加“noresize参数，就表示框架窗口的尺寸不能改变。 属性设置：边框与页面内容的水平边距-marginwidth语法： u框架页面与 HTML中的表格一样，也可以设置边框与页面内容的水平边距。水平边距设置页面的左右边缘与框架边框的距离，单

9、位是像素。 属性设置：边框与页面内容的垂直边距-marginheight语法： u与水平边距类似，通过marginheight 参数可以设置边框与页面的垂直边距。u垂直边距用来设置页面的上下边缘与框架边框的距离，单位是像素。 属性设置：设置框架滚动条显示-scrolling语法： u默认情况下，当页面的内容超出浏览器窗口的大小时，页面会自动添加滚动条以便用户浏览。但是有时候用户希望不显示滚动条，这可以通过设置 scrolling 参数来实现。uscrolling 参数在这里只能取Yes、No或Auto三个值中的一个。其中，Yes表示一直显示滚动条，而No则表示无论什么情况都不显示滚动条；Aut

10、o是系统的默认值，它是根据具体内容来调整的，也就是当页面长度超出浏览器窗口的范围就会自动显示 滚动条。（1）框架窗口的水平分隔u子窗口的排列遵循从左到右、从上到下的次序u标签，是自动生成，当浏览者使用的浏览器版本太低，不支持框架这个功能时，他看到的将会是一片空白。为了避免这种情况，即可使用这个标签。u（2）框架窗口的垂直分隔实例： 如果在窗口中要设置超链接，就必须为每一个子窗口命名，以便于窗口间的链接。窗口的命名最好为拼音或英文单词，命名规则与程序语言中的变量命名相似。窗口的链接还用用到target属性，用这个属性就可以将链接的内容放置到想要放置的窗口内。【任务实施】【任务拓展】基本语法：属性属性含义含义src指示浮动窗口中要加载的指示浮动窗口中要加载的url文件地址文件地址name指示框架名称，是链接标记的指示框架名称，是链接标记的target所要的参数所要的参数align可选值为可选值为left、right、top、middle、bottomwidth框窗的宽及高，默认为框窗的宽及高，默认为width=”100” height=”100”marginwidth设置内容与窗口左右边缘的距离，默认值为设置内容与窗口左右边缘的距离，默认值为1marg