教学项目十四HTML中框架的实现课件.ppt
《教学项目十四HTML中框架的实现课件.ppt》由会员分享,可在线阅读,更多相关《教学项目十四HTML中框架的实现课件.ppt(20页珍藏版)》请在三一办公上搜索。
1、教学项目十四 HTML中框架的实现【教学内容】讲解HTML中框架标志及相应的属性【教学目的】使学生掌握框架标志及属性,学会熟练使用HTML标志设计框架网页。【教学重点】框架的嵌套使用【教学难点】理解属性name、target的意义【教学方式】案例分析式、项目教学【教学参考】1 杨浩著 清华大学出版社2 电脑报社出版3TML网页制作教程 材义语编著 铁道出版社4HTML基础与实例 程耀编著 电子工业出版社,【新课】一、设计框架网页的标志标志一:用于定义框架的分割方式格式:说明:(1)rows,cols中必须选择一个(2)rows,cols的值有三种表示方式:数字:定的像素值;百分比:相对宽度,以
2、当前的浏览器窗口为参照;*:将剩下未被分配空间平均分配;例:1.表示按水平方向分割,每一框架窗口占浏览器窗口的1/3,窗口从上到下排列;2.表示按垂直方向分割,第一个窗口占40%,其余两个窗口各占30%,窗口从左到右排列,3.表示先水平方向分割,再垂直方向分割,两行三列排列。,标志二:用于定义一个子框架窗口,指定窗口中显示的网页的路径、名称及框架名称。格式:,例1:设计如下框架网页:,分析:这是一个左右结构的框架,框架左边窗口显示网页为1.htm,框架窗口右边显示网页为2.htm框架结构部分对应网页为aa.htm;程序代码如下:1.HTM代码:特别推荐文学芳草竹林听海梧桐树下,如烟往事牧歌唱晚
3、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:框架内网页内容与边缘
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 教学 项目 十四 HTML 框架 实现 课件
![提示](https://www.31ppt.com/images/bang_tan.gif)
链接地址:https://www.31ppt.com/p-3492350.html