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

1、?现代教育技术?实验指导Frontpage2003 框架网页制作框架网页是一种特殊的 HTML 网页，它可将浏览器窗口分成称为框架的不同区域，每个区域都可以显示不同的网页。例如，使用“横幅和目录框架网页模板创立的框架网页包含三个框架：横幅、目录和主框架。 框架网页本身并不包含可见内容，它只用来指定要显示的其他网页及其显示方式。单击框架中显示的网页上的超链接时，该超链接指向的网页通常显示在另一个框架，即目标框架中。框架网页通常用于目录、文章或信息列表、或任何其他的网页上，在一个框架中单击超链接会在另一个框架中显示相应网页。使用框架网页是因为框架网页能够包含内置导航并显示一致的用户界面即框架的结构

2、和布局。例如，在基于“横幅和目录框架网页模板创立的框架网页中，可以使用横幅框架在其 Web 站点上显示网站的LOGO标志及主要导航菜单一级菜单。一、创立框架网页1. 在“文件菜单上，选择“新建，在右侧面板中选择“其他网页模版。 2. 在弹出的“网页模版中选择“框架网页选项卡。 3. 单击要使用的框架网页模板，如“自顶向下的层次结构，然后单击“确定。 4. 设置要显示在每个框架中的初始网页：单击要设置初始网页的框架，然后执行以下操作之一： 单击框架中的“设置初始网页，选择一个已经建立好的网页作为框架初始页面。方法为:从当前工作文件夹的已创立网页列表中选择网页；或者在“查找范围框中，查找要翻开的网

3、页；或者通过单击浏览到要使用的网页；或者在“地址框中，键入网页的 URL。 在要为其设置初始网页的框架中单击“新建网页。FrontPage 将在该框架中创立一个新网页，这个新网页会自动设成初始网页，然后在这个窗口中与正常制作网页一样插入内容或进行编辑。 二、编辑框架中的内容如果正在“网页 视图的“设计视图中编辑框架网页，那么可以通过单击选择想要编辑的网页；如果框架的尺寸太小编辑起来不方便，那么可以在一个新的全屏窗口中翻开要编辑的网页。方法是：用鼠标在需要编辑的框架网页中任意位置单击右键一个深蓝色的方框说明了正在编辑的框架，在快捷菜单上，单击“在新窗口翻开网页。 注意：假设要使网页返回到其原始尺

4、寸，请在“文件菜单上单击“关闭。三、设置框架的显示属性1、显示或隐藏框架周围的边框可以根据所需的网页外观来选择显示或隐藏框架网页的框架周围的边框。在框架网页中的任何位置单击鼠标右键，单击快捷菜单上的“框架属性，在“选项之下，单击“框架网页，选中或去除“显示边框复选框。 注意：选择显示或隐藏边框时，该设置将会应用到框架网页上的所有框架2、创立不可见框架可以使用框架设计网页，使网页看上去没有框架。在框架中单击鼠标右键，单击快捷菜单上的“框架属性，在“选项之下，单击“框架网页，去除“显示边框复选框，将“框架间距设置为零 (0)。 3、显示或隐藏框架滚动条根据具体内容，可以选择在单个框架上始终显示、从

5、不显示或在需要时显示滚动条。在框架中单击鼠标右键，单击快捷菜单上的“框架属性，在“选项之下，选择“显示滚动条设置。注意  如果框架的高度大于宽度，那么滚动条将上下滚动。如果框架宽度大于高度，那么滚动条将左右滚动。四、调整框架大小可以通过拖动框架的边框或指定想要确实切设置来调整框架的大小。1. 在“网页视图中，在框架内单击鼠标右键。 2. 单击快捷菜单上的“框架属性。 3. 在“框架大小区域中，调整“宽度或“列宽和“高度或“行高设置。 4. 将框架大小指定为固定的像素数或浏览器窗口大小的百分比，或者按同一行或同一列中其他框架大小的相对值来指定框架的大小。 注意 编辑框架网页时

6、如果调整某框架的大小，那么相邻框架的大小也会相应调整以填充空间，调整框架网页中框架的大小并不会影响该框架中所显示的任何网页的内容，而仅会改变框架中同时显示的网页的多少。五、拆分框架在“网页视图中，执行以下一项或两项操作： 1、拖动框架边框来拆分框架：翻开要修改的框架网页，按住 Ctrl，并拖动框架的任一边框。 2、将一个框架平均拆分成两个分开的列或行：通过单击选择要拆分的框架，在“框架菜单上，单击“拆分框架，再选择相应的选项。 注意  拆分框架时，内容将保存在原始的框架中，并且将创立一个新框架。 六、建立超链接和目标框架的运用超链接在前面实验中已经知道其作用，用于从当前节点

7、向其他节点产生跳转，超链接的对象可以是一个文件、一个网页、一个锚点、一个框架等，超链接对象的翻开方式可以是在本窗口内翻开，也可以新建窗口在翻开，框架业页面中的超链接对象翻开方式还包括在其他框架页中开发。操作方法如下：翻开要修改的框架网页，单击“普通按钮，再单击要创立超链接的网页。键入或选择要用作超链接的文本或图片，再单击“插入超链接。 如果没有选择文本或图片，那么目标 URL 将显示为超链接文本。 在“插入超链接对话框中，可以使用多种方式来选择要显示的网页。1、创立指向网页或文件的超链接：在“链接到之下，单击“原有文件或 Web 页，在当前工作文件夹中，从已创立的网页列表中选择网页。2、创立指

8、向万维网上的网页或文件的超链接：在“链接到之下，确保已选中“原有文件或 Web 页，单击“万维网，在 Web 浏览器中，浏览到要链接到的网页，再按 ALT+TAB 切换回 Microsoft FrontPage。您访问过的网页位置将显示在“地址框中。 3、创立指向电子邮件地址的超链接：在“链接到之下，单击“电子邮件地址，在“电子邮件地址框中键入所要的电子邮件地址，或者在“最近用过的电子邮件地址框中选择一个电子邮件地址，在“主题框中，键入电子邮件消息的主题，注意  有些 Web 浏览器和电子邮件程序可能不能识别主题行。4、创立指向书签的超链接：选择包含书签的页面，再单击“书签

9、，在“在文档中选择位置框中，单击要用作目标位置的书签，再单击“确定。 5、创立指向新网页的超链接：在“链接到之下，单击“新建文档，键入新文档的名称。如果要更改新文档的路径，请单击“更改，在“何时编辑之下，指定是现在编辑新文档还是以后编辑。 6、更改默认目标框架：键入或选择要用作超链接的文本或图片，再单击“插入超链接 假设要更改目标框架而不使用默认值，请在“插入超链接对话框中单击“目标框架。 提示：假设要将选择的目标框架指定为网页中所有超链接的默认目标框架，请选中“设为网页的默认值复选七、框架网页的保存框架网页是一种特殊的 HTML 网页，它本身并不包含可见内容，而只是一个指定要显示的网页及其显

10、示方式的容器。1、保存包含网页的框架网页，执行以下操作:l 在“网页视图中，翻开要保存的框架网页，再单击“普通按钮。 l 在“文件菜单上，单击“另存为。 “另存为对话框中会显示框架网页布局的缩略图。因为您正在保存框架网页或框架集，所以所有的区域都会用深蓝色的框突出显示，说明这是正在保存的内容。 l 在“文件名框中，键入突出显示的框架网页的名称。 l 假设要更改网页标题即要出现在浏览器中标题栏中的文本，请单击“更改标题，再在“设置网页标题对话框中键入新网页标题。l 导航到要保存网页的位置。 l 单击“保存。 2、保存显示在框架中的网页，请执行以下操作： l 在“网页视图中，翻开要保存的框架网页，再单击“普通按钮。 l 单击选择要保存的网页或框架中所显示的网页，再单击“框架菜单中的“另存为网页。“另存为对话框中会显示框架网页布