外文资料翻译(不少于4000外文印刷字符) 1.所译外文资料: ①作者: ②书名:Tutorial Home Page ③出 版 社(或刊物名称): ④出版时间(或刊号):2004 ⑤所译页码: 2.译成中文: Session and Application Method 本页我们将学习如何将用户信息保持在我们的站点里(用Session 方法)和用户间如何共享信息(用(Application方法)。这仅仅是对初学者的基本指南,因此只阐述了基本的用法。 Session 方法 当某个用户首次访问我们站点的页面时,会引起建立连接和断开连接的事件发生。 在该过程中,服务器和客户端将通过互发信息来确认对方。通过信息的互发,服务器将能够识辨某个指定的用户,并把特定的信息给赋给特定的用户。计算机之间的这种关系称为会话-session. 在会话活动期间,可以用Session方法把信息赋给特定的用户。下面我们将用例子来解释这个方法: 假设我们想允许特定的用户来访问我们站点或目录上的信息,而且我们想在用户访问的所有页面上显示他的用户名。在这种情况下我们将使用 Session方法。在这个例子中,我们用index.asp 页面要求用户输入用户名。
让我来解释一下这个页面如何运作的?第一行的语句是用来检验用户是否通过表单提交信息的。如果不是,那么将显示一张要求输入用户名和密码的表单。在填写和提交表单后,即所提交的表单内容不为空,脚本将跳到15行。在17行,将检查用户名和密码。如果用户名是"Joe" 密码是 "please",这样就建立了两个变量给用户(见行21-22) Session("permission")="YES" Session("username")="Joe" 在会话活动期间,这些变量将保存在服务器上(正常情况下,如果没有激活,20分钟后会话将终。)最后,如果用户名和密码正确,一个有链接的首行为用户名的响应页面将发送到客户端。在这个例子中,如果用户名和密码不正确,响应页面为包含第38行的文本的页面。 现在,假如用户单击了"Page 1"链接(page1.asp)。page1.asp的代码如下:
在第1行,检验Session("permission")的值是否是 "YES"。如果答案为是,在客户端将显示信息。如果答案为否,将发送第15行的文本内容。 说明: ∙ Session 方法适合于有限个访问者的站点。对于有大量的站点访问者,更可取的方法是将信息保存在客户机上(使用cookies). ∙ 要创建更多的与特定的用户相关的变量,我们可以更改Session("text")中引号里的内容即可。 ∙ 要授予客户端浏览器的相应的安全特性 Application 方法 用Session 方法我们已经定义一个值Session("whatever")="Joe",但是这个信息不能被其他访问站点的用户共享 (对任何一个访问站点的用户来说,Session("whatever") 的值是唯一的)。 为了可以共享信息,就要用Application方法了。 为了更好的理解这个方法,我们会举个计数器的例子来说明。为了运行,把以下代码复制到你的服务器上。
在代码的第一部分,Application方法被所有的客户端共享,很有必要防止其他用户同时修改在Application("pagevisits")里的信息。 Application.Lock 将阻止信息被共享,同时 Application.Unlock 将允许信息再次被共享。第3行语句用来表示 计数器的值增加。最后以 html的形式发送给客户端,包括了计数器的值 说明: ∙ 如果服务器重启,在指南中提到的以Application("whatever")保存的信息将被丢失。 Session and Application 方法可以经常用来创建一个简单的聊天脚本程序 HTML语言指南-绪言 Html语言是一种极易学的语言。本绪言将介绍如何编辑Html网页,什么是Html语言 ,还有如何用Html语言编程。Html语言表示超文本标签语言。它的唯一用处是编辑网页。一张网页其实就是一个程序,只不过非常极其简单罢了。HTML语言的方便之处在于:1.不需要编译;2.仅有简单的代码。没有函数和循环。几乎不可能产生"Bugs",即使有,也不容易修复。 为了使用Html语言,你当然可以使用效果比本绪言的目的还强的Html语言向导或者用一个简单的文本编辑器,将其保存为扩展名为.htm文件(或者适合于Macintosh机的.html文件),然后用你的浏览器如Netscape 或者 Microsoft Internet Explorer进行查看。 该指南是用普通记事本编写的,因此,你不需特别的编辑环境。如果你没有网页浏览器,你可以在网址:,在网址: HTML 语言指南 – 第1章 标签和骨架布局设计 起初,Html语言是用标签来编写的。标签就象组成语言的命令字一样。标签的写法象这样: <标签>. 如<bold>, <html>, <title>, <hr> 等等. 整个代码是由标签组成,而标签告诉网页去做什么。一般标签以某符号开头,就象例子<bold>使它后面的文本都变成粗体。还有<title>使得它后面的都成为标题。但是在某些情况下,像部分标签,你需要结束该标签的作用。比如说,你在一文本前用<bold>标签,也许你要的效果已经出现了,但是在标签<bold>后面的所有文本都将变成粗体。假如在整篇文章中,你只想某一个词用粗体表示,因此,你必须用"end"标签用来结束的<bold>标签的作用。你要停止一个标签,用这样的格式:<\tag>。 例如:<bold>这些是粗体!</bold> 这些不是! 在接下来的章节里,你会学到更多的其他标签 。 HTML的一大优点是它总是沿用一种布局格式。下面的布局格式是整个Html网页: <html> <head> <title>This is the Title!</title> </head> <body> Welcome to my Web-Page! </body> </html> 这是一个页面骨架布局设计的基本代码。以后,你必须要用那种方式来开始编写你的Html代码。现在让我来介绍一些标签。你在例子中看到的标签是一般情况下只用一次的标签。这里就有一个骨架格式布局格式标签的例子。在骨架布局设计中的每个标签开始于某个部分并结束于该部分。Html那部分一声明表示正在开始某部分代码。 <html> - 开始Html部分 <head> - 开始头部分 <title>This is the Title!</title> -开始(结束)标题部分 <body> - 开始主体部分(网页的主要部分) </body> -结束主体部分 </html> - 结束该页 Html部分包括了所有的代码。Header部分包括了Title部分和一些其他的素材资料。Title部分包括了在浏览器窗口标题栏上的文本,像"'Welcome to My Page!' -Netscape."。body部分是该页中的主体部分,它包括了在该页中出现的所有文本。 HTML 语言指南 – 第2章 主体属性 Body主体标签具有远不止<body>一个,还有更多的属性。<body>标签控制该页文本的颜、背景及其他。任何标签的任一属性是一个可以在标签内对某特定对象进行设置的特别的关键字。 要设置主体属性,像该页的背景,你简单地包括<body>标签中的属性选项和所要设置的值。例如: <body BGCOLOR="blue" text="black" link="yellow" alink="green" vlink="white"> 这里有一些现在你可以了解的主体属性 Background, text, link,and active link. BGCOLOR="color" 或者BACKGROUND=都可以 控制背景。 如果你所要的背景是一种单,像黑,蓝,白,红等等,你可以用BGCOLOR选项 BGCOLOR认可 BGCOLOR="blue" (一种颜的名字) 和 BGCOLOR="十六进制数" 两种表示方法。 一个十六进制数可以表示混合,如金,青绿,海蓝和其他更多的颜,同时键入像蓝或 白这样颜的名字是仅局限于简单的颜。一些简单的颜是蓝,白,黑,绿,黄,橙……通常是第一,第二,第三.。 如果你想用一张图片作为背景,那么BACKGROUND选项为该图片的URL,像<body BACKGROUND=""> 图像在网页中必须是GIF (.gif) 或者 JPEG (.jpg) 格式。 接下来的选项是text,Text表示该页常规文本的颜。它的表示方法如下: text="color" or text="hexnumber.",它跟属性Background表示方法一样,颜的名字只能表示简单的颜,十六进制数能表示出更奇异的颜。 下一个选项是link,它用来表示该页中所有链接的颜。它的表示方法如同text。 再下一个选项是alink。它表示链接被单击时候的颜。比如说,像,单击该链接,颜将由link颜 转变为alink颜,直到你释放为止。它的表示方法和 text 选项一样。 最后选项你将学习vlink。Vlink用来设置在前面所有已经被访问过的链接的颜。 注意: 如果你在Body标签中省略某一选项,那么将采用其所设置的默认颜。 HTML 语言指南 – 第 3章 文本标签 既然你已经了解了body 选项,现在你可以去学习如何把text加到body部分和如何使得它看起来由惊人的效果。以前,你仅了解一丁点关于标签和他们的工作方式。其实,标签对文本是很重要的,因为标签可以改变文本的显示效果和动作。让我们来看下面个例子来学习一些基本标签。 <html> <head> <title>Text Example</title> </head> <body BGCOLOR="black" text="white"> <p>This is my first, ordinary paragraph. <p><b>This is my second, bold paragraph.</b> <p><i>This is my third, italics paragraph.</i> <p><u>This is my fourth, underlined paragraph.</u> <p><blink>This is my fifth, BlInKiNg paragraph.</blink> <center>This is my last, centered paragraph.</center> </body> </html> <p>标签表示段落。段落从新的一行开始文本。如果没有<p>,所有文本将在一行上并且缠绕在一起,看起来显得很混乱。 在第二段落,有一个<b>(或者完整的是<bold>)标签。Bold 使得在段落里的所有文本都变粗。就像你以前所学的一样,有时需要结束某些标签。<b>就是其中的一个。当你不想文本变成粗体,如果你不结束<bold>标签,那么所有在<bold>后的将变成粗体。 结束某个标签(结束所要的标签,用格式:</标签名>)。这样,结束<bold>标签,要用</bold>(简洁地用</b>表示)<i> 表示斜体字。在<i>和 </i> 之间的所有字都是斜体的或倾斜的。<u> 表示下划线。 在<u> 和 </u> is 之间的所有字都是加下划线的。 <center>用来设置文本的对齐方式。你可以用<p align="center">居中文本 </p>使文本居中,但是用<center>较为方便。 Center 使得文本出现在屏幕的中心,同样你也可以用 <p align="left">这是设置左对齐.</p><p align="right">这是设置右对齐.</p> 注意: 如果你喜欢使用<p>来设置对齐方式,为了结束这种对齐效果,你必须用</p>结束。<blink>可以使得文本重复地闪亮。由于它容易变得复杂,切忌过多地使用blink 标签。这里有一些附有简介的文本标签。你可以用他们尝试一下: <tt> - 电传打字Teletype <pre> - 预定义Predefined. HTML 通常忽略那些对依靠独立格式文档不利的多余的空格 <big> - 使文本一般大Makes text generally big. <small> - Hm... <s> - 下划线,用一条水平线穿过所选择部分的中间位置 <su> - 上标. <font> - 控制字体,所设置的文本大小比<h1>大一些。例如 <font face="Fontname"> or <font size="7"> <font color="color"> <font color="#hexcol">. <font face=""> 表示实际字体,像Courier.标签连接在一起也是可行的。例如 <i><b><u>This is slanted, bold, and nderlined!</i></b></u> 现在你学会了如何改变文本大小。其格式和<bold> 与<italics>相同; <tag>要修饰的文本</endtag>,而且他们可以和<bold> <italics>及任何标签结合起来作为一个联合体: <html> <head> <title>Text Sizes</title> </head> <body BGCOLOR="black" text="white"> <p><h1>This is HUGE!</h1> <p><h2>This is big.</h2> <p><h3>This is a little large.</h3> <p><h4>This is normal.</h4> <p><h5>This is quite small.</h5> <p><h6>This is TINY.</h6> 要修改文本大小,正如你所看到的标签<h(1-6)>文本</h(1-6).文本大小的范围是从1到6,1巨大,6微小。这些标签可以和<bold> 或 <italic> 及你已所使用的结合在一起,因此你可以得到一个巨大的,粗体的,斜体的和加下划线的文本。 有些标签是不修饰文本的,不过他们是向Body主体中加入一些东西,如一条线。就像你有一张表格的内容和一段故事,输出一条线,可以将页中的某一部分明显的划分出来。 想在你需要的地方输出一条线,用<hr>就可以了。例如: <html> <head> <title>A line!</title> </head> <body BGCOLOR="black" text="white"> <p>Section1 <hr> <p>(被分开了) Section 2 </body> </html> HTML 语言指南 – 第 4章 图像 没有图像或图形的页算不上是页。图像给一个网页整体的轮廓,姑且不去说图像对该页的氛围烘托怎样。图像是很简单的。任何图像必须是JPEG 和 GIF格式中的一种。在页中放一副图像,这儿有个例子: <html> <head> <title>Graphics!</title> <body BACKGROUND=""> <p>This page has graphics! <p><img src=""> <p><img src=""> </body> </html> 图像的一些规则: #1. 当链接到任一URL (正如 , 你必须要有 , 除非图片在你 的网站服务器上。如果它是一张在本地主机上的图片(在你自己的服务器上),链接可以是puppy.gif or kitty.jpg. #2. 网页图形的通常主要格式是GIF and JPG. 某些浏览器(像IE)也支持BMP格式, 还有一些新的浏览器仅支持 PNG格式, 但是可以肯定, 使用GIF 或JPG格式是最保险的 。 #3. 图片可以用一些方式进行格式化。两个文本标签:<p> 和 <center>.可以格式化一张图片。如果你想在新的一行上放一张图片,或使它居中,可以用<p>或 <center> 来做。 如果你想根据某图做一张拇指大的预览图<img src> 标签有几个选项可以用来改变图片的大小。例如:格式是: <img src="" height="pixelnumber" width="pixelnumber>. #4. 图片必须上传到服务器上,因为在你电脑上的图片并不意味着每个人都能看到。图片必须在网页服务器上,否则只有你可以看到图片。 HTML 语言指南- 第5章 页的链接 如果想拥有多个页面或者链接到你最喜欢的其中一个网站,你只要在页面中放置一个链接即可。链接是很容易做的:<a href="">Click here to go!</a> 在<a href> 标签和 </a> 标签之间的任何东西都成为一个链接。当你单击某一链接,将会转到相应的页面。这里有几个例子: <p><a href="">Yahoo!</a> <p><a href="~mach8>Cool page!</a> 注意:在<a href>的地址部分, 如果在你的网页目录中有一张myhobbies.html网页,你可以这样做 <a href="hobbies.html">My Hobbies!</a> 像<a href="">Yahoo?</a> 这样就不能链接成功。与第四章链接图片一样,你用图片也可以链接到站点: <p><a href=""><img src="apicture.gif"> 有些浏览器自动在链接的图像四周加个边框。若不需要边框,可以在<img>标签里输入border=0 HTML 语言指南 – 第六章 表 格 在作图片或文本表达时,用表格是很有效的措施。表格能够精细的组织好表单数据。表格在你所想的地方形成一个方框并且能分成很多较小的部分—叫单元格。 启用一张表格,先用标签<table>开头。<table>声明了一些关于表格的属性。这些属性在标签选项使用时已定义好了。举个例子, <table width=4 height=3 cellspacing=4 cellpadding=5 border=3> 在表格中,如果它的HTML代码限定了小的正方形,那么在表格中的单元格是正方形的 注意: 单元格的大小已经在表格里定义完成。如果你用 "Hi!" 单元格会更小。若你写全整个表格,代码会有点长。 Width 表示表格有多少个单元格那样宽;Height 表示表格有多少个单元格那样高。 Cellspacing 表示单元格之间的间隔; cell padding 表示间隔的厚度 Border表示边框的宽度 ,Border=0 表示没有边框。现在你要绘制单元格了。这是很容易的事。 在新的一行上绘制多个单元格,用网页设计html代码翻译<tr>标签。绘制一个单元格用标签<td>。当一行完成后,要用</tr>。当单元格完成后,用</td>。行数和单元格数应该和表格的 height 与width.保持一致。 例子: <html> <head> <title>Tables!</title> </head> <body BGCOLOR="black" text="white"> <table border=3 height=2 width=2> <tr> <td>Cell1</td> <td>Cell2</td> </tr> <tr> <td>Cell3></td> <td>Cell4</td> </tr> </table> </body> </html> HTML 语言指南- 第七章 表单和按钮 交互性依赖于友好地能交互和输入。输入表单和按钮,表单和按钮允许你在页面上提出你的问题,如果你很出且熟悉公共网关接口,出谁的公共网关接口在使用你的表单并在你自己的页面上运行程序。从现在起,我们要做基本的,因为任何高级语言都包括了CGI-任何一门不同的编程语言需要另外指南….你不必马上深入其中。 表单的初始标签是<form>。<Form>有一些定义表单的属性。现在你将会学习2个属性-Action和 Method。 像其它标签一样,定义表单某个属性,用<form action="option" method=option>。 Action 是表单要调用程序所在的地址,Action 主要是用于CGI, 但也有另一用处-的注释。表单的行为可以是发送到一个链接中的邮件地址。 因此<form action="mailto:">。 Method 表示表单是获取还是提交信息。Get实际上是对CGI而言的,因此你想输出的就用 post. 在</form>之前,你必须用<input>标签输出你所需要填充的表单数据项。表单输入有几种类型。每种输入类型都有相应的一个实例。每种输入都有自己的属性。如下例所示: 所有的表单输入类型都有name属性。在name下列出了所有信息,这样CGI能依靠它进行工作,看它和什么类型匹配, 像 "Name", "Address","FavFood." Text 文本框- 通常是一行文本输入 <input name="test" type=text size=50 max=80 value="Default text"> Size :该文本框可以显示的字符数 Max : 超过size 个字符,一行最多能容纳的字符数 Value :默认文本 如有要求可以省略 Password –严格地说和Text一样, 只不过输入时对用户来说以掩码“*”表示 Textarea(文本域) – 大的文本输入框, 可以用于表单注释或评论 <input type=textarea name="test2" cols=50 rows=50> Cols :文本框可以输入多少列文本 Rows :文本框可以输入多少行文本 Submit –将表单发送给 action所指的程序处理 <input type=submit name=submit value="Send now!"> 单击按钮时,Submit使得以value 值显示的按钮激活表单并执行在<form>中定义的行为。 Reset – 清除所有的数据,和submit一样,只不过清除了在<form>标签里的所有输入. Radio – 产生一列单选按钮,在众多的选项中你只能选择一个 <input type=radio name="gender" value="F">Female 要定义一个radio单选按钮的集合,也就是在该集合中仅有一个被选择,给每个单选按钮相同的 name,而value不同。 Checkbox – 产生一个回答是/不是的提问的复选框 <input type=checkbox name="moreinfo" value="yes" checked> Hidden – 发表者事先确定好的文本,发表时不需请求用户 <input type=hidden name="totalsalessofar" value="54.50"> Hidden常和CGI一起使用 HTML 语言指南 – 第 8 章 假如用户有个兼容的浏览器,可能会做一个链接让他们直接从你的网页上给你或其他人发邮件。不支持的的浏览器是很少的。你使用的可能是Netscape 或 MSIE,可是基于 web 浏览器 (Lynx)的文本也支持邮件 寄邮件 (在简单的表单里,你会学会如何加入表单e-mailing) 是个链接标签。如果你记性好的话,链接标签的格式如下: <a href="http:">Click here!</a>. 而一个e-mail 连接标签稍微有点不同,它的格式是这样的: <a href=mailto:>Click here to e-mail me!</a> 例如: <a href=mailto:>Pete's E-mail</a> 正如第五章所说的,一副图像也同样可以链接到一个e-mail地址 例如: <a href=mailto: > <img src=""></a> 如果有人单击该链接,将会打开他们的邮件程序发送到你所注释的邮件地址中。 HTML 语言指南- 第9章 框 架 框架是html的特征之一。它是html创建在浏览器里的极小一部分。框架间是相关的,就像在浏览器主窗口内的个体窗口。框架常用来分割开页面中的一部分用作菜单栏、广告及其它。 为创建一套框架,你可以用框架标签:<frameset> 在框架集中的某些属性是用来定义框架的宽度和高度的,而不是说明框架的个数。到你想要结束该标签时,你将会用结束框架标签</frameset> 最后注意::<frameset>的位置放在<body>标签前面,在框架集标签结束后,在主体部分中的“任何不支持框架的信息”都显示给浏览者。让我们来分析一个例子: <html> <head> <title>My Page</title> </head> <frameset columns="20,*"> <frame src="child1.html" name="leftside"> <frame src="child2.html" name="rightside"> </frameset> <body> Your browser is way to old! Get a new one! </body> </html> 框架集格式如下:存在2个属性:行和列。这是设置框架中的行数和列数。这两个属性可以按照这样的格式进行设置:rows="number, number/*" columns="number, number/*"。它们可以在同一框架集中使用。每个表达式可以有任意多个数字。例如,rows="10,10,10,10,*"的设置将会有4小行和 一个大行。*表示剩余的。因此columns="50,10,*" ,将有个大列,一小列,一超大列 说明:在同一框架集中,你最好不用行和列,这会让你感到糊涂。 如果你有能力,可以尝试一下一 个框架集中嵌套另一框架集,这样你就可以使用行和列了 。框架自身也是按序定义的。因此第一个框架是一小列和第二列是较大。在框架集后,框架是按次序进行定义。在上例中,定义了2列,一列小到只有20%,另一列(记住*是剩余的)是80%。因为100% - 20% = 80%是肯定的。框架标签是用来声明框架和框架中的特殊选项,比如 如何表示没有栏或框架大小不能更改。 框架属性/选项: src – 这是你想放在框架中的html 页 。拿 <frame src="menu.html"> 作为例。 name –这是个关键字用来定义一个框架。假如说你有个菜单框架,并且想要单击菜单上的链接,就在主窗口(如果你设置了一个大的,就是大的那个)中打开你想要的页面。你完全可以在<a href>标签中输入target="framename" 那真的是很简单。 以 <frame name="main">为例 。 noresize – 这样设置以致框架的边框线不能被改变。以<frame noresize> 为例 。 scrolling – 框架有滚动条吗?如果Netscape浏览器自动地滚动标题栏或者你想让某些东西保持静止,这时你想去掉滚动条。以<frame scrolling=yes/no/auto> 为例。 Auto :表示浏览器将根据它的最佳判断力来决定框架是否需要滚动。 border :组成框架的线条要多宽? 用无形的线条使得页面看起来美观些,因为看起来页面是一致的,但你可以更好地利用菜单系统,并且在相邻的菜单间你也可以有2个不同的背景。 marginwidth – 输入文字与框架间隔的宽度 marginheight –输入文字与框架间隔的高度 以 <frame marginwidth="5"> 为例。 在<frame>标签完成后,接下来就是</frameset>标签,用</frameset>标签结束框架语法。放在<body>标签里的所有东西,被看作是旧版本浏览器的文本。比如,有的人在Lynx (一个 Unix/Linux 文本网页浏览器)或 Netscape 1.0(一个不支持框架的很旧版本的Netscape)输入你的网页,接着,他们所看到的是一张空白网页。但是看到像:“本网页使用了框架,请更新浏览器”的信息,他们会明白你的页面并非空白,而是使用了他们不能访问的框架。你甚至可以以文字形式输出你主页的版本,以致所有人不顾浏览器都可以访问你的站点(做了一件很理想的事)。 学生签名 (可添页) 2004年 2 月 17日 指导教师审阅意见: 1、 翻译外文专业文章2篇,数量及质量达标; 2、 英语功底较深厚,翻译稿语句较通顺,语法运用基本得当,翻译较准确; 3、 本专业基础扎实,因此对原文的专业内容阅读能力较强,理解能力较好。 指导教师签名 2004年 2 月 28 日 | ||||||||||||||||||
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论