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

,主标题,一级内容,二级内容,三级内容,四级内容,普通高等教育,“,十一五,”,国家级规划教材,重点大学计算机专业系列教材,山东大学计算机科学与技术学院,网 站 设 计 与 建 设,*,第,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,、,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,计算机软件与理论研究所包括四个教学研究群体，分别形成计算机虚拟现实与人机交互研究室；软件与数据工程研究室；智能计算理论与技术研究室；软件工程研究室,Return,