网站主页   操作系统    网络工程    服务器    网页制作    数据库    程序开发    网络安全    办公软件   
讲座日期: 本周六下午1点30分 抢座
讲座地点: 北大青鸟马甸校区
主讲老师: 王老师 金牌讲师
讲座主题: 网络安全
讲座内容: 检测、防御、黑客信息,如何过滤不安全的网站,如何防御黑客的进攻。
订座电话: 010-82011432/33
  您当前位置:主页 > 网络学院 > 网页制作 > 网页配色 >

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上永远保有自已的一份生存、发展空间。


上一篇:按形容词分类:忠厚、稳重、有品位  
下一篇:设计点评:www.kleinbikes.com
相关信息:

·网站基本配色——可靠 ·网站基本配色——热带
·网站基本配色——清爽 ·网站基本配色——传统
·网站基本配色——清新 ·网站基本配色——动感
·网站基本配色——热情 ·网站基本配色——柔和
·网站基本配色——友善 ·网站基本配色——土性

Copyright © 2002-2015 版权所有
学校地址:北京市海淀区西三旗建材城中路29号北大青鸟
招生热线:010-82011433/32 京公网安备110102004704  京ICP备05043413号 京公网安备110102004704