11.5 创建框架网页

11.5  创建框架网页

框架是一种特殊的Web网页。它将浏览器分成几个窗口，每一个窗口中均显示一个独立的Web网页。使用框架的好处就在于可以只变换一个窗口的内容，让Web网页看起来更加简洁。

11.5.1  使用模板创建框架

FrontPage 2003提供了创建框架Web网页的模板，其方法类似于创建一个Web网页。操作方法如下：

（1）执行“文件”→“新建”菜单命令，打开“新建网页或站点”任务窗格。

（2）在任务窗格中单击“其他网页模板”中的“网页模板”超链接，打开如图11-51所示的“网页模板”对话框，选择“框架网页”选项卡。

图11-51  “网页模板”对话框

（3）选择一种框架网页模板，单击“确定”按钮，即完成创建。图11-52所示即为创建的框架网页。

图11-52  创建的框架网页

11.5.2  编辑框架网页

上面已经创建了一个框架网页，如图11-52所示，该框架将窗口分成了3部分。每部分有两个按钮：“设置初始网页”和“新建网页”。我们就利用这两个按钮来编辑框架网页。举个例子来说明：

（1）在左边的框架中单击“新建网页”按钮，该窗口中即出现一张空白Web网页，但是已经应用了默认的主题，如图11-53所示。按照前面介绍的方法，便可以设定这张Web网页。

图11-53  在框架中新建Web页

（2）在右下部的窗口单击“设置初始网页”按钮，将打开“插入超链接”对话框，如图11-54所示。在文件列表中选择一个Web网页，单击“确定”按钮即可。用同样的方法设定第三个窗口。

我们可以看到，实际上每个框架中都是一个独立的Web网页。

最后我们得到如图11-55所示的框架网页。

图11-54  “插入超链接”对话框

图11-55  框架网页

11.5.3  保存框架网页

在“常用”工具栏上单击“保存”按钮，将保存图11-55所示的框架网页。此时将打开4个“另存为”对话框，先依次保存框架中的3张Web网页，最后保存整个框架。图11-56（左）所示为保存右下角窗口中的Web网页，而图11-56（右）所示为将整个框架的信息保存至一个Web网页。

图11-56  “另存为”对话框

11.5.4  修改框架网页

单击框架网页中的某个窗口，窗口的周围显示一个蓝色的边框，即表示选中该窗口。执行“框架”→“框架属性”菜单命令，将打开如图11-57所示的“框架属性”对话框。在该对话框中，用户便可以精确设置框架的属性。

另外用户还能进一步细分框架，执行“框架”→“拆分框架”命令，将打开如图11-58所示的“拆分框架”对话框，利用该对话框，用户便能进一步拆分所选的窗口。

图11-57  “框架属性”对话框               图11-58  “拆分框架”对话框

11.5.5  设置目标框架

所谓目标框架就是这样的效果：在框架网页的一个窗口中的超链接处单击鼠标，将在另一个窗口中打开新的Web网页。这样做的好处是能够让Web网页看起来一致性较好，且容易设置。以下是设置目标框架的步骤：

（1）在一个窗口中选定要设置超链接的文本或者图片。

（2）按Ctrl＋K组合键，打开“插入超链接”对话框，输入超链接地址，如图11-54所示。然后单击“目标框架”按钮。

（3）此时将打开如图11-59所示的“目标框架”对话框。在左侧的“当前框架网页”选项组中选择目标框架，如图11-59所示，我们选择右下角的窗口。单击“确定”按钮将该对话框关闭。

图11-59  “目标框架”对话框

（4）此时回到“插入超链接”对话框，单击“确定”按钮即可。

这样，当单击这个超链接时，新网页将出现在我们选定的目标框架中。