人教版信息技术九年级制作框架网页课件.pdfVIP

5.1引言

•在浏览器中框架是窗口中的一个区域，利

用框架可以将页面分成不同的区域，在不

同的区域可以显示不同的内容。如图5-1所

示

•利用框架技术，可以将不同的文档显示在

同一个浏览器窗口中。通过构建这些显示在

同一窗口中的文档之间的相互关系，可

以实现文档之间的相互控制。

•使用框架技术构建的网页涉及两个概念：一个是

框架集（Frameset）；另一个是框架（Frame）。

•当浏览器窗口被许多的框架所分割时，这些框架

所构成的网页，就称为框架集。框架集定义了一

组框架的布局和属性，其中包括框架的数目、框

架的大小和位置以及在每个框架中初始显示的页

面的URL。一般来说，框架集文件本身并不包含

要在浏览器中显示的HTML内容，它只是向浏览

器要显示的框架的数目、框架的大小、框架

中显示哪些信息以及框架以什么方式载入框架集

等等。

•框架集将网页拆分为若干个小窗口，每个小窗口

就是一个框架。

•如图5-1所示的网页，在浏览器中它显示为包含三

个框架的单个页面。虽然该网页由三个框架组成，

但它实际上至少由四个单独的HTML文档组成：框

架集文件以及三个框架文件，这三个框架文件包

含了在这些框架内初始显示的内容。

•使用框架最主要的目的是创建的结构。例如

图5-1所示的，导航条和的内容被分开放

到不同的框架中。

•在使用框架时需要注意，一个网页上的框架

不要超过4个

5.2创建框架网页

5.2.1预设框架集

1.预设框架集

选择“”菜单中子菜单“HTML”中的

“框架”命令

2.新建文档的方法创建框架

选择“文件”菜单下的“新建”命令，

打开“新建档”框。在“常规”选项卡对

应的“类别”列表中选择“框架集”选项。

在“”栏预定义的框架集

在Dreamweaver中预定义了一些框架集样式，

需要使用时直接即可。

创建预定义框架集

手动设计框架

框架和框架集的选择和删除

•认识“框架”面板

•选择框架与框架集

•删除框架

认识“框架”面板

“框架”面板中显示所创建的框架结构，并在不同的框架区

域中显示框架的名称。当在框架网页中新建、删除框架，或修

改框架的尺寸、名称等时，“框架”面板中的示意图会跟随变

化。

选择框架与框架集

•在编辑窗口中选择

•在“框架”面板中选择

在编辑窗口中选择

在编辑窗口中选择框架的方法很简单，按住【Alt】键，

在要选择的框架内单击鼠标左键即可。被选取的框架边框呈虚

线显示。

选择框架集时，单击框架边框即可，选取的所有框架边

框呈虚线。

在“框架”面板中选择

在“框架”面板中单击框架区域中的任意位置即

可选择框架，选中的框架以粗黑框显示。

在“框架”面板中单击框架边框即可选择框架集，

如果要选择整个框架集，只需单击框架最外面的边

框即可。

删除框架

如果窗口中有不需要的框架，可将其删除，用

鼠标将要删除框架的边框拖到父框架边框上或拖离

页面即可。

框架和框架集的保存

保存框架与框架集才能在浏览器中浏览用框架布局的

网页。每个框架包含一个网页，一个框架集则包含多个网页，

在保存时应保存所有的框架与框架集。

•保存框架

•保存框架集

•保存框架集中的所有网页

保存框架

•将点定位到要保存的框架中。

•选择[文件][保存框架]菜单命令，在打开的

“另存为”框中像保存其他网页一样指

定保存路径和文件名，然后单击“保存”按

钮即可。

保存框架集

•选中要保存的框架集。

•