设计文档:使用网页视图-用frontpage框架增强站点

设计文档:使用网页视图-用frontpage框架增强站点

ID:5285166

大小:933.88 KB

页数:16页

时间:2017-12-07

上传者:U-3086
设计文档:使用网页视图-用frontpage框架增强站点_第1页
设计文档:使用网页视图-用frontpage框架增强站点_第2页
设计文档:使用网页视图-用frontpage框架增强站点_第3页
设计文档:使用网页视图-用frontpage框架增强站点_第4页
设计文档:使用网页视图-用frontpage框架增强站点_第5页
资源描述:

《设计文档:使用网页视图-用frontpage框架增强站点》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

下载第9章用FrontPage框架增强站点框架最初是由Netscape开发出来的,并从那以后在Web站点上得到了广泛的应用。简单地说,框架是一种方法,它可以把两个或两个以上的窗口同时显示在屏幕上,并让浏览者能够控制其中一个窗口或者所有窗口,也可以让浏览者无法控制任何窗口。框架中还可以包含其他框架,并且框架中的网页可以独立于别的显示窗口而引用其他的网页。这为web设计者在选择组织和显示信息的形式上提供了极大的灵活性,不论内容是文字,图形,还是其他什么别的东西都不成问题。这到底是什么意思呢,可看一下图9-1中的例子。屏幕顶部狭窄的,黑色的固定框架中包含有导航控件。最左边的框架中含有可以滚动的菜单。菜单项目所引用的网页则出现在右边那个大的框架中。图9-1框架使多个不同的网页能够同时出现在浏览者的屏幕上并独立地运作9.1为什么使用框架如果希望用户的浏览器窗口同时显示静态的和动态的元素,那么应该使用框架。不论用户作些什么,静态的元素将始终保持显示;而动态的内容则根据用户的输入作出相应的变化。图9-1中的菜单框架是静态的(你可以滚动它,但不能改变它的内容),而大的那个框架则是动态的(它的内容会根据菜单的选择而改变)。框架环境的一个极大的优势在于它能够为访问者导向。静态的部分始终在前面显示站点(或者是站点的一部分)的地图,而动态的内容则根据命令显示站点的不同部分。举例来说,如果用户要找返回主网页或通向站点的其他主要部分的超链接,那么就不必上下滚动屏幕了。这 第9章计用FrontPage框架增强站点133下载些链接始终在那里,就在眼前。你也可以在一个框架中显示一个图像,然后在相邻的框架中给访问者提供好几屏幕关于它的有用信息。当信息在它的框架中滚动时,图像则始终在屏幕上保持可见。如果不使用框架,那么要做到这一点唯一的办法就是在每一屏数据中都重复一次图像,这对于空间、时间和精力来说都是浪费。回溯到1995年,当时有许多人都在使用没有框架的浏览器,所以提供无框架的网页以满足他们的需要是很重要的。而到了现在,支持框架的浏览器已经得到了如此广泛的使用,所以这一点就不再那么值得考虑了。不过,还有不少人不喜欢框架,特别是在他们的浏览区域限制在14英寸的显示屏时更是如此。这一切最终将会发生变化,但在改变完成以前,在创建框架环境时应该认识到这些不同的观点。至少,不应该在一个屏幕上塞进太多的框架。9.2设计框架环境就像表格一样,用手写HTML代码的方式来创建框架是很难的。FrontPage2000中带有的所见即所得的框架创建环境大大简化了框架的建立和管理。这个环境使用“框架集”来工作,框架集是FrontPage对同时显示在一个浏览器显示屏上的一组框架的称呼。实际上你并不是向网页中插入框架集;框架集就好像一个脚手架,它把网页相互之间联系了起来。不过,在开始创建框架集之前,应该考虑一下要如何使用框架环境或者是否要使用框架环境。请记住以下这些话:¥只有在确实需要时才使用框架,而不要为了装饰而使用框架。¥不要在网页中挤入太多的框架。这样会显著地缩小它们的尺寸。特别是,图片应该完全显示出来,而不应该让浏览者不得不滚动屏幕才能看到图像的全貌;实际上可用的最大框架数目也就是三个。¥尽量少用静态框架。它们可以用于导航工具,信息内容表格或者用于像徽标这样的站点标识。静态框架就好象汽车上的仪表板,驾驶员确实需要参考它,但驾驶员的大多数时间是看向窗外的。¥将屏幕上大部分的区域用于动态框架,在其中检索并显示出信息。¥不要为大于15英寸的监视器规划框架布局。许多人和许多商业应用都不使用大于15英寸的屏幕。即使是15英寸的监视器也要比14英寸的监视器多20%的可视区域。事实上,聪明的办法是,最好假设访问者使用的是14英寸的显示器,它在800×600的分辨率和256色下工作得最好,并据此进行规划。9.2.1使用所见即所得的框架环境下一步要创建一个具有两个框架的框架集,并给它们填上内容。为了用这个框架集最好地演示出所见即所得的框架集行为,你需要两个或两个以上的网页,所以请按照需要创建这些网页,给它们指定名称和文件名,然后保存好。在创建完这些网页以后(完成以后可以将它们关闭),下一步的工作是选择“文件”,“新建”,“网页”,从而打开“新建”对话框。单击“框架网页”选项卡,显示出可用的框架类型(见图9-2)。你将得到一个具体的范例,来说明创建一个具体框架的工作过程。现在请按以下步骤进行:1)选择“页眉”框架集。这种布局会生成一个顶部框架,该框架中的链接会改变下面的框架中的显示内容。选择好这个框架集后,选择“确定”。所见即所得的框架环境就出现了(见图9-3)。 134第二部分设计文档:使用网页视图下载图9-2FrontPage2000提供了预定义的框架集供选择图9-3所见即所得的框架环境使你在安排框架布局时就能够看到设计和比例分配的效果2)你可以向其中的任何一个框架插入现成的网页,但为了演示起见,你要为上面的框架创建一个新的网页。在上面的框架中,单击“新建网页”按钮;一个新的空白网页将出现在框架中。你要用这个网页来创建控制下面框架显示内容的超链接。3)在下面的框架中,单击“设置初始网页”按钮。这将打开“创建超链接”对话框。从对话框的列表框中选择一个现成的网页然后单击“确定”。这个现成的网页就在下面的框架中打开了(如果现在在网页视图中看一下灰色的网页标题栏,将看到一个新的网页文件名。这个新的文件名是框架集文件本身的名字)。 第9章计用FrontPage框架增强站点135下载4)在上面的框架中单击鼠标。插入一个链接到下面框架中所显示的网页的超链接。仍在上面这个框架中插入第二个超链接,链接到另一个网页。5)使用“文件”,“保存”(或“另存为”)保存好框架集文件和为上面的框架新建的网页。在对话框中,要为这些新文件输入网页标题和文件名,不要使用默认的那些名字。当保存框架集网页时,你知道是哪个网页,因为在“另存为”对话框的右边部分将会显示出它的图形表示。用“预览”模式或“浏览器预览”命令测试这个框架集。显示的结果将形成图9-4所示的框架集。单击上面的框架中的超链接将会改变下面的框架中的网页。图9-4创建了一个具有两个框架的框架集,上面的框架具有导航窗格9.2.2编辑框架集可以在上面的过程中调整框架集的外观,也可以在后面的编辑过程中再进行。如果要进行后期的编辑,可在“网页”视图中打开那个框架集文件。它将按照它原先的形式显示出来。下面列出了在所见即所得的框架环境中直接可以使用的其他处理框架的工具:¥要处理哪个框架中的网页,就在哪个网页上单击鼠标。当前活动网页的框架周围环绕有一圈粗的深色线条。¥拖动框架的边框,可以调整框架的分配比例。¥如果要查看框架集文件本身的HTML,可在处理框架集时,单击编辑器空间底部的“框架网页HTML”选项卡。¥如果要查看一个框架中的网页的HTML,单击该网页,然后单击HTML选项卡。¥如果要编辑一些用于在碰到不支持框架的浏览器时出来的信息,可单击“无框架”选项卡。像通常那样对默认的警告信息进行编辑。这个信息将同框架集文件保存在一起,所以不必再进行其他操作。¥如果要想给已有的框架集再添加框架,可以把一个框架进一步分为几行或几列。选择“框架”,“拆分框架”,然后使用弹出的“拆分框架”对话框指定你想要框架拆分出的行 136第二部分设计文档:使用网页视图下载数或列数。¥如果要删除一个框架,选中该框架,然后选择“框架”,“删除框架”。请注意,删除框架并不会删除掉框架中的网页,如果框架中有网页的话。¥如果想在别人访问时,将你的web建立为框架型web,请把框架集网页改名为DEFAULT.HTM。9.2.3修改框架集的框架有两组框架集属性需要不时地进行修改:那些关于框架集中单个框架的属性和那些关于框架集本身的属性。要修改单个框架的属性,首先在该框架中单击鼠标以选中该框架;然后选择“框架”,“框架属性”,打开“框架属性”对话框(见图9-5)。在这个对话框中,你可以完成以下事情:¥指定框架名称这个名称并不是框架中所容纳的网页的名称,而是框架本身的标识;它用于标识框架集中单个的框架。在FrontPage的许多对话框(例如“创建超链接”)中都要用到这个名称来指定目标框架,目标框架其实指定的就是当用户单击了一个链接到某网页的超链接时,该网页将要图9-5在“框架属性”对话框中,可以设置显示在哪个框架中。指定目标框架的过程诸如“滚动”,“边距”和“框架可能会令人有些困惑,在本章稍后将对此大小”等等特征进行介绍。¥指定框架中初始显示的网页做法是,在“初始网页”文本框中键入网页的URL(或者使用浏览器按钮来定位和确定网页)。¥指定框架宽度和高度(如果选中的框架属于一列或一行框架中的一个)这个高度和宽度可以是相对于其他框架而言的或者可以用占窗口尺寸的百分比来表示,也可以用一组像素数字来表示。单击“框架大小”部分中的下拉列表框,选择“相对”、“百分比”或“像素”。假如不知道访问者所使用的屏幕分辨率是怎样的,那么“百分比”可能是最安全的选择。¥清除“可在浏览器中调整大小”复选框的选中状态将把框架大小设置为了固定的(这意味着用户不能通过拖动框架边框来改变框架大小)。¥调整边距宽度和边距高度这两个属性控制着框架在浏览器中的分隔。¥在“显示滚动条”下拉列表框中选择“从不”,“在需要时”或“始终”之一从而指定滚动条的表现。9.2.4修改框架集属性如果要修改框架集属性,请选择“框架”,“框架属性”,然后在“框架属性”对话框中单击“框架网页”按钮。由于这是一个框架集网页,所以出现的“网页属性”对话框将带有一个额外的表格(见图9-6)。在此可以指定框架是否要有边框(不选中“显示边框”复选框就可以清除掉边框),还可以 第9章计用FrontPage框架增强站点137下载用像素单位来设置框架的间距。框架间距确定了在浏览器中观看时,框架之间的总的间隔。图9-6在“框架”表中只能调整两个值:间距和边框9.2.5创建自定义的框架集布局这个问题的原理非常简单,但在实际开始为框架集中要显示的网页定制目标框架时则可能会令人迷惑。正因为如此,所以我们要用一个具体形象的例子来说明静态框架的使用,这些框架集是不能被其他框架改写的。你可能还记得,这些静态框架经常用于容纳导航工具。该例中将有一个最终叫做FRAMESET.HTM的框架集和5个网页,其中一个是导航网页,它包含有链接,并驻留在静态框架中;其他网页则是内容网页。这个例子假设你在创建框架集之前已经创建好了所需的网页;在该例中,网页文件名和它们的标题如下所示:¥NAVIG.HTMNavigation¥CHAP01.HTMChapterOne¥CHAP02.HTMChapterTwo¥NOTES.HTMNotes¥BIBLIO.HTMBibliography首先选择“文件”,“新建”,“网页”,然后切换到“框架”表。选择“内容”模板,然后选择“确定”。现在你有了一个看起来像图9-7那样的网页。这个框架集需要进行修改以使“内容”框架(在左边)中的链接能够改变右上角的框架中的网页,而右上角的框架中的链接能够改变右下角的框架中的网页。在继续下一步之前,在左边的框架中单击右键然后从快捷菜单中选择“框架属性”。你将在“框架属性”对话框中看到这个框架的名称是CONTENTS。关闭这个对话框,然后在右边的框架中进行同样的操作。可以看到它的框架名是MAIN。你并没有指定过这些名称,那么它们是从何而来的呢?它们是模板所提供的。现在继续下一步,关闭“框架属性”对话框。为了把右边的框架拆分成两个,在该框架中单击鼠标,然后选择“框架”,“拆分框架”。“拆分框架”对话框将会出现(见图9-8)。注意你也可以删掉一个框架。在框架中单击鼠标以选中这个框架,然后选择“框架”,“删除框架”。由于希望进行水平拆分,因此要选中“拆分成行”选项按钮,然后选择“确定”。现在在 138第二部分设计文档:使用网页视图下载右边有两个框架了,一个叠在另一个上面。如果你检查一下右边这两个新的框架的名称(单击右键并选择“框架属性”,就像前面做过的一样),你将看到上面的那个仍然是MAIN,而下面的那个则是MAIN1。当然,你可以改变这些名称。为方便起见,就让它们保留为默认的名称。图9-7创建自定义框架集的最佳途径是从一个接近于你想要创建的框架集的模板开始当你在左边的框架中单击了“设置初始网页”时,“创建超链接”对话框将出现。选择NAVIG.HTM,然后选择“确定”。同样地,在右上角的框架中单击“设置初始网页”,将初始网页设置为CHAP01.HTM。在右下角的框架中用同样的方法将初始网页设置为NOTES.HTM。图9-8可以用“拆分框架”对话在左边的窗口中,创建一个指向CHAP01.HTM的链接。框来改变框架集的布局当“创建超链接”对话框打开时,请注意名为“目标框架”的文本框。这个文本框中的值是PageDefault(main)。其中的“main”是非常重要的信息,它表示这个网页将被显示在MAIN框架中,即右上角的框架。这个目标框架同时被标识为是默认的,这是因为MAIN是这个网页的默认目标框架属性(请参见下面的注意)。注意有必要区分开目标框架和默认目标框架,目标框架是一个链接属性,它是在超链接对话框中指定的,而默认目标框架则是一个网页属性,它指定的是该网页中的链接的目标内容将要显示在哪个框架中。从效果上看,设置一个网页的默认目标框架也就为该网页上所创建的所有超链接设置了目标框架。如果希望CHAP01.HTM出现在右下角的框架中,就应该把这个目标框架值改为MAIN1。你马上可以试一试如何完成这个工作,但我们暂时还是让这个值保留为原状吧。完成“ChapterOne”链接,然后仍然使用左边的框架创建一个指向CHAP02.HTM的链接。现在在右上角的框架中单击鼠标。在那里创建一些要链接到BIBLIO.HTM的文字,选中这 第9章计用FrontPage框架增强站点139下载些文字,然后选择“插入”,“超链接”。在列表框中选择BIBLIO.HTM。注意“目标框架”文本框。其内容是“默认网页(无)”。“无”意味着这个链接的目标网页将显示在这个链接所属网页当前所在的框架中。换句话说,BIBLIO.HTM将会在右上角的框架中替换掉CHAP01.HTM。假如并不希望发生这样的情况,而希望能够同时看到CHAP01.HTM和BIBLIO.HTM。换句话说,你希望右上角的框架相对于右下角的框架来说是静态框架,这样,右上角的链接所打开的网页就不会覆盖右上角原有的网页了。为了达到这样的目的,图9-9在“目标框架”对话框中,只要单击请单击“目标框架”文本框右边的铅笔图标按钮。相应的框架就可以完成目标框架的选择工作“目标框架”对话框将会出现(见图9-9)。注意当然,相对于(左边的)内容框架来说,右上角的框架并不是静态框架,因为内容框架中的链接确实能够改变右上角框架中显示的网页。但内容框架是一个静态框架,谁也不能改变它的内容。如果要生成一个完全静态的框架,你一定要保证在当前的站点中没有任何链接的目标框架设置到了这个框架上。只要在显示出的小预览图上单击想要的框架,便为链接的目标网页指定了它要显示在的框架;图9-9显示了这一点。选择“确定”两次(不要双击),以完成指定目标网页的工作。提示如果选择了“作为网页上链接的默认”复选框,那么从当前活动网页链接到的所有目标网页就都将显示在这里选中的那个框架中。在右上角的NOTES.HTM中放置一个链接,并将目标网页也从NOTES.HTM改为MAIN1。最后,打开CHAP02.HTM,按照为CHAP01.HTM所添加的链接那样,为其添加相同的链接。图9-10具有三个框架的显示结构,其中两个框架具有导航用超链接 140第二部分设计文档:使用网页视图下载选择“保存”或“另存为”;将提示要求为框架集文件输入文件名和网页标题。在本例中它们被分别命名为FRAMES.HTM和Frameset。像以前一样,在保存框架集网页时可以看到所保存的框架集文件,因为在“另存为”对话框的右侧显示有该网页的缩略图。在图9-10中显示了完成的这个框架布局组合。Contents框架中的超链接会改变右上角框架中的网页,右上角框架中的链接会改变右下角框架中的网页。9.2.6创建自定义框架集模板如果你经常使用一种框架布局,可能会希望把这个框架集文件存为一个模板。框架集模板的处理过程和网页模板的处理过程是一样的。注意,即使你给框架集中插入了初始网页,也只需将框架集文件存为模板。关于创建模板的过程,请参阅“创建自定义模板”。9.2.7特殊目标框架还有四种特殊的目标框架可供你使用。把其中之一键入“创建超链接”或“编辑超链接”对话框的“目标框架”框中,会产生具有以下特点的链接:¥新建窗口该链接所指向的网页将会被加载到一个新的浏览器窗口中。这种目标的HTML语言表示是_blank。¥相同框架该链接所指向的网页将覆盖该链接所在的网页,但浏览器窗口中的框架布局不会改变。这种目标的HTML语言表示是_self。¥父框架该链接所指向的网页将覆盖该链接所在的网页。浏览器窗口将被重新设置。这种目标的HTML语言表示是_parent。¥整页该链接所指向的网页将被加载到浏览器的整个窗口中,替换掉当前的框架集。这种目标的HTML语言表示是_top。警告如果链接把目标网页加载到原来网页所在框架中,那么特别值得注意的是要避免目标出现死点。如果用户找不到跳出框架的途径,那么框架的内容就会始终保持在那里,直到用户移动到完全不相关的别的站点为止。这会让他们觉得你在设计这个站点时并不是非常用心。所以一定要保证给这样的网页添加一个链接,以避免它成为死循环。9.2.8在一个框架集中协调使用新建的网页和现成的网页在此,“默认目标框架”说明(你可以在“网页属性”对话框的“通用”表中找到它)就显得特别重要。有两种情况可能要用到这种说明。其中一个是当有了一个框架集并想为它创建新网页时。最好的办法是打开那个要显示网页的框架集,然后按以下步骤进行:1)选择任一框架(究竟是哪一个并没有关系),并选择“文件”,“新建”,“网页”。在“新建”对话框中,确保你选中了“在当前框架中打开”复选框。选择合适的网页模板并按下“确定”。新的网页将在选中的框架中打开。2)在网页上单击右键得到快捷菜单,选择“网页属性”。“网页属性”对话框出现。3)单击“默认目标框架”文本框右边的按钮,打开“目标框架”对话框(见图9-9)。就和你在创建自定义框架集布局时所做的一样,选择想要的框架作为网页的默认目标框架,然后选择“确定”。当你返回到“网页属性”对话框时,该框架的名称已经出现在“默认目标框架”文本 第9章计用FrontPage框架增强站点141下载框中。4)再选择“确定”。现在这个网页上所创建的链接就都以指定的那个框架作为默认目标。你也许要问为什么要不嫌麻烦地打开框架集然后再在框架集中创建网页呢?如果不这样做,就不会得到那个方便地显示了框架布局的缩微图形的“目标框架”对话框。得到的对话框将没有图形显示,你不得不在“目标框架”文本框中键入框架名称,这比较容易产生错误。另一种需要为网页设置默认目标框架的情况是你有一些并不属于框架环境的网页,而你想用它们自己的默认目标框架把它们包含到框架中。要想达到这个目的,可打开框架集,选择任一框架,然后选择“文件”,“打开”。“打开”对话框中也有“在当前框架中打开”复选框,就像“新建”对话框中的一样。选中这个复选框然后选择“确定”。网页就在那个框架中打开。现在按照第2步到第4步进行。警告如果在“网页属性”对话框中给出的默认目标框架名是错误的,FrontPage并不会给你警告。你将在测试时发现错误。当在源网页中单击这样的有错误的链接时,目标网页将会显示在一个新的浏览器窗口中。这并不会造成什么损害,只不过有点伤害你的自尊心罢了。你可以回过头去,编辑网页属性来修复错误。9.2.9静态框架详述现在已经对默认目标框架有了初步了解,可以更进一步地设计更为精巧的静态框架。这些静态框架是非常重要的,因为在网页上经常需要不能被改变的框架(导航区域就是很好的例子)。要想创建一个静态框架(静态框架的内容不能被其他框架的内容所改变),你要为该静态框架中的网页指定默认目标框架。指定好以后,静态框架中的内容就固定了(请参阅相应的“警告”部分)。在单击超链接时,只有目标框架中的显示会发生改变。注意这可以归纳为一个一般原则:如果为网页定义了默认目标框架,那么该网页中的所有链接就都会把目标网页显示在那个目标框架中。警告有两种途径可以改写静态框架的内容。如果有其他网页的默认目标框架被指定为这个静态框架,那么它可以改写;如果有某个超链接的目标框架被指定为这个静态框架,它也可以改写这个静态框架。当然,你可能确实会碰到在一些情况下你所希望改写静态框架的内容。9.2.10在当前站点中使用目标框架和超链接到目前为止,你一直注意的是如何用网页的默认目标框架来确定其链接的网页显示的位置,但你其实还可以通过创建或编辑链接来指定该链接所指向的网页的显示框架。其做法是,在框架集中打开网页,然后选择作为链接的文字或图像,再选择“插入”、“超链接”(或者是对现成的链接进行编辑;对于新建链接和现成的链接来说,处理过程都是一样的)。假设你正在处理当前站点,可选择目标网页。单击“目标框架”文本框右边的按钮,打开“目标框架”对话框(见图9-9)。为链接选择目标框架,单击“确定”两次(不要双击)以返回“网页”视图工作区。现在那个超链接将把目标网页显示在那个指定的框架中,这个框架取代了该链接所在网页的默认目标框架。注意你可能会感到疑惑,为什么要有两种确定目标网页显示的框架的途径呢?毕竟,如果你可以为每个链接指定目标框架,那么为什么还要在“网页属性”对话框中提供“默认目标框架”选项呢?答案是为了方便。默认目标框架使你能够为网页上的所有链接指定目标框架,而不必 142第二部分设计文档:使用网页视图下载单独为它们一个一个地进行指定。由于它仅仅是个默认的而已,所以当为特定的链接指定目标框架时,默认的目标框架就被覆盖了。9.2.11在设置“目标框架”和“文本链接”时使用WWWURL这个任务和为当前站点设置目标框架是一样的,只不过现在要用到第4章“开发基本的网页:文本,清单和超链接”中的技术来设置链接到远程站点的链接。远程Web站点的网页会显示在所指定的框架中。不过,你应该记住,在框架中只有较少的空间可供其显示,所以它可能看起来有点挤。9.2.12使用目标框架和书签这种情况正在迅速改变,变得不再那么常见了,但你仍有必要考虑它—没有什么别的原因,只不过有些人还没有习惯框架,因而也就不喜欢框架。最好的办法是(除了不使用框架以外)为你的网页提供一块替代区域,该区域没有框架也能够正常工作。这样,当访问者链接到你的网页的框架部分时,他会注意到有一个不使用框架的替代方案,这样他就可以进行选择了。9.2.13应该把主页设置为框架集形式吗不应该把主页设置为框架集,除非你打算强迫所有使用具有框架能力的浏览器的访问者都要观看你的框架。如果这确实是你所希望的,那么可以创建一个空的站点,并为其创建框架集,从而建立一个框架型的主页。给这个框架集取名为DEFAULT.HTM,它就是你的框架型主页了。9.2.14为图像和图像映射设置目标框架为图形链接设置目标框架的过程同建立文本链接的过程非常相似。选择“插入”,“超链接”,然后在“超链接”对话框中为“目标框架”文本框选择相应的框架名。关于创建和编辑不同类型的超链接,请参阅第4章和第5章。同样,在一个图像上绘制“热区”(图像上的一个区域,其作用相当于链接)会弹出“创建超链接”对话框,可以在这个对话框的“目标框架”文本框中输入目标框架名。9.2.15同“框架”一起使用“图像属性”如果为一个图像打开了“图片属性”对话框,会在其底部看到一个“默认超链接”部分。使用它的“定位”框(如果适当,可使用“浏览”按钮)来为图像的超链接设置一个默认目标。使用“目标框架”框来指定目标网页将要显示的框架(见图9-11)。注意你也许要问,为什么要使用“图像属性”来为图像超链接设置一个默认目标和一个目标框架呢?在创建链接时同时指定这两者不是可以达到同样的效果吗?之所以要这样做是因为当图像上有“热区”时,可以给图9-11“默认超链接”区域是你给图像“热区”以外的区域设置一个默认。链接指定的位置和目标框架 第9章计用FrontPage框架增强站点143下载9.2.16在框架中放入表单你可以指定一个表单将其结果送入一个框架。这可以通过“表单属性”对话框完成,在该对话框的“目标框架”框中输入目标框架,然后单击“确定”即可。9.2.17浮动框架虽然FrontPage并不支持,但是有可以替代的办法来创建组合文档:你可以使用IFRAME元素把框架放到HTML文档中。这种设计技术叫做浮动框架,它使你能够像使用IMG元素把图像插入到文档中那样,将HTML文档插入到文档中。这意味着你可以像处理IMG时那样使用ALIGN=属性来设置框架与周围环绕文字的对齐方式。下面的例子让框架靠左边框对齐,其相邻的文字环绕在其右侧。

Yourbrowserdoesnotsupportfloatingframes,soyoucan'tseethepagethatwoulddisplayinthisspace.

Here'ssometexttotherightofaframe.IFRAME格式是微软特有的,它与所有非微软的浏览器都不兼容,包括Netscape浏览器。你可以为无法看到浮动框架的用户添加一条消息,就像下面这段经过改写的代码这样:

Yourbrowserdoesnotsupportfloatingframes,soyoucan'tseethepagethatwoulddisplayinthisspace.

Here'ssometexttotherightofaframe.9.2.18删除框架集在FrontPage中可以删除框架集。框架集文件的后缀通常都是HTM,它就像网页一样,也会出现在文件夹列表或“文件夹”视图中。只要选中它,再按下DELETE键就行了。不过,如果你删除了一个框架集,还必须删除掉引用到这个框架集的网页或链接的属性中的所有框架目标项目。如果你不这么做,浏览器就将不清楚究竟应该把网页显示到哪里去,从而有可能产生意想不到的结果。9.3使用FrontPage的“框架模板”FrontPage支持10个模板,以帮助你创建不同的框架集:¥标题性的,两列文档,其标题中的链接会改变左边的内容框架。¥左边框架中的内容表格会改变右边的框架。¥页脚文档,页脚中的链接会改变主框架。¥具有脚注的文档,主框架中的链接会改变脚注。¥页眉文档,页眉中的链接会改变主文档。¥页眉,页脚和内容文档;页眉和页脚中的链接可改变主框架。¥水平分割的上下独立的两个框架。¥嵌套的三级层次体系。¥自顶向下的三级层次体系。¥垂直分隔的左右独立的两个框架。以自定义的方式创建自己的框架集相当容易,甚至可能在使用任何框架时都宁可自己来创 144第二部分设计文档:使用网页视图下载建。但不论如何,模板还是很有用的,所以还是请注意一下以上这些模板。1.使用“标题和内容”模板选择“文件”,“新建”,“网页”,然后选择“框架网页”表,从这个模板中创建出一个框架集。假设已经为每个框架创建并保存好了网页,那么最终应该得到4个新文件:框架集文件本身和三个普通网页文件—其中一个是放置标题的,一个用于内容框架,另一个将出现在主框架(右下角的框架)中,并会根据左边内容框架的链接而改变。通常,在实际的站点中的主框架中要显示许多不同的网页。要把这个框架集投入实际应用的话,还要使用“网页”视图为标题网页和内容网页添加内容,并创建出实际需要的那么多主框网页。图9-12显示了一个例子,表示了最终浏览器中可能看到的结果。图9-12访问者可以使用左边的目录框架来查看其他网页,而目录本身仍会保留在原来的位置2.使用“内容”模板这实际是前面讨论的那个模板的一个简化版本。它去掉了标题框架,但左边框架中的链接仍能改变右边框架所显示的网页。3.使用“页脚”模板这个模板所生成的屏幕显示如图9-13所示,页脚框架中的链接会改变大的主框架中的内容。4.使用“脚注”模板这个模板同“页脚”模板差不多,只不过链接反向而已。单击上面框架中带有脚注的文字将会在下面的滚动框架中显示出脚注。这个模板的价值在于它为用户带来了很大的方便,因为当他们想查看脚注时就不再需要每次把网页上下翻来翻去了。访问者只要单击一下主网页中的脚注项,脚注就会显示在屏幕的底部。要达到这种要求,需要把所有的脚注都放到一个网页上,并为每个脚注做一个书签,并在主文档中相应的位置设置链接到这些书签的链接。注意如前面所知,传统的脚注标识符是一个上标数字。要得到这种效果,可以调出“字体”对 第9章计用FrontPage框架增强站点145下载话框,在“效果”部分选中上标效果。但是,打印文档中的脚注上标实际上只不过表示链接到网页底部而已。而在Web页中访问者已经可以看到哪里是链接了,那么还真正需要用上标来表示脚注吗?很可能就不需要了。而且,在FrontPage中使用上标会使行距变得有点不那么齐整。图9-13使用“页脚”模板把导航控件放在浏览器显示屏幕的底部5.使用“页眉”模板这在本章前面部分已经讨论过了。6.使用“页眉、页脚和内容表格”模板这个模板在外观上最为精致,但它也不过是在较简单的模板的基础上建立起来的。在网页的顶部和底部都有静态框架,它对于要求大量导航工具的复杂框架环境来说是一个很好的起点。例如,其中一个静态框架可以作为放置站点标识的区域,而另一个则可以作为导航控件面板。通过你的想像肯定还会形成其他的可能方案。在这两个静态区域之间还有两个框架,左边的可能是目录,而右边的通常是主要数据显示的区域。像前面一样,你还是可以用自己的想像力来安排其他的用途。这是到目前为止所看到的最复杂的框架集。上边的静态框架中的链接会把它们的目标网页显示在左边的框架中(TOC(目录)),而TOC框架中的链接和底部框架中的链接则会把它们的目标网页显示在右边的框架中(主框架)。主框架中的链接(如果你没有对它们另行设置的话)会用它们的目标网页来取代这个框架中的当前网页。可以通过自定义来改变这一切,例如,可以重新设置上面的静态框架中的网页的属性,让它的目标文档出现在底部框架中(但这样做底部框架就不再是静态框架了),如此等等。在处理像这么复杂的框架集时,网页和数据的组织要非常谨慎。当想改变目标框架时,可能还要进行更仔细的测试。7.使用“自顶向下体系”模板正如它的名字所提示的,“自顶向下体系”模板适用于网页和数据组织为自然的体系结构的站点中。 146第二部分设计文档:使用网页视图下载这个框架集将建立下面这样的体系结构:¥顶部框架的默认目标是中间的框架。¥中间框架的默认目标是底部的框架。¥底部框架的默认目标是其本身。这种方案可以用于从较粗略的分类到较详细的分类,然后再到详细的信息。根据信息数量的不同,既可以为每个如果使用一个网页,也可以使用网页内的书签作为项目。图9-14显示了一个层次信息结构。图9-14本例中的层次体系框架结构产生了层叠的效果,从一般信息到较具体的信息,再到非常详细的信息图9-15嵌套体系所产生的效果与垂直组织的层次体系有所不同 第9章计用FrontPage框架增强站点147下载8.使用“嵌套体系”模板“嵌套体系”模板同前一个模板比较相似,但这个体系是从左到右,然后再从上到下的。在实际操作中,左边框架中的链接会把它们的目标网页显示在右上角的框架中;而右上角框架中的链接则会把它的目标网页显示在右下角的框架中。在图9-15中,你会看到前面“自上而下体系”结构中出现过的网页显示在嵌套版本中的情况。网页内容的视觉特征(例如图像大小,图像的数目,文字的数量等)会影响你对框架布局的选择。9.使用水平拆分和垂直拆分的模板这两者基本相同,只是方向不同而已。两个框架相互独立,每个框架中的链接仅覆盖该框架中当前的内容。9.4疑难解答通常造成FrontPage生成的框架不正常工作的原因是设置的默认模板框架不正确。请记住默认模板框架是一个网页属性,它指定了该网页中的链接应将它们的目标网页显示到哪个框架中去。如果这个属性指向的是一个并不存在的框架,那么链接的目标网页将会显示到一个新的浏览器窗口中。如果它指向的框架确实存在,但并不正确,那么网页将不会在你所希望的位置显示。同样,如果把一个超链接的目标框架(使用“编辑超链接”对话框)设置到并不存在的框架,也会强迫其目标网页打开一个新的浏览器窗口并显示在那里。一般说来,如果你的框架运行得不正常,那么首先应该检查是不是目标框架名出现了错误(在“超链接”对话框中)或者默认目标框架名出现错误(在“网页属性”对话框中)。9.5设计者园地不论是在站点的什么位置,在你确定使用框架以前,应该认识到框架网页会引起许多站点用户的抱怨。这并不新鲜,自从1996年框架开始在站点上各处出现时,这种抱怨就很明显。但人们(大多数是那些希望使用框架的Web设计人员)相信随着大家逐渐熟悉这种技术,他们的抱怨就会消失。但直到1999年,我们现在仍然还看到这么多对于框架的抱怨。框架的主要优势在于允许屏幕的某个部分随着屏幕上其它部分的链接而改变自己的内容,这种优势似乎要大于它的缺点。主要问题在于框架网页的URL(出现在浏览器的地址和位置工具栏中的URL)是最高一级框架集的URL。它所包含网页的URL并不能由用户直接访问。这就使得很难为框架中包含的网页制作书签。而且,它们使得返回按钮的表现不符合常用习惯,并使搜索引擎陷入了完全困扰之中。更糟的是,对于不太熟练的用户来说,保存框架网页是比较困难和令人困惑的。仅仅在浏览器中单击“文件”,“另存为”只保存了顶级的框架,而这很可能并不是他所想要的内容。较小的显示器(14英寸或15英寸)实际也并不能为框架提供足够的空间,特别是添加了导航工具栏时更是如此。屏幕最终会显得形式精巧而内容贫乏,这并不是你所希望的。所有这些并不是说你永远都不应该使用框架。它们可能实现用其他方法无法实现的目标。但是,你应该把它们看作是用于达成特定目标的专用工具,而不应把它们看作web站点设计的通用实现方法。除非你是非常熟练的老手,否则不要把你的整个站点都建立于框架结构的基础之上。

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
关闭