1、网 站 设 计 与 建 设 Website design and developments,第12章 HTML框架与页面结构,第三部分,121 HTML框架与框架组合,网页结构的布局手段:表、框架 增加网页的可读性、可用性 在框架中,可以创建彼此独立移动的页面区域,表格实现不了该功能。 框架可以组合静态信息和动态信息 ,它是一个单标记。 标记定义在每一个链接内显示的内容,它必须存在于标记中。 一个标记中可以包含多个标记,标记必须紧跟标记之后,也就是说一个HTML文件中如果包含框架组合的话,其说明的位置必须在HTML文件的头部说明之后,而且必须在标记之前。 标记中必须指定rows属性或cols属
2、性,但这两个属性不能同时指定。 NOFRAME: 必须使用BODY标记符。,在HTML中创建“行”框架组合本网页使用框架,但你的浏览器不支持,特告知。,在HTML中创建“列”框架组合本网页使用框架,但你的浏览器不支持,特告知。,创建一个“列”框架组合, 中的scrolling属性有三种取值:yes、no和auto,在对src属性进行设置时需要注意两点: 如果是引用的某个确定的URL,那么这个URL必须完整,必须要指定传输协议。 src=http:/中,http:/是不能省略的。 如果引用的是本地的某个文件,那么这个文件的存储路径和文件名必须正确。,框架属性,FRAMEBORDER:设置边框宽度
3、像素数(HTML4,MS),0无框 BORDER: 设置边框宽度像素数(Netscape),0无框 NORESIZE: 禁止访问者调整框架的大小 FRAMESPACING: 控制框架间的总间距(IE) SCROLLING: 滚动条设置,YES、NO、AUTO MARGINHEIGHT: 设置框架的上下边界像素数 MARGINWIDTH: 设置框架的左右边界像素数 BORDERCOLOR: 设置边框的颜色,网页文件 13.html 本网页使用框架技术,但你的浏览器不支持。,框架窗口的互操作,nav.html 文件: sample-1305-nav.htm计算机软件研究所 计算机应用研究所 计算机系统结构研究所 ruanjian.htm 文件: aaaaaaaaaaaaaaaaaaaaaaaaaaa,本网页使用框架,但你的浏览器不支持。,创建定位的超级链接,nav.html 文件:计算机软件研究所 计算机应用研究所 计算机系统结构研究所 ,Return,计算机软件研究所 计算机应用研究所 计算机系统结构研究所 ,用标记符的Targeting链接,计算机软件研究所 计算机应用研究所 计算机系统结构研究所 山东大学 ,本网页使用框架,但你的浏览器不支持。,框架嵌套,思考题:,12.1 框架中常用的标记有哪些?它们的作用分别是什么? 12.2 框架在页面设计中有什么作用?,