9 框架网页
9.1 认识框架网页(Top)
9.1.1 框架的概念(Top)
严格地说“框架”是指控制框架网页结构的整体,而框架中每一个区域称为一个框架窗口,但是在实际叙述中,通常也将一个框架窗口简单地说成是一个“框架”。
框架网页与普通网页的区别:
1、文件的主体不是用<body>、</body>标识。
2、仅保存框架有关的信息(内容)。
3、每个框架窗口可以赋予一个名字,以便其它URL作为目标调用。
例如:
<frameset rows=“64,*,64”>
<frame name=“top” scrolling=“no” noresize target=“contents” src=“new_1.htm”>
<frameset cols=“150,*”>
<frame name=“contents” target=“main” src=“new_2.htm”>
<frame name=“main” src=“new_3.htm”>
</frameset>
<frame name=“bottom” scrolling=“no” noresize target=“contents”
src=“new_4.htm”>
<noframes>
<body><!--msnavigation--><table border=“0” cellpadding=“0”
cellspacing=“0” width=“100%”><tr><td>
<p align=“center” style=“margin-top: -18; margin-bottom: -2”><img
border=“0”
src=“images/index_1.gif” width=“600” height=“120”></p>
<p align=“center” style=“margin-top: -4; margin-bottom: -2”><b><span
style=“letter-spacing: -1pt”></span></b></p>
<hr width=“96%” size=“4” color=“#0000CC”>
</td></tr><!--msnavigation--></table><!--msnavigation--><table
border=“0” cellpadding=“0” cellspacing=“0” width=“100%”><tr><!--msnavigation--><td
valign=“top”>
<p>此网页使用了框架,但您的浏览器不支持框架。
<!--msnavigation--></td></tr><!--msnavigation--></table></body>
</noframes>
</frameset>
9.1.2 框架的使用场合(Top)
框架本身要消耗屏幕资源,从而减少用于显示网页内容的面积,因此,应用范围较窄。有一些网站的主页使用框架网页。
9.2 创建框架网页(Top)
9.2.1 创建方法(Top)
新建框架网页只能使用菜单命令。
首先新建框架网页
⑴在“网页”视图中,单击“文件”·“新建”·“网页”。
⑵在“新建”对话框的“框架网页”选项卡上。选中一种框架网页模板,然后单击“确定”。
设定每个“框架”中初始网页
新建框架网页的每个“框架”中,均有“设置初始网页”和“新建网页”两个按钮。
若需将原有网页放置到框架中,则单击“设置初始网页”按钮,然后在“编辑超链接”对话框上设定与原有网页文件的超链接。
若需新建一个网页文件,并放置在框架中,则单击“新建网页”按钮,新建一个普通网页,然后在保存时,将它保存为一个独立的网页文件。
9.2.2 框架网页模板(Top)
在“新建”对话框的“框架网页”选项卡上,有十种FrontPage
2000提供的框架网页模板。选中任意一种后在对话框的右侧能见到有关该模板的说明和预览到该模板。
9.3 框架网页的保存和打开(Top)
9.3.1 框架网页保存(Top)
1、新建的框架网页保存
第一种情况,框架中的网页是新建的,则先逐个保存那些网页,保存的方法与普通网页相同。在“另存为”对话框的右侧的缩略图中,深蓝色高亮显示,表示当前要保存的网页所在窗口。
最后,保存框架网页。
第二种情况,框架中网页文件是原有的,则直接保存新建的框架网页。
“另存为”对话框上,“保存位置”、“网页标题”、“文件名”和“保存类型”等,用户可以根据需要进行设置。
2、原有框架网页编辑修改后的保存
第一种方法:单击“常用”工具栏上“保存”按钮,或单击“文件”·“保存文件”(或按Ctrl+S),所有修改过的网页(包括框架网页、框架窗口中的网页)均进行保存。
第二种方法:修改后关闭网页文件,出现提示是否保存的对话框时,逐个确认。
第三种方法:使用“框架”菜单中命令进行保(另)存窗口中的网页。
9.3.2 框架网页打开(Top)
打开框架网页文件的方法与普通网页相同。
若需单独编辑某窗口中的网页,先选定该窗口,然后单击“框架”·“在新窗口中打开网页”。
9.4 框架网页的属性(Top)
与普通网页不同,框架网页的属性,除框架网页文件本身的属性外、还包括框架网页中某一个窗口的属性以及其中网页的属性(与普通网页相同)。
9.4.1 框架网页属性(Top)
指框架网页本身的属性。有关设置在“网页属性”对话框的“框架”选项卡上进行。
1、打开该对话框的方法。
先选定整个框架网页:
方法一:将光标移至窗口之间的边框,当光标变成双向箭头后,单击左键。
方法二:将光标移至非当前窗口的框架外侧,单击左键。
然后,单击“文件”·“属性”。
2、“框架”选项卡的设置
“框架间距”,相邻框架窗口之间的间距。
“显示边框”,先中,则浏览器中显示窗口的边框。
9.4.2 框架属性(Top)
指某一框架窗口的属性。设置在“框架属性”对话框上进行。
1、打开“框架属性”对话框
选中所需的窗口后,单击右键,然后单击“框架属性”。或者单击“框架”·“框架属性”
2、“框架属性”对话框设置
“名称”,框架窗口的名称。作为超级链接时,目标框架名。
“初始网页”,即,窗口中显示的网页文件名(URL)。
“框架大小”,设定窗口的大小。度量单位有三种:百分比、像素和相对。
“边距”,以像素为单位设定框架窗口内页面元素距离左边框(宽度)和上边框(高度)的距离。
“选项”:
“可在浏览器中调整大小”,选中,则在器中可以调整框架窗口大小。
“显示滚动条”,设定在浏览器中是否 显示滚动条。有三种选择:“如果需要”、“从不需要”和“始终”。
“框架网页”按钮,单击它,即可打开整个框架网页的“网页属性”对话框。
9.5 调整框架布局(Top)
用户可以修改FrontPage 2000提供的10种框架网页模板。
9.5.1 调整框架窗口大小(Top)
方法一:用鼠标直接拖动。
方法二:利用“框架属性”对话框设定。
9.5.2 拆分框架(Top)
方法一:利用鼠标拖拽拆分。将光标移至窗口边框,当光标变成双向箭头后,按住Ctrl键后拖拽即可。
方法二:选中需拆分的窗口后,单击“框架”·“拆分框架”,然后在“拆分框架”对话框上设定。
9.5.3 删除框架(Top)
选中需删除的窗口后,单击“框架”·“删除框架”即可。
注意:
1、删除一个窗口后,原有的屏幕空间由相邻的窗口占用。
2、删除窗口后,原在该窗口中显示的网页文件并不会被删除。
3、框架网页中至少应该有一个框架窗口存在。
9.6 框架网页有关的视图(Top)
FrontPage 2000为框架提供两个专用视图。即“无框架”和“框架网页HTML”。
9.6.1 “无框架”视图(Top)
“框架”是网页设计的一种特殊的技术,但并不是所有的浏览器都支持这项技术。为了给使用低版本浏览器的用户一些提示性信息。设置了“无框架”视图,用于编辑提示性信息。
当新建一个框架网页时,FrontPage 2000设置默认的提示信息:“此网页使用了框架,但您的浏览器不支持框架。”
9.6.2 “框架网页HTML”视图(Top)
在该视图中看到的HTML代码是框架网页本身的代码(除共享边框部分),与记事本打开看到的相同。
“HTML”视图中看到的是窗口中网页的HTML代码。
9.7 目标框架(Top)
在框架网页中定义超链接时,需要指定被 链接目标显示在那个框架中。即指定超级链接的目标框架。
框架网页中定义超级链接时,在“编辑超链接”对话框上,需要设定目标框架。方法是:
单击“可选”选项区中“目标框架”框右侧是的笔状按钮,然后在“目标框架”对话框上设定。
用户可以在对话框上的“当前框架网页”缩览图上选择“目标框架”(较直观),也可在“公用的目标区”中选择。
“公用的目标区”框
网页默认值:取当前网页的默认框架。
注意:利用模板创建的框架网页,每个框架窗口均有一个名称,其中,必有一个框架窗口名为main。即,默认框架窗口。
相同框架:当前网页所在框架。
整页:将网页显示在整修浏览器窗口中。即不使用框架。
新建窗口:打开一个新的浏览器窗口显示目标。
父框架:当前网页所在框架的父框架。
主页 (TOP) |