网站设计与建设课件

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