网站设计与建设12

第12章HTML框架与页面结构第三部分12．1HTML框架与框架组合网页结构的布局手段：表、框架增加网页的可读性、可用性在框架中，可以创建彼此独立移动的页面区域，表格实现不了该功能。框架可以组合静态信息和动态信息frame，它是一个单标记。frame标记定义在每一个链接内显示的内容，它必须存在于frameset标记中。一个frameset标记中可以包含多个frame标记①frameset标记必须紧跟/head标记之后，也就是说一个HTML文件中如果包含框架组合的话，其说明的位置必须在HTML文件的头部说明之后，而且必须在body标记之前。②frameset标记中必须指定rows属性或cols属性，但这两个属性不能同时指定。NOFRAME:必须使用BODY标记符。htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312title在HTML中创建“行”框架组合/title/headframesetrows=50%,50%framesrc=sample-1301-a.htmframesrc=sample-1301-b.htm/framesetnoframesbody本网页使用框架，但你的浏览器不支持，特告知。/body/noframes/htmlhtmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312title在HTML中创建“列”框架组合/title/headframesetcols=25%,75%framesrc=sample-1301-a.htmframesrc=sample-1301-b.htm/framesetnoframesbody本网页使用框架，但你的浏览器不支持，特告知。/body/noframes/html创建一个“列”框架组合framesetcols=”30%,*”border=20frame中的scrolling属性有三种取值：yes、no和auto在对src属性进行设置时需要注意两点：①如果是引用的某个确定的URL，那么这个URL必须完整，必须要指定传输协议。src=中，http://是不能省略的。②如果引用的是本地的某个文件，那么这个文件的存储路径和文件名必须正确。框架属性FRAMEBORDER：设置边框宽度像素数(HTML4,MS),0无框BORDER:设置边框宽度像素数(Netscape)，0无框NORESIZE:禁止访问者调整框架的大小FRAMESPACING:控制框架间的总间距(IE)SCROLLING:滚动条设置，YES、NO、AUTOMARGINHEIGHT:设置框架的上下边界像素数MARGINWIDTH:设置框架的左右边界像素数BORDERCOLOR:设置边框的颜色网页文件13.htmlhtmlhead/headframesetcols=25%,75%framesrc=nav.htmframesrc=main.htm/framesetnoframesbody本网页使用框架技术，但你的浏览器不支持。/body/noframes/html框架窗口的互操作nav.html文件:titlesample-1305-nav.htm/title/headbodypahref=ruanjian.htm计算机软件研究所/abrahref=yingyong.htm计算机应用研究所/abrahref=xitong.htm计算机系统结构研究所/a/p/body/htmlruanjian.htm文件:aaaaaaaaaaaaaaaaaaaaaaaaaaahtmlhead/headframesetcols=25%,75%framesrc=sample-1305-nav.htmNAME=navframesrc=sample-1305-main.htmNAME=main/framesetnoframesbody本网页使用框架，但你的浏览器不支持。/body/noframes/html创建定位的超级链接nav.html文件:htmlhead/headbodypahref=ruanjian.htmTARGET=main计算机软件研究所/abrahref=yingyong.htmTARGET=main计算机应用研究所/abrahref=xitong.htmTARGET=main计算机系统结构研究所/a/p/body/htmlReturnhtmlheadBASEtarget=main/headbodypahref=sample-1303-ruanjian.htm计算机软件研究所/abrahref=sample-1303-yingyong.htm计算机应用研究所/abrahref=sample-1303-xitong.htm计算机系统结构研究所/a/p/body/html用BASE标记符的Targeting链接htmlheadBASEtarget=main/headbodypahref=sample-1303-ruanjian.htm计算机软件研究所/abrahref=sample-1303-yingyong.htm计算机应用研究所/abrahref=sample-1303-xitong.htm计算机系统结构研究所/abrahref==_top山东大学/a!--在顶级窗口显示该网页--brahref==_blankIMGSRC=sdu.jpgborder=0/a!--在一个新窗口显示该网页--/p/body/htmlhtmlhead/headframesetcols=28%,72%framesrc=nav.htmNAME=navFRAMESETROWS=30%,70%FRAMESRC=head.htmNAME=headframesrc=main.htmNAME=main/FRAMESET/framesetnoframesbody本网页使用框架，但你的浏览器不支持。/body/noframes/html框架嵌套思考题：12.1框架中常用的标记有哪些？它们的作用分别是什么？12.2框架在页面设计中有什么作用？