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

《专题学习网站制作--框架网页.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

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

2、框架网页能够包含内置导航并显示一致的用户界面（即框架的结构和布局）。例如，在基于“横幅和目录”框架网页模板创建的框架网页中，可以使用横幅框架在其Web站点上显示网站的LOGO标志及主要导航菜单（一级菜单）。一、创建框架网页1.在“文件”菜单上，选择“新建”，在右侧面板中选择“其他网页模版”。2.在弹出的“网页模版”中选择“框架网页”选项卡。3.单击要使用的框架网页模板，如“自顶向下的层次结构”，然后单击“确定”。1.设置要显示在每个框架中的初始网页：单击要设置初始网页的框架，然后执行下列操作之一：单击框架中的“设置初始网页”，选择一

3、个已经建立好的网页作为框架初始页面。方法为:从当前工作文件夹的已创建网页列表中选择网页；或者在“查找范围”框中，查找要打开的网页；或者通过单击浏览到要使用的网页；或者在“地址”框中，键入网页的URL。在要为其设置初始网页的框架中单击“新建网页”。FrontPage将在该框架中创建一个新网页，这个新网页会自动设成初始网页，然后在这个窗口中与正常制作网页一样插入内容或进行编辑。二、编辑框架中的内容如果正在“网页”视图的“设计”视图中编辑框架网页，则可以通过单击选择想要编辑的网页；如果框架的尺寸太小编辑起来不方便，那么可以在一个新的全屏窗

4、口中打开要编辑的网页。方法是：用鼠标在需要编辑的框架网页中任意位置单击右键（一个深蓝色的方框表明了正在编辑的框架），在快捷菜单上，单击“在新窗口打开网页”。注意：若要使网页返回到其原始尺寸，请在“文件”菜单上单击“关闭”。三、设置框架的显示属性1、显示或隐藏框架周围的边框可以根据所需的网页外观来选择显示或隐藏框架网页的框架周围的边框。在框架网页中的任何位置单击鼠标右键，单击快捷菜单上的“框架属性”，在“选项”之下，单击“框架网页”，选中或清除“显示边框”复选框。注意：选择显示或隐藏边框时，该设置将会应用到框架网页上的所有框架2、创建

5、不可见框架可以使用框架设计网页，使网页看上去没有框架。在框架中单击鼠标右键，单击快捷菜单上的“框架属性”，在“选项”之下，单击“框架网页”，清除“显示边框”复选框，将“框架间距”设置为零(0)。3、显示或隐藏框架滚动条根据具体内容，可以选择在单个框架上始终显示、从不显示或在需要时显示滚动条。在框架中单击鼠标右键，单击快捷菜单上的“框架属性”，在“选项”之下，选择“显示滚动条”设置。注意  如果框架的高度大于宽度，则滚动条将上下滚动。如果框架宽度大于高度，则滚动条将左右滚动。四、调整框架大小可以通过拖动框架的边框或指定想要的确切设置来

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

7、动框架边框来拆分框架：打开要修改的框架网页，按住Ctrl，并拖动框架的任一边框。2、将一个框架平均拆分成两个分开的列或行：通过单击选择要拆分的框架，在“框架”菜单上，单击“拆分框架”，再选择相应的选项。注意  拆分框架时，内容将保存在原始的框架中，并且将创建一个新框架。六、建立超链接和目标框架的运用超链接在前面实验中已经知道其作用，用于从当前节点向其他节点产生跳转，超链接的对象可以是一个文件、一个网页、一个锚点、一个框架等，超链接对象的打开方式可以是在本窗口内打开，也可以新建窗口在打开，框架业页面中的超链接对象打开方式还包括在其他框

8、架页中开发。操作方法如下：打开要修改的框架网页，单击“普通”按钮，再单击要创建超链接的网页。键入或选择要用作超链接的文本或图片，再单击“插入超链接”。如果没有选择文本或图片，则目标URL将显示为超链接文本。在“插入超链接”对话框中，可