作为一个访客,你是否已厌倦了充斥网上的死板网页?作为一名网站管理者,你是否已无法承受日益繁重的页面维护?本专题围绕当今热门的网站开发技术,向你一一揭开DHTML、XML、CGI编程与数据库开发等最新技术的神秘面纱,使你迅速把握网站开发技术的大势所趋,在如火如荼的网站大战中高瞻远瞩......
如何令你的网站“动感十足”
将网站“动态”化的方法很多,这要看你是出于何种需求。如果你是个人网站的维护者,使用的是免费主页空间,那么绝大多数情况下你只能使用Java、JavaScript和最新的DHTML技术,如果你的主页空间提供者能给予你CGI权限或ASP支持,那么你将能非常幸运地发挥真正的动态技术。
下面简单介绍几种常用的“动态”网站设计方法:
(1)CGI(Common Gateway Interface)通用网关接口的传统方式,当用户在浏览器端填好表单(form)要求输入的资料,提出HTTP请求后,WEB服务器端将执行一个表单所设定的可执行的CGI应用程序,CGI程序分析表单(form)中所输入的资料,存取WEB数据库,将查询执行的结果以HTML的格式返回给浏览器。使用CGI方式存取WEB数据库,有很多的缺点,譬如不易开发、变更修改成本高、功能有限、不易侦错、执行速度慢等,而且由于并非整合于HTML文档之中,因此必须使用与HTML完全不同的设计过程来设计一个可执行的应用程序。
(2)IDC(Internet Database Connector)互联网数据库连接头是Windows NT Server内含Internet Information Server(简称IIS)2.0的特征之一,它提供了一种使你的互联网数据库内容得以发布并可与用户交互的方法,它实际上是一个包含于IIS中的ISAPI应用程序。你只需掌握HTML和SQL的基本知识并写为数不多的代码就能编出具有交互能力的数据库应用程序,让使用者在浏览器界面中得以查询、输入、更新、和删除WEB服务器上的数据资料。正如VB程序员所喜欢的那样,构成IDC应用程序的文件是解释性的,由于设计简易,只要准备两个档案,即可在用户端的浏览器中存取WEB服务器的数据资料,且无须编译,因此具有快速的开发循环和反馈。但这种简单性的代价是牺牲了许多灵活性,使你不得不放弃许多对用户接口的控制,并几乎放弃了所有验证数据的能力。因而IDC仅适用于简单的WEB应用程序。
(3)ActiveX Data Object(ADO)是WEB数据库应用的最佳选择。
ActiveX Data Object(简称ADO)究竟是什么呢?ADO技术让您可以与Active Server Pages(简称ASP)结合开发基于数据库的网页内容,只需在网页中嵌入SQL(结构化查询语言)指令,用户就可以在浏览器界面中输入、更新、和删除网站后台的数据库信息。当用户端的浏览器填好表单所要求输入的资料并按下“Submit(确认)”按钮后,经过互联网、内联网传送HTTP请求到WEB服务器,该请求在WEB服务器执行一个表单所指定的Active Server Pages程序(后缀名为.ASP的文档)。一个.ASP文档是一个纯文本文件,包括:HTML标记、VBScript或JScript语言的程序代码、ASP语法和结构化查询语言SQL指令。IIS3.0/4.0 WEB服务器执行.ASP文档,通过ODBC驱动程式,连接到支持ODBC的数据库上,执行ASP文档所指定的SQL指令,最后将执行的结果以HTML的格式传送给用户浏览器。ADO具有容易使用、开发执行快速、消耗系统资源较少,和占用磁盘空间小等优点。
以上就是目前设计商业网站常用的“动态”技术,根据本人的工作和使用经验,笔者较倾向于ADO和ASP的结合,从长远来看这对搭档也势必成为今后一段时间内动态WEB的核心技术。
DHTML快速入门
长期以来人们通过在服务器端编写程序来使WEB页面产生动态变化,然而这不仅需要复杂的编程而且还大大降低了浏览的速度,并且给广大个人网站的设计者设下了一道不可逾越的鸿沟。如今,IE和Netscape的4.0版本都已经具备了动态HTML编写语言,使网页可以做得栩栩如生、动感十足。那么,什么是DHTML?它与传统的HTML有什么不同呢?
Dynamic HTML(动态HTML)是近年来网络飞速发展进程中最振奋人心也是最具实用性的创新之一。它是一种通过各种技术的综合发展而得以实现的概念,这些技术包括Java Script,VBScript,Document Object Model(文档对象模块),Layers和Cascading Style Sheets(CSS样式表)等。DHTML网页从WEB服务器下载后无须再经过服务器的处理,而在浏览器中直接动态地更新网页的内容、排版样式、动画。比如,当鼠标移至文章段落中,段落能够变成蓝色,或者当你点击一个超链后会自动生成一个下拉式的子超链目录。
非常遗憾的是在网景Netscape和微软IE浏览器几番大战后,我们仍没有得到一个对DHTML支持的统一标准。因此本文在介绍DHTML时不得不分别讲述。让我们先来看看Microsoft IE4对DHTML的支持:
(1)动态内容(Dynamic Content):动态地更新网页的内容,可“动态”地随时插入、修改、或删除网页的元件,譬如文字、标记等。(2)动态排版样式(Dynamic Styles Sheets):通过W3C的“Cascading Style Sheets”(串联式排版样式,简称CSS1或CSS),提供了设定HTML标记的字体大小、字型、粗细、字型样式、行高度、文字颜色、加底线或加中间横线、与边缘距离、靠左右或置中、缩排、背景图片或颜色等排版功能。而“动态排版样式”,可以“动态”地随时地改变排版样式。(3)动态定位(Dynamic Positioning):通过W3C的“Working Drafton Positioning HTML with Cascading Style Sheets”,提供HTML元件在X、Y、Z轴的定位功能,让设计者可以放置影像、控件、文字等在网页上的任何位置上。而放置在不同的Z轴上,设计者就可以产生重叠的效果。(4)内建资料处理(Data Awareness):无须复杂的程序,无须花费服务器太多资源,即可让网页设计者即时处理文档。(5)内建多媒体支援:IE4.0结合CSS与内建的ActiveX Controls,提供多媒体支持的功能,包括转换特效、滤镜特效、路径控制、顺序控制、动画、制图、播放声音和影像等多媒体功能。
IE4.0和Netscape Communicator4.0都提供了DHTML支持,但是事实上两者除了对“Cascading Style Sheets”的规格相近外,其余都相差甚远。因此当你设计DHTML页面时必须充分考虑到兼容性的问题。
下面通过CSS层叠样式单的简单实例,希望对你学习DHTML起到抛砖引玉的作用。
Cascading Style Sheets的出现彻底打破了以往死板的HTML页面构造,它不仅提供了设定HTML标记的字体大小、字型、粗细、字型样式、行高、文字颜色、对象边缘距离、缩排、背景图片及颜色等一系列排版功能,而且最为重要的是你可以通过简单的脚本语言随时改变并控制页面上任何一个对象的排版样式和布局。有了样式单,我们终于可以不用调整表格、改变字体或原图大小就能控制样式属性,更可以通过页面元素的“一次设定,多页有效”来节省构造页面的时间。根据作用范围的不同,样式单分为local(内联样式单),global(全局样式单)和linked(多页样式单)。首先让我们来看看内联样式单,它用于定义局部页面,请看以下语句:
这就是内联样式单
让我们和HTML来做一个比较:
内联样式单
不难发现,在内联样式单中传统的标记已被所淘汰,不但一改对字体大小控制的局限性,而且还提供对字体前、背景色以及文字位置等细微的控制。
那么,什么是全局样式单呢?下面就是一个标准的全局样式单:
〈style type="text/css"〉〈!--
A:link {text-decoration:none;color:rgb(233,205,7)}A:visited{text-decoration:none;color:#ffffff}A:active{text --decoration:none;color:#0000FF}A:hover{text-decoration:underline;color:#FFFFFF}H1,EM{font-size:12pt;c -olor:red}.myfont{font-size:9pt;color:blue}--〉〈/style〉
如果你有上千或更多的HTML文件需要指定样式,那么多页样式单将是你最好的选择,它的独到之处在于可以通过创建一个独立的扩展名为.css样式单文件并在其它HTML文件的header部分调用该文件,如:〈head〉〈link REL="STYLESHEET" TYPE="text/css" HREF="css/style1.css"〉〈/head〉。这样我们就可以通过改动一个.css文件而改变所有调用该文件的HTML页面,从而避免了大量的重复作业。
如果你有上千或更多的HTML文件需要指定样式,那么多页样式单将是你最好的选择,它的独到之处在于可以通过创建一个独立的扩展名为.css样式单文件并在其它HTML文件的header部分调用该文件,如:。这样我们就可以通过改动一个.css文件而改变所有调用该文件的HTML页面,从而避免了大量的重复作业。
动态网站设计利器——ASP
Microsoft Active Server Pages即我们所称的ASP,其实是一套微软开发的服务器端脚本环境,ASP内含于IIS3.0和4.0之中,通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。有了ASP你就不必担心客户的浏览器是否能运行你所编写的代码,因为所有的程序都将在服务器端执行,包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。
Active Server Pages所独具的一些特点有:(1)使用VBScript、JScript等简单易懂的脚本语言,结合HTML代码,即可快速地完成网站的应用程序。(2)无须编译,容易编写,可在服务器端直接执行。(3)使用普通的文本编辑器即可进行编辑设计。(4)与浏览器无关,用户端只要使用可执行HTML码的浏览器,即可浏览采用ASP设计的网页内容。ASP所使用的脚本语言均在WEB服务器端执行,用户端的浏览器不需要能够执行这些脚本语言。(5)能与任何ActiveX scripting语言相容。除了可使用VBScript或JScript语言来设计外,还通过plug-in的方式,使用由第三方所提供的其他脚本语言,譬如REXX、Perl、Tcl等。脚本引擎是处理脚本程序的COM组件。(6)ASP源程序不会被传到客户浏览器,因而可以避免所写的源程序被他人剽窃,也提高了程序的安全性。(7)可使用服务器端的脚本来产生客户端的脚本。(8)面向组件(Object-oriented)。(9)ActiveX Server Components(ActiveX服务器元件)具有无限可扩充性。可以使用Visual Basic、Java、Visual C++、COBOL等编程语言来编写你所需要的ActiveX Server Component。
与一般的程序不同,.asp程序无须编译,ASP程序的控制部份,是使用VBScript、JScript等脚本语言来设计的,当执行ASP程序时,脚本程序将一整套命令发送给脚本解释器(即脚本引擎),由脚本解释器进行翻译并将其转换成服务器所能执行的命令。当然,同其他编程语言一样,ASP程序的编写也遵循一定的规则,如果你想使用你所喜爱的脚本语言编写ASP程序,那么你的服务器上必须要有能解释这种脚本语言的脚本解释器。当你安装ASP时,系统提供了两种脚本语言:VBsrcipt和JScript,而VBscript则被作为系统默认的脚本语言。你也可以根据自己的喜好改变系统默认的脚本语言。
ASP本身并不是一种脚本语言,它只是提供了一种使镶嵌在HTML页面中的脚本程序得以运行的环境。ASP程序其实是以扩展名为.asp的纯文本形式存在于WEB服务器上的,你可以用任何文本编辑器打开它,ASP程序中可以包含纯文本、HTML标记以及脚本命令。你只需将.asp程序放在WEB服务器的虚拟目录下(该目录必须要有可执行权限),就可以通过WWW的方式访问ASP程序了。
ASP的出现使得广大WEB设计者不必在为客户浏览器是否支持而担心,实际上就算你在同一个.asp文件中使用不同的脚本语言,你都无须为此担忧,因为所有的一切都将在服务器端进行,客户浏览器得到的只是一个程序执行的结果,而你也只需在.asp中声明使用不同的脚本语言即可。
下面以一个简单的例子介绍ASP的程序设计概念。请将以下代码剪贴到你的文本编辑器中,并存为test1.asp:
下面以一个简单的例子介绍ASP的程序设计概念。请将以下代码剪贴到你的文本编辑器中,并存为test1.asp:
〈html〉
〈%If Time 〈 #12:00:00# And Time 〉= #00:00:00# Then bgc="silver"
Else If Time 〈 #19:00:00# And Time 〉= #12:00:00# Then bgc="navy"
Else bgc="red" EndIf %〉
〈body bgcolor="〈%=bgc%〉"〉 〈FONTCOLOR="Green"〉 〈%If Time 〈 #12:00:00# And Time 〉= #00:00:00# Then %〉
早上好,今天天气不赖啊!
〈%Else If Time 〈 #19:00:00# And Time 〉= #12:00:00# Then%〉
下午好!
〈%Else%〉 哈喽!今晚你有没有去IRC聊天!〈%EndIf%〉
〈/body〉〈/html〉
这就是一个真正的ASP程序,千万不要被“〈%%〉"符号搞糊涂,这其实是标准的ASP定界符,而“〈SCRIPT〉〈/SCRIPT〉"之间的就是脚本语言,所有的ASP命令都必须包含在〈%和%〉之内。将test1.asp保存在WEB服务器的虚拟目录(如:aspsamp/)下,并在浏览器中用HTTP的方式进行浏览,如:http://yourcomputername/aspsamp/test1.asp,你将会新奇地发现,你的页面真的活起来了。虽然,这只是一个非常简单的实例,而且这一功能完全可以通过JavaScript完成,但是不难发现使用ASP要比JavaScript简洁、迅速得多。 采用ASP编程,不但可以取代传统的CGI编程,实现诸如表单反馈处理、数据库检索、文件上载等各种功能,而且避免了CGI的执行效率问题,有时还可以使HTML代码更高效。让我们再来看一个例子,譬如你希望当客户在晚间7:00至凌晨0:00:00浏览你的页面时,在页面中央显示6个笑脸表示问候,下面一条语句足矣:
〈% for i=1 to 6 %〉
〈p〉〈center〉〈imgsrc="smile.gif" width="32" height="32" alt="晚上好"〉〈/p〉
〈% next %〉
当工作量较小的时候你不会感觉到ASP的好处,然而一旦数据量巨增,你将会深刻的体会到ASP动态网站给你带来的前所未有的轻、爽感受!
你知道PHP/MySQL黄金组合吗
PHP是一种服务器端HTML嵌入式脚本描述语言。也许PHP最强大和最重要的特征是他的数据库集成层,使用它完成一个含有数据库功能的网页是不可置信的简单。目前支持下面所列的数据库:Oracle 、Adabas D 、Sybase 、FilePro 、MSQL 、Velocis 、MySQL 、Informix 、Solid 、dBase 、ODBC 、Unix dbm 、PostgreSQL。
作为一个源码开放的免费编程语言,PHP与MySQL的结合被认为是网站开发的黄金组合,深受广大网站开发者推崇,而且网上有大量的免费实用样板代码,使你可以迅速登堂入室,PHP也因此风靡全球,其发展速度可与Linux媲美。
PHP从1994年秋天开始孕育,他的创始人是Rasmus Lerdorf。早期没有发布的版本是被他用在自己的网页上来跟踪有谁来参观过他的在线个人简历。被其他人使用的第一个版本是在1995年发布的,当时叫做Personal Home Page Tools。他包含了一个非常简单的语法分析引擎,只能理解一些指定的宏和一些Home Page后台的常见功能,如留言本,计数器和一些其他的素材。在1995年中期,重写了这个语法分析引擎并且命名为PHP/FI 2.0版本。FI来源于Rasmus所写的另一个可以接受Html表单数据的程序包。他组合了Personal Home Page Tools 脚本和Form Interpreter,并且加入了对mSQL的支持,于是PHP/FI 2.0诞生了。PHP/FI以惊人的速度发展,并且其他的人也开始对他的源码加以改进和修改。
很难给出任何精确的统计数字,但是据估计到1996年末至少有15,000个WEB站点在使用PHP/FI 2.0,到了1997年中,这个数字已经成长为50,000个,1997年中PHP的发展也已经有了一些变化,他已经从Rasmus的宠物项目变成了更加有组织的团体项目。语法分析引擎也由Zeev Suraski 和 Andi Gutmans进行了重新改写,这个引擎构成了PHP3的基础。PHP/FI中的大部分通用代码都经过改写后引入了PHP3中。
到1998年中,有许多商业的产品如C2's StrongHold web server和Red Hat Linux都开始支持PHP3或PHP/FI,根据由NetCraft提供的数字进行保守的推断,现在在世界各地大概有150,000个WEB站点在使用PHP或PHP/FI。
PHP的特性包括:
(1) 集成了HTTP认证功能,使你很容易实现目录保护、会员访问区等功能;(2)可以动态生成GIF图形文件,甚至制作更简便的GIF图象流;(3)支持文件(文本、二进制)上传,结合身份鉴定和文件处理函数,你可以完全控制谁可以上载文件和被上载的文件可以做些什么;(4)支持HTTP cookie,使你记住访问过你网站的人,为他提供更个性化的服务;(5)支持正则表达式处理,使你有能力处理复杂的字符串;(6)完整的出错处理,使你的网站更专业可信;(7)强大的数据库支持使你开发基于数据库的WEB应用易若反掌。
录入: 【东莞网站设计部】 编辑: 东莞网站设计公司【DGzone】
上一页:网站建设之服务器安全
下一页:SEO研究 网页标题的最佳做法







