1、 教学项目十四 HTML中框架的实现 【教学内容】讲解 HTML中框架标志及相应的属性【教学目的】使学生掌握框架标志及属性，学会熟练使用 HTML标志设计框架网页。【教学重点】框架的嵌套使用【教学难点】理解属性 name、 target的意义【教学方式】案例分析式、项目教学【教学参考】1 杨浩著 清华大学出版社2 电脑报社出版3 TML网页制作教程 材义语编著 铁道出版社4 HTML基础与实例 程耀编著 电子工业出版社【新课】一、设计框架网页的标志标志一： 用于定义框架的分割方式格式：说明：（ 1） rows,cols中必须选择一个（ 2） rows,cols的值有三种表示方式：数字： 定的像
2、素值；百分比：相对宽度，以当前的浏览器窗口为参照；*： 将剩下未被分配空间平均分配；例：1. 表示按水平方向分割，每一框架窗口占浏览器窗口的 1/3，窗口从上到下排列；2. 表示按垂直方向分割，第一个窗口占 40%,其余两个窗口各占 30%，窗口从左到右排列3. 表示先水平方向分割，再垂直方向分割，两行三列排列。 40%60%50% 200标志二： 用于定义一个子框架窗口，指定窗口中显示的网页的路径、名称及框架名称。格式 ： 例 1：设计如下框架网页：分析：这是一个左右结构的框架，框架左边窗口显示网页为 1.htm,框架窗口右边显示网页为 2.htm框架结构部分对应网页为 aa.htm；程序代
3、码如下：1.HTM代码：特别推荐 文学芳草竹林听海梧桐树下如烟往事牧歌唱晚 2.htm代码如下：aa.htm代码如下：二、框架标志配合使用的属性1 标志中的配合使用属性：（ 1） framespacing: 设定框架边框线的宽度（ 2） frameborder: 设定是否显示框线frameborder=0 不显示框线； frameborder=1时显示框线；(3） bordercolor: 设定框线颜色2 标志中配合使用的属性（ 1） scrolling: 设定是否显示滚动条scrolling=auto 需要自动出现scrolling=yes 始终出现scrolling=no 从不出现(2) noresize: 设定是否允许调整窗口大小(3) marginwidth: 框架内网页内容与边缘的空白区宽度（ 4） marginheight: 框架内网页内容与边缘的空白区的高度 一、框架网页中超级链接的使用例：设计如下框架网页：分析：此例使用了框架嵌套，在下左窗口中设置超级链接，目标窗口分别是 right、 _self、 _blank、 bottom、 top.
