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

* * * * * * 普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材 山东大学计算机科学与技术学院 《 网 站 设 计 与 建 设 》 《 网 站 设 计 与 建 设 》 普通高等教育“十一五”国家级规划教材 重点大学计算机专业系列教材 山东大学计算机科学与技术学院 第12章 HTML框架与页面结构 * 概 述 框架概述 创建一个“行”或“列”框架组合 在HTML中超级链接框架的内容 创建定位的超级链接 用BASE标记符的Targeting链接 将链接命中Targeting到顶部的框架 框架嵌套、框架组合 给Frameset添加属性 * 1.框架 FRAMESET/FRAME 网页结构的布局手段：表、框架 在一个网页中可同时显示多个不同的网页 增加网页的可读性、可用性 在框架中可以创建彼此独立移动的页面区域，表格实现不了该功能。 框架可以组合静态信息和动态信息 FRAMESET: 划分区域；各区域使用RAME定义链接网页文件；位于/HEAD和BODY之间。 ROWS,COLS：绝对尺寸-像素、相对尺寸-百分数 NOFRAME: 必须使用BODY标记符。 * 2.创建一个“行”框架组合 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title在HTML中创建“行”框架组合/title /head frameset rows=50%, 50% frame src=sample-1201-a.htm frame src=sample-1201-b.htm /frameset noframes body 本网页使用框架，但你的浏览器不支持！ /body /noframes /html * 3.创建一个“列”框架组合 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title在HTML中创建“列”框架组合/title /head frameset cols=25%, 75% frame src=sample-1201-a.htm frame src=sample-1201-b.htm /frameset noframes body 本网页使用框架，但你的浏览器不支持！ /body /noframes /html * 4.创建一个导航框架 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title在HTML中超级链接框架的内容/title /head frameset cols=25%, 75% frame src=sample-1201-nav.htm frame src=sample-1201-main.htm /frameset noframes body 本网页使用框架技术，但浏览器不支持！ /body /noframes /html * 5.创建定位的超级链接 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title在HTML中创建定位的超级链接/title /head frameset cols=25%, 75% frame src=sample-1203-nav.htm NAME=nav frame src=sample-1203-main.htm NAME=main /frameset noframes body 本网页使用框架，但浏览器不支持！ /body /noframes /html * 6.创建定位的超级链接 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 titlesample-1205-nav.htm/title BASE target=main /head body p a href=sample-1203-ruanjian.htm 计算机软件研究所/a br a href=sample-1203-yingyong.htm 计算机应用研究所/abr a href=sample-1203-xitong.htm 计算机系统结构研究所 /a /p /body /html * 7.创建定位的超级链接 html head meta http-equ