WEB站点开发的三部曲

web|站点

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,HitCounter,Registration;创作组件有: BannerAdmanager,Comment,HoverButton,Include Page,InsertHtml,Marquee,Scheduled lmage,Scheduledlnclude,Subtitution,Table ofContent,Timestamp。

  (4)表单(Form):表单是提供给用户输入信息的区域,它是Web页面和站点具有交互性特征的关键。它可把各种输入信息以各Form元素名字-值对的形式传送给服务器端的处理程序即指定的句柄(诸如CGI等),通过它们来处理用户请求,并动态产生HTML文件。表单在HTML文件通过

  标记使用,各Form元素包括:单行文本框Text,多行文本框Textarea,单选按钮Radio,复选框或下拉列表Slect,密码专用区域Password,提交按钮Submit,重置按钮Reset,提交图象Image,隐藏域Hidden。

  (5)帖(Frame):帖技术将浏览器的显示窗口分为多个显示区域,每个显示区域(Frame)可包含一个独立的页面。在Web页面中采用Frame,可使Web游览器中的某个显示区域的内容保持不变,同时目标区域的显示内容随着用户所选择的超链接而改变;而且便于用户了解整个页面的结构,并可以方便地在各个不同页面中转移,同时也便于站点内容的扩充与更新。

  3 Web站点的管理

  很多人会把Web站点的开发简单地定位成设计加开发。事实上,对Web站点的管理绝对是Web站点开发生命期中极为重要而且是不可或缺的一项工作。它主要包括发布前的测试和发布后的维护:测试的主要工作是确保Web站点预计的各项功能均得以实现;维护则涉及对现有Web站点中错误的修正、功能的完善以及其他内容的更新。如果已发布的Web站点,漏洞百出(例如存在很多断链接),或者存在的错误长时间得不到改正,或者一张脸孔万年不变,难以想象,这样的Web站点会留得住网上冲浪者的匆匆脚步。此外管理工作还包括在线宣传自己的主页,例如通过搜索引擎注册或进行广告图案交换等等。

  4 Web站点的发布

  发布说到底就是将Web站点复制到ISP服务器上。如果有自己的ISP服务器,这项工作当然格外简单,否则就需要在网上寻找、选择、申请、利用免费个人主页空间,一般均采用在线申请、FTP上传方式,多数对所提供的空间有限制,有的还规定最迟更新周期。实际上传时,应充分细致了解待上传的ISP服务商对其所提供的个人主页空间的限制及附带的免费服务等才能加以充分利用,并及时解决上传过程中出现的具体问题。

  5 小结

  综上所述,优秀Web站点的开发必须自设计之初便严格遵循有关设计原则,并在设计过程中尽可能地获得先进Web技术的支持,无论发布前后均应实施有效管理。尤其需要指出的是:Web站点的迷人外表固然重要,但一个真正优秀的Web站点的根本魅力来自于其信息对用户的吸引,因此站点开发人员必须在信息资源的组织管理上多下功夫,不断充实自已、提高创新能力,才能成为一名网络精品信息的提供者,在Internet上永远保有自已的一份生存、发展空间。

时间: 2024-09-30 23:38:32

WEB站点开发的三部曲的相关文章

利用 ASP.NET Starter Kit 即刻开始 Web 站点开发

asp.net|web|站点|asp.net 摘要 如果您要构建 ASP.NET Web 站点,则需要在坚固可靠的代码基础上来开始构建.从一个完整的站点开始,进行一些修改和自定义,然后上线,是不是很棒?ASP.NET Starter Kit 就是一种允许您这样做的打包解决方案.这五个工具包(Community.Reports.Commerce.Portal 和 Time Tracker)提供可重复使用且可易于自定义的完整代码.此外,有许多 ISP 支持对 ASP.NET Starter Kit

使用ASP开发web站点

web|站点 使用ASP开发web站点(前言) 一般的大型网站目前已经越来越少的使用ASP来架构,不过在中小型商务站点上,ASP依然占据了较大的市场范围.ASP以其简单,开发周期短,易维护的优点受到中小型站点管理员的青睐.不过,据我所知,完全使用ASP来集成更新维护网站的仅常见于那些真正的商务站点或者比较成熟的技术站点,更多的网站仅仅有一些独立的栏目在使用ASP程序.这样的特点是站点管理过于分散,比如:每进入一个栏目管理都要输入不同的帐号贺密码.不仅浪费管理员的精力,更加重了网站的维护困难程度.

ASP开发web站点

web|站点 说明:由于行文仓促及作者水平有限,难免有错,欢迎来信指正. 一般的大型网站目前已经越来越少的使用ASP来架构,不过在中小型商务站点上,ASP依然占据了较大的市场范围.ASP以其简单,开发周期短,易维护的优点受到中小型站点管理员的青睐.不过,据我所知,完全使用ASP来集成更新维护网站的仅常见于那些真正的商务站点或者比较成熟的技术站点,更多的网站仅仅有一些独立的栏目在使用ASP程序.这样的特点是站点管理过于分散,比如:每进入一个栏目管理都要输入不同的帐号和密码.不仅浪费管理员的精力,更

使用Web标准生成ASP.NET 2.0 Web站点

asp.net|web|web标准|站点    简介 Web 标准使您能通过最少的工作,生成可被最广大受众访问的 Web 站点.Web 标准的承诺是:只需设计页面一次,即可让该页以完全相同的方式在任何现代的浏览器中显示和工作.例如,在按照标准生成以后,旨在在 Microsoft Internet Explorer 中以某种方式显示的页可在其他浏览器(如,Mozilla Firefox.Netscape Navigator.Opera.Camino 和 Safari)中以相同的方式显示,而无需完成

如何利用Rational Application Developer将现有的静态Web站点转变为动态Web站

如何利用Rational Application Developer将现有的静态Web站点转变为动态Web站点 本文将帮助技术背景的读者了解如何利用 IBM Rational Application Developer 将现 有的静态 Web 站点转变为动态 Web 站点.用户将添加一个邮件 servlet.Java2 Platform, Enterprise Edition (J2EE) 安全性,并利用 Web 站点设计工具的页面模板来为整个 Web 站点 创建一致的外观. 与静态 Web 站

在开发复杂的Web站点或Web应用程序时,有那几种技术可供选择?

问题描述 "在开发复杂的Web站点或Web应用程序时,有多种技术可供选择,其中有一项技术非常出众而且使用起来非常轻松,那就是ASP.NET2.0"请问除了asp.netaspphp还有那些技术? 解决方案 解决方案二:java?解决方案三:还有传说中的java.

有了 Docker,用 JavaScript 框架开发的 Web 站点也能很好地支持网络爬虫的内容抓取

本文讲的是有了 Docker,用 JavaScript 框架开发的 Web 站点也能很好地支持网络爬虫的内容抓取,[编者的话]Prerender 服务能够为网络爬虫提供预先渲染的动态页面内容,解决了用 JavaScript 框架构建的 Web 站点不支持爬虫抓取的问题.本文详细描述了一种解决方案,尤其是提供了集成 Prerender 服务的 Docker 容器镜像. 如果你正在使用 AngularJS 构建一个面向大众消费者的应用,你肯定希望用户能把它分享到社交媒体上.对于特定的应用而言,丰富的

智能交通之路-查阅Web站点,移动应用,开放数据和APIs获得公共交通相关信息

简介:由于像 Google Map 和能够许多能够提供大城市公共交通数据的 Web 站点的存在,搭乘公交车 上下班 -- 或者来往于机场.商场或者球场公园 -- 变得比以往更加容易.Scott Davis 介绍了如何 利用那些可以帮助公共交通变得更加智能的技术来指导您如何去您想去的地方. 公共交通减少了交通拥挤和由此产生的污染.同时还降低了用户的压力水平和需要支付的费用.现在 许多 Web 站点和移动应用程序帮助全球各个城市的乘客,购物者和游客成为合乎道德的利己者,帮助他 们利用交通选项.本文将

Ajax驱动的Web站点

ajax|web|站点 最近,许多Web站点开始在开发人员社区当中引起关注.这些站点独特之处在于,它们更像是桌面应用程序而非Web应用程序.当您与它们交互时,它们可以快速在浏览器显示无穷的信息而又无需重新加载页面.  例如,在Google Maps站点(http://maps.google.com/),您可以单击地图,缩小或者放大,然后随心所欲地来回移动鼠标.浏览器会连续地从服务器读取数据,但并不需要刷新浏览器.它们使用的不是applet或者类似Flash的其他程序.那么,它们是如何工作的? 下