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

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

1、下载第9章用FrontPage框架增强站点框架最初是由Netscape开发出来的，并从那以后在Web站点上得到了广泛的应用。简单地说，框架是一种方法，它可以把两个或两个以上的窗口同时显示在屏幕上，并让浏览者能够控制其中一个窗口或者所有窗口，也可以让浏览者无法控制任何窗口。框架中还可以包含其他框架，并且框架中的网页可以独立于别的显示窗口而引用其他的网页。这为web设计者在选择组织和显示信息的形式上提供了极大的灵活性，不论内容是文字，图形，还是其他什么别的东西都不成问题。这到底是什么意思呢，可看一下图9-1中的例子。屏幕顶部狭窄的，黑色的固定框架中包含有导航控件

2、。最左边的框架中含有可以滚动的菜单。菜单项目所引用的网页则出现在右边那个大的框架中。图9-1框架使多个不同的网页能够同时出现在浏览者的屏幕上并独立地运作9.1为什么使用框架如果希望用户的浏览器窗口同时显示静态的和动态的元素，那么应该使用框架。不论用户作些什么，静态的元素将始终保持显示；而动态的内容则根据用户的输入作出相应的变化。图9-1中的菜单框架是静态的(你可以滚动它，但不能改变它的内容)，而大的那个框架则是动态的(它的内容会根据菜单的选择而改变)。框架环境的一个极大的优势在于它能够为访问者导向。静态的部分始终在前面显示站点(或者是站点的一部分)的地图，而

3、动态的内容则根据命令显示站点的不同部分。举例来说，如果用户要找返回主网页或通向站点的其他主要部分的超链接，那么就不必上下滚动屏幕了。这第9章计用FrontPage框架增强站点133下载些链接始终在那里，就在眼前。你也可以在一个框架中显示一个图像，然后在相邻的框架中给访问者提供好几屏幕关于它的有用信息。当信息在它的框架中滚动时，图像则始终在屏幕上保持可见。如果不使用框架，那么要做到这一点唯一的办法就是在每一屏数据中都重复一次图像，这对于空间、时间和精力来说都是浪费。回溯到1995年，当时有许多人都在使用没有框架的浏览器，所以提供无框架的网页以满足他们的需要是很

4、重要的。而到了现在，支持框架的浏览器已经得到了如此广泛的使用，所以这一点就不再那么值得考虑了。不过，还有不少人不喜欢框架，特别是在他们的浏览区域限制在14英寸的显示屏时更是如此。这一切最终将会发生变化，但在改变完成以前，在创建框架环境时应该认识到这些不同的观点。至少，不应该在一个屏幕上塞进太多的框架。9.2设计框架环境就像表格一样，用手写HTML代码的方式来创建框架是很难的。FrontPage2000中带有的所见即所得的框架创建环境大大简化了框架的建立和管理。这个环境使用“框架集”来工作，框架集是FrontPage对同时显示在一个浏览器显示屏上的一组框架的称

5、呼。实际上你并不是向网页中插入框架集；框架集就好像一个脚手架，它把网页相互之间联系了起来。不过，在开始创建框架集之前，应该考虑一下要如何使用框架环境或者是否要使用框架环境。请记住以下这些话：¥只有在确实需要时才使用框架，而不要为了装饰而使用框架。¥不要在网页中挤入太多的框架。这样会显著地缩小它们的尺寸。特别是，图片应该完全显示出来，而不应该让浏览者不得不滚动屏幕才能看到图像的全貌；实际上可用的最大框架数目也就是三个。¥尽量少用静态框架。它们可以用于导航工具，信息内容表格或者用于像徽标这样的站点标识。静态框架就好象汽车上的仪表板，驾驶员确实需要参考它，但驾驶员

6、的大多数时间是看向窗外的。¥将屏幕上大部分的区域用于动态框架，在其中检索并显示出信息。¥不要为大于15英寸的监视器规划框架布局。许多人和许多商业应用都不使用大于15英寸的屏幕。即使是15英寸的监视器也要比14英寸的监视器多20％的可视区域。事实上，聪明的办法是，最好假设访问者使用的是14英寸的显示器，它在800×600的分辨率和256色下工作得最好，并据此进行规划。9.2.1使用所见即所得的框架环境下一步要创建一个具有两个框架的框架集，并给它们填上内容。为了用这个框架集最好地演示出所见即所得的框架集行为，你需要两个或两个以上的网页，所以请按照需要创建这些网页

7、，给它们指定名称和文件名，然后保存好。在创建完这些网页以后(完成以后可以将它们关闭)，下一步的工作是选择“文件”，“新建”，“网页”，从而打开“新建”对话框。单击“框架网页”选项卡，显示出可用的框架类型(见图9-2)。你将得到一个具体的范例，来说明创建一个具体框架的工作过程。现在请按以下步骤进行：1)选择“页眉”框架集。这种布局会生成一个顶部框架，该框架中的链接会改变下面的框架中的显示内容。选择好这个框架集后，选择“确定”。所见即所得的框架环境就出现了(见图9-3)。134第二部分设计文档：使用网页视图下载图9-2FrontPage2000提供了预定义的框架

8、集供选择图9-3所见即所得的框架环境使你在安排框架布