第4章 框架与浮动窗口.pptVIP

你的潜力，我们的动力！襄樊软件学院第1页，共27页，星期日，2025年，2月5日知识要点HTML页面的框架浮动窗口的使用第2页，共27页，星期日，2025年，2月5日本章要点框架标记各窗口尺寸设置各窗口间相互操作(FrameTarget)Frame的外观第3页，共27页，星期日，2025年，2月5日框架理解：框架页面把浏览器窗口切割成几个独立的部分，打开的链接目标文件只占用浏览器窗口的某个区域，该区域就是框架网页的目标框架。框架页面的出现，使得访问者在浏览器窗口中可同时观察多个页面。第4页，共27页，星期日，2025年，2月5日框架标记 设计框架页面时，Frame标记和Frameset标记用于定义框架网页的结构由于框架网页的出现，从根本上改变了HTML文档的传统结构,因此在出现Frameset标记的文档中，将不再使用Body标记基本结构HtmlHead/HeadFrameset Framesrc=url/Frameset/HtmlFRAMESET是用来划分框窗，每一窗框由一个FRAME标记所标示，FRAME必须在FRAMESET范围中使用第5页，共27页，星期日，2025年，2月5日各窗口尺寸设置 我们可以将窗口分割为几块，横向分用ROWS属性，纵向分用COLS属性，每一块的大小可以由这两个属性的值来实现例如：framesetcols=#framesetcols=100，200，300framesetrows=#framesetrows=10%，20%，70%其中的任何一个数字也可以由“*”来代替如：framesetcols=100，200，*framesetcols=100，*，*将100像素以外的窗口平均分配framesetcols=*，*，*将窗口分为三等份s第6页，共27页，星期日，2025年，2月5日举例说明 首先我们先创建3个html文件，其文件名分别为“a.html、b.html、c.html”a.htmlHtmlHeadTitle A/Title/HeadBodyh1align=center A/h1/Body/Htmlb.Htmlc.html同样第7页，共27页，星期日，2025年，2月5日横向排列多个窗口HtmlHeadTitle 横向排列多个窗口/Title/HeadFramesetcols=25%，50%，25%Framesrc=a.htmlFramesrc=b.htmlFramesrc=c.html/Frameset/Html横向排列多个窗口纵向排列多个窗口混合排列多个窗口第8页，共27页，星期日，2025年，2月5日纵向排列多个窗口Htm Head Title纵向排列多个窗口 /Title/Head Framesetrows=25%，25%，50% Framesrc=a.html Framesrc=b.html Framesrc=c.html/Frameset/Html第9页，共27页，星期日，2025年，2月5日混合排列多个窗口Html Head Title 混合排列多个窗口 /Title /Head Framesetrows=30%，70% Framesrc=a.html Framesetcols=20%，80% Framesrc=b.html Framesrc=c.html /Frameset /Frameset/Html第10页，共27页，星期日，2025年，2月5日各窗口间相互操作(FrameTarget)由Frames分出来的几个窗口的内容并不是静止不变的，往往一个窗口的内容随着另一个窗口的要求而不断变化我们必须为每一个窗口起一个名字，这个名字用属性Name来定义第11页，共27页，星期日，2025年，2月5日窗口标识(FrameName):格式：framesrc=urlname=“窗口名”例如：framesrc=frame/a.htmlname=“left”第12页，共27页，星期日，2025年，2月5日Target属性定义了窗口名称，还应该有Target来配合使用，Target属性指定了所链接的文件出现在哪一窗口。Target的值可以是name定义的名称，也可以是以下四类值:ahref=urltarget=_blank显示一个新窗口ahref=