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

第12章HTML框架与页面结构 2 概述 框架概述创建一个 行 或 列 框架组合在HTML中超级链接框架的内容创建定位的超级链接用标记符的Targeting链接将链接命中Targeting到顶部的框架框架嵌套 框架组合给Frameset添加属性 3 1 框架FRAMESET FRAME 网页结构的布局手段 表 框架在一个网页中可同时显示多个不同的网页增加网页的可读性 可用性在框架中可以创建彼此独立移动的页面区域 表格实现不了该功能 框架可以组合静态信息和动态信息FRAMESET 划分区域 各区域使用RAME定义链接网页文件 位于和之间 ROWS COLS 绝对尺寸 像素 相对尺寸 百分数NOFRAME 必须使用BODY标记符 4 2 创建一个 行 框架组合 在HTML中创建 行 框架组合本网页使用框架 但你的浏览器不支持 5 3 创建一个 列 框架组合 在HTML中创建 列 框架组合本网页使用框架 但你的浏览器不支持 6 4 创建一个导航框架 在HTML中超级链接框架的内容本网页使用框架技术 但浏览器不支持 7 5 创建定位的超级链接 在HTML中创建定位的超级链接本网页使用框架 但浏览器不支持 8 6 创建定位的超级链接 sample 1205 nav htm计算机软件研究所计算机应用研究所计算机系统结构研究所 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无框BORDER 设置边框宽度像素数 Netscape 0无框NORESIZE 禁止访问者调整框架的大小FRAMESPACING 控制框架间的总间距 IE SCROLLING 滚动条设置 YES NO AUTOMARGINHEIGHT 框架的上下边界像素数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计算机软件与理论研究所包括四