网站知识

制作网站当中框架的作用

来源:实搜网络   2013-10-23

 

   框架可以把浏览器窗口分成几个独立的部分,每部分显示单独的页面,页面的内容是互相联系的。如3框架网页,顶端框架显示网页标题,下面左右两个框架,左边显示导航栏,右边显示链接目标网页。单击左边框架导航栏中的超级链接,在右边框架里显示超级链接的对象。内容非常多的网页不宜采用框架式结构,所以大网站中几乎所有的网页都不是框架式网页。框架由两个主要部分——框架集和单个框架组成。框架集是在一个文档内定义一组框架结构的HTML网页。框架集定义了一页网页显示的框架数、框架的大小、载入框架的网页等。单个框架是指在网页上定义的一个区域。
 
一、创建框架集
 
  先选择View下Frame Borders,使框架边框在文档窗口中可见。再选择Modify下Frameset中的Split Frame Left、Right、Up或 Down(根据你的需要而定)。按住Alt键拖曳任一条框架边框,可以垂直或水平分割文档(或已有的框架);按住Alt键从一个角上拖曳框架边框,可以把文档(或已有的框架)划分为四个框架。通过拖曳框架边框到父框架的边框上,可删除框架。 或者可以通过Object面板中的定义好的框架集来快速插入,框架集图标的蓝色区域代表当前框架。还可以框架集嵌套,即一个框架集套在另一个框架集内称为框架集嵌套。使用框架嵌套可以为一个文档设置多个框架。
  框架属性确定框架集内各个框架的名称、源文件、边距、滚动、边框和能否调整大小。框架集属性控制框架的大小和框架之间边框的颜色和宽度。每个框架和框架集都有自己的属性检查器,使用属性检查器可以设置框架和框架集的属性。 
二、框架属性
 
  使用框架属性检查器可以查看和设置框架属性,包括命名框架、设置边框和边距等等。
  选择一个框架,选择Window下Properties,或用快捷键Ctrl+F3,显示属性检查器。单击属性检查器右下角的扩展箭头,可以查看所有框架属性。
  其中:
 
  1.在Frame Name中命名
  注意:在这里输入的框架名,将被超链接和脚本引用。因此,命名框架必须符合以下要求:
  框架名应该是一个单词,允许使用下划线(_),但不能使用横杠(-)、句号(.)和空格。框架名应以字母开头,不要使用JavaScript的保留字(例如top或navigator)。
 
  2.Src:用来指定在当前框架中打开的源文件(网页文件)。可以直接在输入域中输入文件名;或单击文件夹图标,浏览并选择一个文件;也可以把光标置于框架内,然后选择File下Open in Frame来打开一个文件。
 
  3.Scroll:用来设置当没有足够的空间来显示当前框架的内容时是否显示滚动条。本项属性有4种选择:
  Yes   显示滚动条
  No   不显示滚动条
  Auto  当没有足够的空间来显示当前框架的内容时自动显示滚动条
  Default 采用浏览器的默认值(大多数浏览器默认为Auto)
 
  4.No Resize(禁止调整大小):选择此复选框,可防止用户浏览时拖动框架边框来调整当前框架的大小。
 
  5.Borders:决定当前框架是否显示边框,有Yes(显示)、No(不显示)和 Default(默认)三种选择。大多数浏览器默认为Yes。此项选择覆盖框架集的边框设置。注意:只有所有比邻的框架此项属性均设为No时(或父框架集设为No,本项设为Default),才能取消当前框架的边框。
 
  6.Border Color(边框颜色):设置与当前框架比邻的所有边框的颜色。此项选择覆盖框架集的边框颜色设置。
 
  7. Margin Width(左右边距):以像素为单位设置左和右边距(框架边框与内容之间的距离)。
 
  8.Margin Height(上下边距):以像素为单位设置上和下边距(框架边框与内容之间的距离)。
 
  设置完后,还可直接用鼠标拖动表格的各边框来调整表格或各行、列的宽度和高度。
 
 
三、框架集属性
 
  选择Window下Properties,打开属性检查器。单击两框架之间的边框,或在框架检查器中单击框架集边框。单击属性检查器右下角的扩展箭头,可查看所有框架集属性。
  
  其中:
 
  1.Borders中设置当文档在浏览器中被浏览时是否显示框架边框:
   要显示边框,选择Yes。
   不显示边框,选择No。
   让用户的浏览器决定是否显示边框,选择Default。
 
  2.Border Width中输入一个数字以指定当前框架集的边框宽度。输入0,指定无边框。
 
  3.Border Color中输入颜色的十六进制值,或使用拾色器为边框选择颜色。
 
  4.Row Col Selection中单击行选择标签选择行(Row),或单击列选择标签选择列(Column)。然后,在Value(值)域输入一个数字,设置选定行或列的大小,并在Units(单位)弹出菜单上为Value域中输入值设定单位。
  单位有三个选项:
     Pixels(像素):以像素数设置列宽度或行高度。
     Percent(百分数):当前框架行(或列)占所属框架集高度(或宽度)的百分数。
     Relative(相对比例):当前框架行(或列)相对于其它行(或列)所占的比例。
 
四、Frame中的链接
 
  举一个实际的例子。先在页面上加入一个Frame是左右格式的。通过框架属性,分别对左右两个框架重新命名,左边的命名为Left,右边的命名为Main。然后,在左边框架中做一个可以链接到右边框架的超链接。
 
 
 
  在属性面板中,输入链接文件的路径或选择链接文件,然后,在Target下拉式菜单中,你会看到,刚才改名后的两个框架的名称,选择main。最后保存文件,效果请看frame.htm。

实搜网络为您提供网络推广网络营销网站建设SEO优化微信开发网站托管等服务,服务热线:0311-66697360