第5课 使用框架
1.创建框架你见过布告栏吗?就是那种有一个大的栏框,里面张贴着各种各样的布告的框架。布告栏可以把一个版面分成几个部分,在每一个部分里可以张贴不同的内容。
在我们的FRONTPAGE中,也可以制作这样的“布告栏”。在FRONTPAGE中我们把它叫做框架,它可以把一个浏览器窗口分成几个区域,每一个部分可以显示不同的网页。看,这些就是用框架制作的网页,
这是一个双框架网页,它把浏览器空间分成了两个框架,左框架和右框架分别显示了不同的两个网页。
这是一个三框架的网页,它分为三个框架,上面、左面和右面的框架都放着一个单独的网页。
我们还可以把不同框架的网页相互联系起来:
回到双框架网页中,单击左框架中的“显示主页内容”,这时在右面的框架里就会显示当前网站的主页。
刚才我们单击了左框架的超链接,它就要显示链接到的网页,可是显示在右面的框架里。这是因为右框架是左框架的目标框架,在FRONTPAGE中,一个框架的链接内容总是显示在它的目标框架里。
我们现在就来制作一个框架网页:
选择“文件”菜单的“新建”命令,单击“网页”按钮,选择“框架网页”选项卡,
在这里列出了十种框架布局模板,你可以根据自己的需要选用。单击“目录”模板,在预览部分显示了框架网页的布局,上面的说明告诉我们左面的超链接内容在右面显示,这样我们就知道右框架是左框架的目标框架。有了这些信息你能够选择合适的框架模板了。 单击“确定”按钮。
我们建立的框架网页上有按钮。
这是因为刚才我们创建了一个框架网页,但是并没有指定在各个框架里显示哪个网页,就好像我们做了一个布告栏,但是并没有向里面张贴布告一样,而这些按钮就是用来让我们指定在框架里显示哪个网页的。
2.填充框架网页
怎么在创建的框架网页里指定各框架所显示的网页呢?
单击框架网页左框架的“新建网页”按钮,
这样就在当前框架里插入了一个新的空白网页。
我们也可以在框架中插入一个我已经事先编辑好的网页,甚至能够插入一个Internet上的网页。
单击右框架的“设置初始网页”按钮,
你可以直接在列表里选一个当前站点的网页;
也可以按放大镜按钮在Internet上查找要插入的网页;
单击“文件夹按钮”可以选择一个自己计算机里的网页;
也可以按“文档”按钮新建一个网页。
我们在这里选择站点的主页,
单击“确定”按钮,主页就被放到右面的框架中了。
我们可以按照常规编辑普通网页的方法来编辑框架里的网页。
单击要编辑的框架里的网页,输入文字,
你看,实际上和编辑普通网页一点区别也没有。
我们现在选择“框架”菜单中的“在新窗口中打开”命令,
这是就在一个新窗口中打开了刚才框架中的内容网页,现在编辑起来是不是觉得宽敞多了?关闭框架内容网页窗口就可以回到刚才编辑创建的框架网页。
3.调整框架(上)
利用模板所创建的框架,框架的各种属性和样式都是按FRONTPAGE的默认设置来确定的,如果觉得很单调或是用得不方便,我们可以根据自己的需要作修改。
我们现在改变一下框架的大小:将鼠标移动到框架与框架的边界上,这时鼠标就会变成双向箭头,
拖动鼠标到合适的位置,框架的大小就改变了。
我们还能具体设置框架的大小数值:在左框架里单击鼠标右键,选择“框架属性”命令,
在“框架大小”选项区内我们可以输入合适的数值,调整框架的大小。
我们改变宽度的数值,单击数值后面的数值单位下拉列表。在这里要是选择“相对”,那么左框架宽度相对于右框架宽度的倍数将由前面数值框里的数值决定,而如果我们选择百分比,那么数值框里的数值是表示框架相对于浏览器宽度的百分比。在这里我们就选择百分比,单击“确定”按钮,
你看,这时左框架的宽度就改变了。
如果在框架里插入的网页太大,框架放不下也没关系,你看,上面这个网页的右框架里就放了一个比自己大的网页,这时框架就会自动弹出滚动条,浏览者就可以通过滚动条滚动框架里的网页了。
我们也可以具体设置一下滚动条的具体显示方式:
在左框架上单击鼠标右键,选择“框架属性”命令,
单击“显示滚动条”下拉列表,这里有几个选项,
,在需要时”表示由浏览器自动控制什么时候显示滚动条;
,从不”表示无论框架里的网页有多大,也不显示滚动条;
,始终”表示总是显示滚动条。
现在我们选择“始终”,
你看,尽管左框架里的网页不需要滚动,但是框架的垂直和水平滚动条都显示出来了。
刚才的框架属性对话框还有一些选择没有介绍。
我们再次进入“框架属性”对话框,
我们可以改变初始网页的设置来在框架中放入另一个页面;
如果去除“可在浏览器中调整大小”复选框就可以使浏览者不能改变框架的大小。 边距是指插入网页的正文与框架边界的距离,在默认情况下输入文字的开始处距离框架的左边界和上边界分别为12和16个像素。
框架网页是设置什么的?其实在FRONTPAGE里是这么处理框架的:我们把所有的框架定义在一个网页里面,这个用来定义所有框架的网页我们叫它框架网页;同时我们把框架里放的网页叫做内容网页。
现在我们单击“框架网页”按钮, 在这里我们就可以设置框架网页的属性了,单击“框架”选项卡,在这里我们可以调整框架与框架之间的距离,
我们把它改为13,框架间的分隔条就变宽了;
单击“框架网页”按钮,
把去除“显示边框”复选框的选择,单击“确定”按钮。
看,框架的分隔边框没有了。
调整框架(下)
我们还可以在原有框架的基础上继续分割出新的框架。也就是说把一个框架再分为两个框架。
现在我们单击右框架,把它作为要分割的当前框架,选择“框架”菜单的“拆分框架”命令,选择“拆分为行”,
单击“确定”按钮。
这和表格中的拆分单元格很象。要是不想拆分了就单击“常用”工具栏上的“撤消”按钮。
当然利用“撤消”命令只能撤消上一步操作,如果你已经对网页进行了很多调整,然后想把拆分的框架再变成一个框架,就选中一个不想要的框架,然后单击“框架”菜单,选取“删除框架”命令,此框架就被删除了。
我们还可以用鼠标来分隔分割框架:将鼠标移到左右框架的边界处,这时鼠标变为了双箭头,
按住CTRL键拖动鼠标,一个新的框架就分割出来了。
竖直方向上的框架也基本一样拆分。
现在右侧框架是左侧框架的目标框架。不过我们可以换一下左框架的目标框架。在普通模式下单击左侧框架选中它,输入“框架示例”几个字,并选中这几个字,
再点“超级链接”按钮,
接着点下面的”目标框架旁边的“更改目标框架”按钮。我们单击当前框架网页预览框的右下框架,这时右下框架在预览框里就高亮显示了,
单击“确定”按钮,退出“目标框架”对话框,选中“页面1.htm”,选择“确定”,
切换到预览方式,这时我们单击“框架示例”被链接到的网页就显示在右下侧的框架里了。
在框架网页里链接到的网页不一定必须放在已有框架中,也可以有其他的设置,现在我们仍然进入刚才的“目标框架”对话框,
在公用目标区还有四种不同选择,
,相同框架”表示把链接到的网页在当前选中的框架显示;
,整页”表示被链接的网页将不考虑框架的设置而占满整个浏览器窗口;
,新建窗口”表示被链接的网页会创建一个新的浏览器窗口,并在其中显示;
,父框架”表示把链接的网页放在包含当前框架的父框架内。
这里要说一下:框架网页就是它定义的每个内容网页的父框架,
选择“新建”窗口,
单击“确定”按钮,在“编辑超链接”窗口中选择“确定”。
我们用浏览器预览修改后的网页,单击超链接,链接到的网页就在新窗口中打开了。
如果要为一个框架里的几个超链接设置不同的目标框架,可以针对具体的超链接来设置它的目标框架。
这一个网页里有两个超链接,
我们点击它们,它们都在右上方的框架里显示,这表示左侧框架的目标框架是右上框架。
现在我们在“三框架示例”上单击鼠标右键,选择“超链接属性”命令,
单击选择“更改目标框架”按钮,
选择“新建窗口”,单击“确定”按钮,选择“确定”。
这时单击第一个超链接时它在左框架的目标框架里显示,而单击第二个链接时它在就在新的窗口里显示。
现在我们学习框架网页的保存。
您可能会问:保存也要学习吗?是的,你看,这是一个新建立的双框架网页,
我们单击“保存”按钮。
那么“另存为”对话框右侧的图片是什么意思呢?
一个双框架网页由三个网页构成,一个用来定义每个框架,也就是框架网页,还有两个是内容网页。右侧的图片表示现在要保存的是左框架的内容网页,我们输入网页的名称“left.htm”,单击“保存”按钮,
现在我们保存右框架的内容网页,输入文件名称“right.htm”,
现在要保存框架网页了,操作方法是一样的,
你看,现在整个框架都选中了,我们输入框架网页的名称“main.htm”,单击“保存”按钮,这下框架网页才保存完毕。
看吧,原来这和保存普通网页是不一样的。
如果只想保存某一个内容网页,比如只保存左框架的内容网页。
单击左框架内容网页,使左框架选中,打开“框架”菜单,选择“保存”命令,这时左框架的内容网页就保存了。
好了,这一课我们就讲这些,框架的内容很重要,它可以使我们的网页布局更合理,条理更清晰,所以现在许多网站都使用了框架。当你有一些内容不知道放在网页的哪个部分好时,别忘了使用框架哟。
1.创建框架你见过布告栏吗?就是那种有一个大的栏框,里面张贴着各种各样的布告的框架。布告栏可以把一个版面分成几个部分,在每一个部分里可以张贴不同的内容。
在我们的FRONTPAGE中,也可以制作这样的“布告栏”。在FRONTPAGE中我们把它叫做框架,它可以把一个浏览器窗口分成几个区域,每一个部分可以显示不同的网页。看,这些就是用框架制作的网页,
这是一个双框架网页,它把浏览器空间分成了两个框架,左框架和右框架分别显示了不同的两个网页。
这是一个三框架的网页,它分为三个框架,上面、左面和右面的框架都放着一个单独的网页。
我们还可以把不同框架的网页相互联系起来:
回到双框架网页中,单击左框架中的“显示主页内容”,这时在右面的框架里就会显示当前网站的主页。
刚才我们单击了左框架的超链接,它就要显示链接到的网页,可是显示在右面的框架里。这是因为右框架是左框架的目标框架,在FRONTPAGE中,一个框架的链接内容总是显示在它的目标框架里。
我们现在就来制作一个框架网页:
选择“文件”菜单的“新建”命令,单击“网页”按钮,选择“框架网页”选项卡,
在这里列出了十种框架布局模板,你可以根据自己的需要选用。单击“目录”模板,在预览部分显示了框架网页的布局,上面的说明告诉我们左面的超链接内容在右面显示,这样我们就知道右框架是左框架的目标框架。有了这些信息你能够选择合适的框架模板了。 单击“确定”按钮。
我们建立的框架网页上有按钮。
这是因为刚才我们创建了一个框架网页,但是并没有指定在各个框架里显示哪个网页,就好像我们做了一个布告栏,但是并没有向里面张贴布告一样,而这些按钮就是用来让我们指定在框架里显示哪个网页的。
2.填充框架网页
怎么在创建的框架网页里指定各框架所显示的网页呢?
单击框架网页左框架的“新建网页”按钮,
这样就在当前框架里插入了一个新的空白网页。
我们也可以在框架中插入一个我已经事先编辑好的网页,甚至能够插入一个Internet上的网页。
单击右框架的“设置初始网页”按钮,
你可以直接在列表里选一个当前站点的网页;
也可以按放大镜按钮在Internet上查找要插入的网页;
单击“文件夹按钮”可以选择一个自己计算机里的网页;
也可以按“文档”按钮新建一个网页。
我们在这里选择站点的主页,
单击“确定”按钮,主页就被放到右面的框架中了。
我们可以按照常规编辑普通网页的方法来编辑框架里的网页。
单击要编辑的框架里的网页,输入文字,
你看,实际上和编辑普通网页一点区别也没有。
我们现在选择“框架”菜单中的“在新窗口中打开”命令,
这是就在一个新窗口中打开了刚才框架中的内容网页,现在编辑起来是不是觉得宽敞多了?关闭框架内容网页窗口就可以回到刚才编辑创建的框架网页。
3.调整框架(上)
利用模板所创建的框架,框架的各种属性和样式都是按FRONTPAGE的默认设置来确定的,如果觉得很单调或是用得不方便,我们可以根据自己的需要作修改。
我们现在改变一下框架的大小:将鼠标移动到框架与框架的边界上,这时鼠标就会变成双向箭头,
拖动鼠标到合适的位置,框架的大小就改变了。
我们还能具体设置框架的大小数值:在左框架里单击鼠标右键,选择“框架属性”命令,
在“框架大小”选项区内我们可以输入合适的数值,调整框架的大小。
我们改变宽度的数值,单击数值后面的数值单位下拉列表。在这里要是选择“相对”,那么左框架宽度相对于右框架宽度的倍数将由前面数值框里的数值决定,而如果我们选择百分比,那么数值框里的数值是表示框架相对于浏览器宽度的百分比。在这里我们就选择百分比,单击“确定”按钮,
你看,这时左框架的宽度就改变了。
如果在框架里插入的网页太大,框架放不下也没关系,你看,上面这个网页的右框架里就放了一个比自己大的网页,这时框架就会自动弹出滚动条,浏览者就可以通过滚动条滚动框架里的网页了。
我们也可以具体设置一下滚动条的具体显示方式:
在左框架上单击鼠标右键,选择“框架属性”命令,
单击“显示滚动条”下拉列表,这里有几个选项,
,在需要时”表示由浏览器自动控制什么时候显示滚动条;
,从不”表示无论框架里的网页有多大,也不显示滚动条;
,始终”表示总是显示滚动条。
现在我们选择“始终”,
你看,尽管左框架里的网页不需要滚动,但是框架的垂直和水平滚动条都显示出来了。
刚才的框架属性对话框还有一些选择没有介绍。
我们再次进入“框架属性”对话框,
我们可以改变初始网页的设置来在框架中放入另一个页面;
如果去除“可在浏览器中调整大小”复选框就可以使浏览者不能改变框架的大小。 边距是指插入网页的正文与框架边界的距离,在默认情况下输入文字的开始处距离框架的左边界和上边界分别为12和16个像素。
框架网页是设置什么的?其实在FRONTPAGE里是这么处理框架的:我们把所有的框架定义在一个网页里面,这个用来定义所有框架的网页我们叫它框架网页;同时我们把框架里放的网页叫做内容网页。
现在我们单击“框架网页”按钮, 在这里我们就可以设置框架网页的属性了,单击“框架”选项卡,在这里我们可以调整框架与框架之间的距离,
我们把它改为13,框架间的分隔条就变宽了;
单击“框架网页”按钮,
把去除“显示边框”复选框的选择,单击“确定”按钮。
看,框架的分隔边框没有了。
调整框架(下)
我们还可以在原有框架的基础上继续分割出新的框架。也就是说把一个框架再分为两个框架。
现在我们单击右框架,把它作为要分割的当前框架,选择“框架”菜单的“拆分框架”命令,选择“拆分为行”,
单击“确定”按钮。
这和表格中的拆分单元格很象。要是不想拆分了就单击“常用”工具栏上的“撤消”按钮。
当然利用“撤消”命令只能撤消上一步操作,如果你已经对网页进行了很多调整,然后想把拆分的框架再变成一个框架,就选中一个不想要的框架,然后单击“框架”菜单,选取“删除框架”命令,此框架就被删除了。
我们还可以用鼠标来分隔分割框架:将鼠标移到左右框架的边界处,这时鼠标变为了双箭头,
按住CTRL键拖动鼠标,一个新的框架就分割出来了。
竖直方向上的框架也基本一样拆分。
现在右侧框架是左侧框架的目标框架。不过我们可以换一下左框架的目标框架。在普通模式下单击左侧框架选中它,输入“框架示例”几个字,并选中这几个字,
再点“超级链接”按钮,
接着点下面的”目标框架旁边的“更改目标框架”按钮。我们单击当前框架网页预览框的右下框架,这时右下框架在预览框里就高亮显示了,
单击“确定”按钮,退出“目标框架”对话框,选中“页面1.htm”,选择“确定”,
切换到预览方式,这时我们单击“框架示例”被链接到的网页就显示在右下侧的框架里了。
在框架网页里链接到的网页不一定必须放在已有框架中,也可以有其他的设置,现在我们仍然进入刚才的“目标框架”对话框,
在公用目标区还有四种不同选择,
,相同框架”表示把链接到的网页在当前选中的框架显示;
,整页”表示被链接的网页将不考虑框架的设置而占满整个浏览器窗口;
,新建窗口”表示被链接的网页会创建一个新的浏览器窗口,并在其中显示;
,父框架”表示把链接的网页放在包含当前框架的父框架内。
这里要说一下:框架网页就是它定义的每个内容网页的父框架,
选择“新建”窗口,
单击“确定”按钮,在“编辑超链接”窗口中选择“确定”。
我们用浏览器预览修改后的网页,单击超链接,链接到的网页就在新窗口中打开了。
如果要为一个框架里的几个超链接设置不同的目标框架,可以针对具体的超链接来设置它的目标框架。
这一个网页里有两个超链接,
我们点击它们,它们都在右上方的框架里显示,这表示左侧框架的目标框架是右上框架。
现在我们在“三框架示例”上单击鼠标右键,选择“超链接属性”命令,
单击选择“更改目标框架”按钮,
选择“新建窗口”,单击“确定”按钮,选择“确定”。
这时单击第一个超链接时它在左框架的目标框架里显示,而单击第二个链接时它在就在新的窗口里显示。
现在我们学习框架网页的保存。
您可能会问:保存也要学习吗?是的,你看,这是一个新建立的双框架网页,
我们单击“保存”按钮。
那么“另存为”对话框右侧的图片是什么意思呢?
一个双框架网页由三个网页构成,一个用来定义每个框架,也就是框架网页,还有两个是内容网页。右侧的图片表示现在要保存的是左框架的内容网页,我们输入网页的名称“left.htm”,单击“保存”按钮,
现在我们保存右框架的内容网页,输入文件名称“right.htm”,
现在要保存框架网页了,操作方法是一样的,
你看,现在整个框架都选中了,我们输入框架网页的名称“main.htm”,单击“保存”按钮,这下框架网页才保存完毕。
看吧,原来这和保存普通网页是不一样的。
如果只想保存某一个内容网页,比如只保存左框架的内容网页。
单击左框架内容网页,使左框架选中,打开“框架”菜单,选择“保存”命令,这时左框架的内容网页就保存了。
好了,这一课我们就讲这些,框架的内容很重要,它可以使我们的网页布局更合理,条理更清晰,所以现在许多网站都使用了框架。当你有一些内容不知道放在网页的哪个部分好时,别忘了使用框架哟。