网站设计与建设-第12章 HTML框架与页面结构.ppt

1、第12章 HTML框架与页面结构,2,概 述,框架概述 创建一个“行”或“列”框架组合 在HTML中超级链接框架的内容 创建定位的超级链接 用标记符的Targeting链接 将链接命中Targeting到顶部的框架 框架嵌套、框架组合 给Frameset添加属性,3,1.框架 FRAMESET/FRAME,网页结构的布局手段：表、框架 在一个网页中可同时显示多个不同的网页 增加网页的可读性、可用性 在框架中可以创建彼此独立移动的页面区域，表格实现不了该功能。 框架可以组合静态信息和动态信息 FRAMESET: 划分区域；各区域使用RAME定义链接网页文件；位于和之间。 ROWS,COLS：绝对

2、尺寸-像素、相对尺寸-百分数 NOFRAME: 必须使用BODY标记符。,4,2.创建一个“行”框架组合, 在HTML中创建“行”框架组合 本网页使用框架，但你的浏览器不支持！ ,5,3.创建一个“列”框架组合, 在HTML中创建“列”框架组合 本网页使用框架，但你的浏览器不支持！ ,6,4.创建一个导航框架, 在HTML中超级链接框架的内容 本网页使用框架技术，但浏览器不支持！ ,7,5.创建定位的超级链接, 在HTML中创建定位的超级链接 本网页使用框架，但浏览器不支持！ ,8,6.创建定位的超级链接, sample-1205-nav.htm 计算机软件研究所 计算机应用研究所 计算机系统

3、结构研究所 ,9,7.创建定位的超级链接, 导航 计算机软件研究所 计算机应用研究所 计算机系统结构研究所 山东大学 ,10,8.框架嵌套, 框架嵌套 本网页使用框架，但浏览器不支持。 ,11,9.框架组合, 框架组合sample-1208.htm 本网页使用框架，但你的浏览器不支持。 ,12,9.框架组合(续1), sample-1208-head.htm 子框架 ,13,9.框架组合(续2), sample-1208-subframeset.htm 本网页使用框架，但浏览器不支持！ ,14,10.框架组合属性,FRAMEBORDER：设置边框宽度像素数(HTML4,MS),0无框 BORD

4、ER: 设置边框宽度像素数(Netscape)，0无框 NORESIZE: 禁止访问者调整框架的大小 FRAMESPACING: 控制框架间的总间距(IE) SCROLLING: 滚动条设置，YES、NO、AUTO MARGINHEIGHT: 框架的上下边界像素数 MARGINWIDTH: 框架的左右边界像素数 BORDERCOLOR: 设置边框的颜色,15,11.框架组合属性实例, 框架组合属性 本网页使用框架，但浏览器不支持。 ,16,第12章 小结,框架概述 简单框架 嵌套框架 组合框架 框架属性,17,第12章 思考问题,结束,12.1 框架中常用的标记有哪些？它们的作用分别是什么？ 12.2 框架在页面设计中有什么作用？ 12.3 自己做一个框架窗口互操作的实例。 12.4 使用框架设计一个个人网站主页页面结构。, sample-1203-nav.htm 计算机软件研究所 计算机应用研究所 计算机系统结构研究所 ,4.创建一个导航框架(续1),Return,4.创建一个导航框架(续2), sample-1203-ruanjian.htm 计算机软件与理论研