日期:2014-03-26  浏览次数:20959 次

1 引言

  1.1 从Internet说起

  可以毫不夸张地说Internet的出现和迅速发展曾经改变并将继续深刻改变我们的生活、我们生活的世界以及其他一切的一切。如今越来越多的计算机加入这个网络,时至今日谁亦无法精确地知道连接在Internet上的计算机到底有多少。而Internet成功的缘由就在于它将全世界丰富多采的信息“无缝”集成并最大限制地实现了与用户交互。用户通过Internet,仿佛整个世界就在本人的计算机中:既可以查找和浏览感兴味的任何信息,也可以把本人推向Internet,让更多的人们了解本人。理想上,Internet的繁荣除了新技术对它的支持外,从基本上得益于千千万万个信息提供者,此所谓“海不辞水,故能成其大;山不辞土石,故能成其高”。置身于浩如烟海的信息海洋中,除了想更熟练地掌握信息查询利用技巧外,作为一位未来的信息任务者,会并不只仅满足于做信息的被动接收者,而有极其强烈的愿望想要在Internet这个开放的大舞台上拥有一个属于本人、展现自我的空间,同时也为Internet的继续繁荣奉献本人的一份心力。

  1.2 关于WWW

  Internet最重要的技术是WorldWideWeb,也被简称为WWW或者Web。它赋予Internet更强的生命力,因此也是目前Internet上功用最强大和增长最快的服务类型。WWW是建立在客户机/服务器模式之上的,以HTML言语和HTTP协议为基础,能够提供各种Internet服务并采用分歧用户界面的使用系统。

  1.3 理解Web站点

  WWW上的无机细胞便是一个个Web站点,而每个Web站点在物理构成上就是一系列在内容上彼此相关、在功用上紧密集成的HTML页面的集合。WWW网上最基本的传输单位正是Web页面。WWW服务器利用超链接非线性地组织相关的多媒体信息页,这些信息既可放置在—台主机上,也可以放在不同地理位置的不同主机上;超链接由URL支持;WWW客户机则担任向服务器发送页面请求和担任如何显示页面。

  2 Web站点的设计

  2.1 设计准绳

  纵观Internet上许许多多优秀的Web站点,它们各有所长。同时也有很多共同之处,对此加以分析总结,并以此作为Web站点开发的设计准绳,实在是一项事半功倍之举。现将其详述如下:

  (1)超媒体=多媒体+超链接:信息技术的飞速发展提供了人们更贴近理想地利用信息的可能。今天,文本、图形、图象、声频、视频等多种媒体曾经全部融合在一同并实如今网络中快速地传输。同时超链接技术的产生更符合人们的非线性思维方式,使Web的使用格外方便;也是超链接,使得Web站点成为一个紧密组织的无机体,并构建起与外部的联系。超媒体实际就是多媒体与超链接的结合,因此Web站点的设计应该充分利用,发挥多媒体的亲和力和超链接的易于使用性。

  (2)动态、交互性:这里所说的动态远远超过了动画、视频此类的活动含义,而是与交互紧密联系着的。传统的静态Web站点,在服务器的文件系统中存储有事先制造好的全部HTML文件,浏览器请求某页面时,服务器仅仅是检索这个页面并发送到浏览器。而动态Web站点可以依据用户的请求来动态地产生页面。CGI、ISAPI、NSAPI是目前常用的对基于服务器的功用进行这一扩充的三种方式,后来出现的ASP技术也能在Web服务器端完成类似的功用。因此一个设计得好的Web站点应充分实现与用户进行交互,即不让用户只作为被动的信息接收者,而应给他们提供有选择地接收信息甚至自动提供信息的可能。

  (3)系统无关性:Web页面都是用HTML言语书写的,用户所看到的页面是浏览器对Web页面HTML文件解释显示的结果。随着HTML言语标准的升级,以及不少组织也纷纷制定本人的标准和扩展,其众多的标签与属性已提供了表现页面的越来越强大的功用,使得开发者能够尽可能随心所欲地控制页面的外观。但是理解HTML局限性是十分重要的。不同的浏览器对特定页面的显示可能会不一样,缘由在于它们对HTML标准和属性的解释不一样。也就是说,NetscapeNavigator浏览器无法解释显示Microsoft的IE扩展,低版本的浏览器无法支持对HTML升级新标准的解释。自在、开放是Internet的特点,因此当我们竭力把HTML页面设计得更漂亮、更完满时,应充分考虑到让它能够在步入Web的不同的系统中都能够被查看到,那么至少应遵照两个准绳:一是尽可能少地使用某组织制定的特有的HTML标准与扩展;二是充分考虑低版本浏览器、系统运转功用低的用户的存在,对他们提供向下的候选替补显示方式。

  (4)不断更新:如果某Web站点的信息内容与方式长时间得不到更新,浏览者势必厌倦,对其得到兴味。因此好的Web站点还有一个秘诀就是常换常新,永保年青。

  2.2 设计步骤

  一个优秀的Web站点是所提供的信息(包括单纯基于Web的内容和技术服务)的内容与方式的完满结合的典范,为此Web站点的开发大体上按下述步骤进行:

  (1)信息内容的预备——基本之基本:即确定Web站点的设计方向,向外界提供哪些品种、具体什么内容的信息,并预备好相关素材。

  (2)信息内容的组织——锦上添花:即对上述预备的各项素材加以组织,确定内容基础上的方式,次要包括页面之间的联系、页面的格式、规划与美化等等。

  (3)技术上的实现——决定性的关键:即针对预备、组织好的信息,最后从技术上加以实现计划中的Web站点,大到全局概貌,小至各项细节乃及其他相关技术。否则,设计得再优秀的Web站点也只是海市蜃楼。

  2.3 开发平台

  进行设计的软硬件环境视不同设计者的设计要求、团体喜好等而不同,本人本次所实践开发的团体站点采用客户端开发方式,使用的软件工具如下:

  (1)次要开发软件:Microsoft FrontPage98。FrontPage98是协助用户实现自动化Web站点创建、管理与发布的功用强大的软件工具。次要组成部分包括:FrontPageEditor和FrontPageExplorer。Editor是一个所见即所得的HTML编辑器,无需直接编写HTML代码,不只可直接在任务窗口中输入文本,插入图象、声音,建立超链接,插入脚本和其他对象;而且具有内嵌的浏览器,省去原来文本编辑器与浏览器之间的频繁切换,使用户可用大部分精力控制页面规划。Explorer运用七种视图:文件夹视图、所有文件视图、导航视图、链接视图、链接形状、主题视图、任务视图全方位细致地对Web站点实行管理。尤其FrontPage98的功用更趋强大完善,例如一旦某文件换名、挪动,系统则自动修正与此有关的链结;自动寻觅孤立文件;提供专业水平的主题给用户利用,使得使用FrontPage对Web站点实行管理显得游刃不足。此外,它还包括一个支持HTTP协议和通用网关接口标准(CGI标准)的PersonalWebServer。

  (2)Web发布软件:WS-FTP95—Pro。

  (3)其他辅助软件:Applet Headline Factory 2.0,Visual AppletConfiguratorV1.1,Hypersnap.DX3.10.Final.Pro。

  2.4 重要技术细节

  (1)Java小程序(Applet):Java是一种“简单、面向对象、分布式、解释型、安全、体系结构中立、可移植、高功用、多线程和动态的”言语,可以用来编写独立的使用程序(Application),也可以用来创建小程序(Applet)。Applet必须运转于浏览器内。目前Applet在WWW上的运用极为广泛,由于通过它可实现很多功用(诸如产生实时动画,在页面上实时运转游戏和程序,访问数据库和其他信息源,提供与用户更多的交互过程等)。在Web页面中插入Java之前,首先要由Java编译器把Applet的源代码(.java文件)编译成浏览器能识别的虚拟机字节码文件(.class文件),然后在HTML文件中插入〈APPLET〉标记调用,客户端浏览器自服务器下载此含有Applet的页面时,若浏览器支持Java,则加以正确解释显示。

  (2)脚本(Script):脚本言语的广泛使用是基于如何减轻Web服务器的负担这一出发点,因此有客户端脚本和服务器端脚本之分。使用哪一种脚本,要充分考虑保持客户端和服务器端的平衡:既要充分利用客户端的CPU,又不能让客户机承担太多的计算任务,否则它无法对用户呼应。目前Web页面中可使用的脚本言语有Javascipt和Vbscript两种,通过 标记嵌入使用。

  (3)组件(Component):Frontpage组件是被内置于Frontpage对象中的用于作者保存一副页面或用户浏览该页时的解释执行代码,Frontpage组件可以生成HTML,在某些情况下生成服务器端和客户端代码。当页面包括的组件被浏览器捕获后或在一个表单被提交给表单处理组件时,运转组件可以动态地扩充,这和一个CGI程序在服务器上的运转类似;而创作组件只要在页面被保存时才能执行。Frontpage98中的运转组件有:ComfirmatiOnField,DefauItForm Handler,Discussion,HitCoun