Dreamweaver/关于框架和框架集

来自站长百科
跳转至: 导航、​ 搜索

Dreamweaver | Dreamweaver安装 | Dreamweaver使用 | Dreamweaver其他

关于框架和框架集

框架 是浏览器窗口中的一个区域,它可以显示与浏览器窗口的其余部分中所显示内容无关的 HTML 文档。

框架集 是 HTML 文件,它定义一组框架的布局和属性,包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的 URL。框架集文件本身不包含要在浏览器中显示的 HTML 内容,但 noframes 部分除外;框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有关信息


'了解框架和框架集如何工作 '

框架 是浏览器窗口中的一个区域,它可以显示与浏览器窗口的其余部分中所显示内容无关的 HTML 文档。框架集 是 HTML 文件,它定义一组框架的布局和属性。

要在浏览器中查看一组框架,请输入框架集文件的 URL;浏览器随后打开要显示在这些框架中的相应文档。通常将一个站点的框架集文件命名为 index.html,以便当访问者未指定文件名时默认显示该名称。

下面的示例显示了一个由三个框架组成的框架布局:一个较窄的框架位于侧面,其中包含导航条;一个框架横放在顶部,其中包含 Web 站点的徽标和标题;一个大框架占据了页面的其余部分,其中包含主要内容。这些框架中的每一个都显示单独的 HTML 文档。

081205.gif

在此示例中,当访问者浏览站点时,在顶部框架中显示的文档永远不更改。侧面框架导航条包含链接;单击其中某一链接会更改主要内容框架的内容,但侧面框架本身的内容保持静态。无论访问者在左侧单击了哪一个链接,右侧主要内容框架都会显示适当的文档。

请注意,框架不是文件。您很可能会以为当前显示在框架中的文档是构成框架的一部分,但该文档实际上并不是框架的一部分。框架是存放文档的容器 - 任何一个框架都可以显示任意一个文档。

注意: 页面一词含义较为宽泛,既可以表示单个 HTML 文档,也可以表示给定时刻浏览器窗口中的全部内容,即使当时同时显示有几个 HTML 文档。例如,短语“使用框架的页面”通常表示一组框架以及最初在这些框架中显示的文档。


如果一个站点在浏览器中显示为包含三个框架的单个页面,则它实际上至少由四个单独的 HTML 文档组成:框架集文件以及三个文档,这三个文档包含这些框架内初始显示的内容。当您在 Dreamweaver 中设计使用框架集的页面时,您必须保存全部这四个文件,以便该页面可以在浏览器中正常工作。

'决定是否使用框架' 框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。

但是,框架的设计可能比较复杂;并且在许多情况下,您可以创建没有框架的 Web 页,它可以达到使用一组框架所能达到的许多同样效果。例如,如果您想让导航条显示在页面的左侧,则既可以用一组框架代替您的页面,也可以只是在站点中的每一页上包含该导航条。(Dreamweaver 可以帮助您创建使用相同布局的多个页面)下图显示了具有类似框架布局的页面设计,但在设计中并没有使用框架。

081206.gif

许多专业 Web 设计人员不喜欢使用框架,并且许多浏览 Web 的人也不喜欢框架。在大多数情况下,这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点(例如,每当访问者单击导航按钮时就重新加载导航框架内容的框架集)。如果框架使用得法(例如,在允许其他框架的内容发生更改的同时,使一个框架中的导航控件保持静态),则这些框架对于某些站点可能非常有用。

并不是所有的浏览器都提供良好的框架支持,框架对于无法导航的访问者而言可能难以显示。所以,如果您确实要使用框架,应始终在您的框架集中提供 noframes 部分,以方便不能查看这些框架的访问者。(请参见处理不能显示框架的浏览器)。您最好还要提供指向站点的无框架版本的显式链接,以用于那些虽然其浏览器支持框架但不喜欢使用框架的访问者。

使用框架具有以下优点:

  1. 访问者的浏览器不需要为每个页面重新加载与导航相关的图形。
  2. 每个框架都具有自己的滚动条(如果内容太大,在窗口中显示不下),因此访问者可以独立滚动这些框架。

例如,当框架中的内容页面较长时,如果导航条位于不同的框架中,那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。

'使用框架具有以下缺点:'

  1. 可能难以实现不同框架中各元素的精确图形对齐。
  2. 对导航进行测试可能很耗时间。
  3. 各个带有框架的页面的 URL 不显示在浏览器中,因此访问者可能难以将特定页面设为书签(除非您提供了服务器代码,使访问者可以加载特定页面的带框架版本。)

了解嵌套的框架集 在另一个框架集之内的框架集称作嵌套的框架集。一个框架集文件可以包含多个嵌套的框架集。大多数使用框架的 Web 页实际上都使用嵌套的框架,并且在 Dreamweaver 中大多数预定义的框架集也使用嵌套。如果在一组框架里,不同行或不同列中有不同数目的框架,则要求使用嵌套的框架集。

例如,最常见的框架布局在顶行有一个框架(框架中显示公司的徽标),并且在底行有两个框架(一个导航框架和一个内容框架)。此布局要求嵌套的框架集:一个两行的框架集,在第二行中嵌套了一个两列的框架集。

081207.gif

Dreamweaver 会根据需要自动嵌套框架集;如果您在 Dreamweaver 中使用框架拆分工具,则您就不需要考虑哪些框架将被嵌套、哪些框架不被嵌套这样的细节。有关框架拆分工具的更多信息,请参见设计框架集。

有两种方法可在 HTML 中嵌套框架集:内部框架集可以与外部框架集在同一文件中定义,也可以在不同文件中单独定义。Dreamweaver 中每个预定义的框架集均在同一文件中定义其所有框架集。

这两种类型的嵌套均产生相同的视觉效果;如果没有看到代码,很难判断使用的是哪种类型的嵌套。在 Dreamweaver 中使用外部框架集文件的最常见情况如下:使用“在框架中打开”命令在框架内打开框架集文件时,可能导致设置链接目标时出现问题。通常最简单的方法是在单个文件中定义所有的框架集。

参考来源[ ]

http://www.baike.baidu.com

Dreamweaver使用手册导航

Dreamweaver安装:

Dreamweaver安装

Dreamweaver使用

新建站点| 创建新文档| 保存新文档| 关于CSS层| 插入层| 管理层| 将层转化为表格| 制作层动画| 处理CSS布局可视化| div标签进行布局| 关于表格| 添加及删除行和列| 拆分和合并单元格 |复制、粘贴和删除单元格| 设置表格和单元格的格式| 选择表格元素| 关于框架和框架集| 创建框架和框架集| 框架中打开文档| 查看和设置框架属性| 关于Dreamweaver模板| 模板标签语法| 设计视图和代码视图中的模板和基于模板的文档| 创建Dreamweaver模板| 创建可编辑区域| 编辑和更新模板| DreamWeaver管理模板| 关于使用页面| 设置页面属性 | 任务自动化| 在浏览器中预览和测试页面| 插入文本| 设置段落格式和文档结构| 设置文本格式| 使用层叠样式表设置文本格式| 创建链接| 管理链接| 导航条| DreamWeaver插入图像| 使用JavaScript行为

Dreamweaver其他 :

Dreamweaver快捷键 | Dreamweaver序列号