框架?框架与浮动窗口课程目标课程目标?通过本章学习,可以掌握: ? HTML 页面的框架框架标记?各窗口尺寸设置?各窗口间相互操作(Frame Target) ? Frame 的外观?浮动窗口的使用什么是框架?框架( frame )页面把浏览器窗口切割成几个独立的部分。?框架页面的出现,使得访问者在浏览器窗口中可同时观察多个页面。?框架也可以理解为是一种窗口,有些文章把它翻译为“窗口”框架,其中含 2个网页框架,其中含 2个网页框架标记?设计框架页面时, <Frame> 标记和<Frameset> 标记用于定义框架网页的结构?由于框架网页的出现,从根本上改变了 HTML 文档的传统结构,因此在出现<Frameset> 标记的文档中,将不再使用<Body> 标记?<FRAMESET> 是用来划分框窗,每一窗框由一个<FRAME> 标记所标示, <FRAME> 必须在<FRAMESET> 范围中使用基本结构<Html> <Head> </Head> <Frameset> <Frame src="url"> </Frameset> </Html> 框架尺寸设置?可以将窗口分割为几块,横向分用 ROWS 属性,纵向分用 COLS 属性,每一块的大小可以由这两个属性的值来实现例如: <frameset cols=#> <frameset cols="100 ,200 ,300"> <frameset rows=#> <frameset rows="10% ,20% , 70%"> 其中的任何一个数字也可以由“*”来代替如: <frameset cols="100 ,200 ,* "> <frameset cols="100 ,*,* "> 将 100 像素以外的窗口平均分配<frameset cols=" *,*,* "> 将窗口分为三等份 s 示例?首先我们先创建 3个 html 文件,其文件名分别为“ 、 、 ” <Html> <Head> <Title> A </Title> </Head> <Body> <h1 align="center"> A </h1> </Body> </Html> 横向排列多个窗口横向排列多个窗口?<Html> <Head> <Title> 横向排列多个窗口</Title> </Head> <Frameset cols="25% ,50% , 25%"> <Frame src=""> <Frame src=""> <Frame src=""> </Frameset> </Html> 纵向排列多个窗口纵向排列多个窗口?<Htm l> <Head> <Title> 纵向排列多个窗口</Title> </Head> <Frameset rows="25% ,25% , 50%"> <Frame src=""> <Frame src=""> <Frame src=""> </Frameset> </Html> 混合排列多个窗口混合排列多个窗口?<Html> <Head> <Title> 混合排列多个窗口</Title> </Head> <Frameset rows="30% , 70%"> <Frame src=""> <Frameset cols="20% , 80%"> <Frame src=""> <Frame src=""> </Frameset> </Frameset> </Html> 各窗口间相互操作各窗口间相互操作?由 Frames 分出来的几个窗口的内容并不是静止不变的,往往一个窗口的内容随着另一个窗口的要求而不断变化?必须为每一个窗口起一个名字,这个名字用属性 Name 来定义?通过 name 属性,可以在编程中调用并处理框架对象,比如在 javascript 中?通过 name 属性,也可以在网页中引用这个框架,比如指定链接目标: target=< 框架名>
DW框架_图文 来自淘豆网m.daumloan.com转载请标明出处.
