专题学习网站制作--框架网页.doc

专题学习网站制作--框架网页

《现代教育技术》实验指导
Frontpage2003 框架网页制作
框架网页是一种特殊的 HTML 网页，它可将浏览器窗口分成称为框架的不同区域，每个区域都可以显示不同的网页。
例如，使用“横幅和目录”框架网页模板创建的框架网页包含三个框架：横幅、目录和主框架。

框架网页本身并不包含可见内容，它只用来指定要显示的其他网页及其显示方式。单击框架中显示的网页上的超链接时，该超链接指向的网页通常显示在另一个框架，即目标框架中。
框架网页通常用于目录、文章或信息列表、或任何其他的网页上，在一个框架中单击超链接会在另一个框架中显示相应网页。使用框架网页是因为框架网页能够包含内置导航并显示一致的用户界面（即框架的结构和布局）。
例如，在基于“横幅和目录”框架网页模板创建的框架网页中，可以使用横幅框架在其 Web 站点上显示网站的LOGO标志及主要导航菜单（一级菜单）。

一、创建框架网页
1. 在“文件”菜单上，选择“新建”，在右侧面板中选择“其他网页模版”。
2. 在弹出的“网页模版”中选择“框架网页”选项卡。
3. 单击要使用的框架网页模板，如“自顶向下的层次结构”，然后单击“确定”。
4. 设置要显示在每个框架中的初始网页：单击要设置初始网页的框架，然后执行下列操作之一：
单击框架中的“设置初始网页”，选择一个已经建立好的网页作为框架初始页面。方法为:从当前工作文件夹的已创建网页列表中选择网页；或者在“查找范围”框中，查找要打开的网页；或者通过单击浏览到要使用的网页；或者在“地址”框中，键入网页的 URL。
在要为其设置初始网页的框架中单击“新建网页”。FrontPage 将在该框架中创建一个新网页，这个新网页会自动设成初始网页，然后在这个窗口中与正常制作网页一样插入内容或进行编辑。
二、编辑框架中的内容
如果正在“网页” 视图的“设计”视图中编辑框架网页，则可以通过单击选择想要编辑的网页；如果框架的尺寸太小编辑起来不方便，那么可以在一个新的全屏窗口中打开要编辑的网页。方法是：用鼠标在需要编辑的框架网页中任意位置单击右键（一个深蓝色的方框表明了正在编辑的框架），在快捷菜单上，单击“在新窗口打开网页”。
注意：若要使网页返回到其原始尺寸，请在“文件”菜单上单击“关闭”。

三、设置框架的显示属性
1、显示或隐藏框架周围的边框

可以根据所需的网页外观来选择显示或隐藏框架网页的框架周围的边框。在框架网页中的任何位置单击鼠标右键，单击快捷菜单上的“框架属性”，在“选项”之下，单击“框架网页”，选中或清除“显示边框”复选框。
注意：选择显示或隐藏边框时，该设置将会应用到框架网页上的所有框架
2、创建不可见框架

可以使用框架设计网页，使网页看上去没有框架。在框架中单击鼠标右键，单击快捷菜单上的“框架属性”，在“选项”之下，单击“框架网页”，清除“显示边框”复选框，将“框架间距”设置为零 (0)。
3、显示或隐藏框架滚动条

根据具体内容，可以选择在单个框架上始终显示、从不显示或在需要时显示滚动条。在框架中单击鼠标右键，单击快捷菜单上的“框架属性”，在“选项”之下，选择“显示滚动条”设置。注意  如果框架的高度大于宽度，则滚动条将上下滚动。如果框架宽度大于高度，则滚动条将左右滚动。

四、调整框架大小
可以通过拖动框架的边框或指定想要的确切设置来调整框架的大小。
1. 在“网页”视图中，在框架内单击鼠标右键。
2. 单击快捷菜单上的“框架属性”。
3. 在“框架大小”区域中，调整“宽度”（或“列宽”）和“高度”（或“行高”）设置。
4. 将框架大小指定为固定的像素数或浏览器窗口大小的百分比，或者按同一行或同一列中其他框架大小的相对值来指定框架的大小。
注意 编辑框架网页时如果调整某框架的大小，则相邻框架的大小也会相应调整以填充空间，调整框架网页中框架的大小并不会影响该框架中所显示的任何网页的内容，而仅会改变框架中同时显示的网页的多少。

五、拆分框架
在“网页”视图中，执行下列一项或两项操作：
1、拖动框架边框来拆分框架：打开要修改的框架网页，按住 Ctrl，并拖动框架的任一边框。
2、将一个框架平均拆分成两个分开的列或行：通过单击选择要拆分的框架，在“框架”菜单上，单击“拆分框架”，再选择相应的选项。
注意  拆分框架时，内容将保存在原始的框架中，并且将创建一个新框架。

六、建立超链接和目标框架的运用

超链接在前面实验中已经知道其作用，用于从当前节点向其他节点产生跳转，超链接的对象可以是一个文件、一个网页、一个锚点、一个框架等，超链接对象的打开方式可以是在本窗口内打开，也可以新建窗口在打开，框架业页面中的超链接对象打开方式还包括在其他框架页中开发。
操作方法如下：打开要修改的框架网页，单击“普通”按钮，再单击要创建超链接的网页。键入或选择要用作超链接的文本或图片，再单击“插入超链接”。 如果没有选择文本或图片，则目标 URL 将显示为超链接文本。 在“插入超链接”对话框中，可以使用多种方式来选择要显示的网页。
1、创建指向网页或文件的超链接：在“链接到”之下，单击“原有文件或 Web 页”，在当前工作文件夹中，从已创建的网页列表中选择网页。
2、创建指向万维网上的网页或文件的超链接：在“链接到”之下，确保已选中“原有文件或 Web 页”，单击“万维网”，在 Web 浏览器中，浏览到要链接到的网页，再按 ALT+TAB 切换回 Microsoft FrontPage。您访问过的网页位置将显示在“地址”框中。
3、创建指向电子邮件地址的超链接：在“链接到”之下，单击“电子邮件地址”，在“电子邮件地址”框中键入所要的电子邮件地址，或者在“最近用过的电子邮件地址”框中选择一个电子邮件地址，在“主题”框中，键入电子邮件消息的主题，注意  有些 Web 浏览器和电子邮件程序可能不能识别主题行。
4、创建指向书签的超链接：选择包含书签的页面，再单击“书签”，在“在文档中选择位置”框中，单击要用作目标位置的书签，再单击“确定”。
5、创建指向新网页的超链接：在“链接到”之下，单击“新建文档”，键入新文档的名称。如果要更改新文档的路径，请单击“更改”，在“何时编辑”之下，指定是现在编辑新文档还是以后编辑。
6、更改默认目标框架：键入或选择要用作超链接的文本或图片，再单击“插入超链接” 若要更改目标框架而不使用默认值，请在“插入超链接”对话框中单击“目标框架”。
提示：若要将选择的目标框架指定为网页中所有超链接的默认目标框架，请选中“设为网页的默认值”复选

七、框架网页的保存
框架网页是一种特殊的 HTML 网页，它本身并不包含可见内容，而只是一个指定要显示的网页及其显示方式的容器。
1、保存包含网页的框架网页，执行下列操作:
l 在“网页”视图中，打开要保存的框架网页，再单击“普通”按钮。
l 在“文件”菜单上，单击“另存为”。 “另存为”对话框中会显示框架网页布局的缩略图。因为您正在保存框架网页或框架集，所以所有的区域都会用深蓝色的框突出显示，表明这是正在保存的内容。
l 在“文件名”框中，键入突出显示的框架网页的名称。
l 若要更改网页标题（即要出现在浏览器中标题栏中的文本），请单击“更改标题”，再在“设置网页标题”对话框中键入新网页标题。
l 导航到要保存网页的位置。
l 单击“保存”。

2、保存显示在框架中的网页，请执行下列操作：
l 在“网页”视图中，打开要保存的框架网页，再单击“普通”按钮。
l 单击选择要保存的网页或框架中所显示的网页，再单击“框架”菜单中的“另存为网页”。“另存为”对话框中会显示框架网页布局的缩略图。深蓝色的框指明了突出显示框架中要保存的当前网页。
l 在“文件名”框中，为缩略图所选框架中显示的网页键入或选择适当的文件名。
l 在“保存类型”框中，选择 Web 页要保存的类型。
l 若要更改网页标题，请单击“更改标题”，再在“设置网页标题”对话框中键入新网页标题。
l 导航到要保存网页的位置。
l 单击“保存”。