基本的Web技术IWord格式文档下载.docx
- 文档编号:3612459
- 上传时间:2023-05-02
- 格式:DOCX
- 页数:17
- 大小:25KB
基本的Web技术IWord格式文档下载.docx
《基本的Web技术IWord格式文档下载.docx》由会员分享,可在线阅读,更多相关《基本的Web技术IWord格式文档下载.docx(17页珍藏版)》请在冰点文库上搜索。
另一种定义:
Web是一种体系结构,是一种基于Internet、采用Internet协议的体系结构。
它包含如下几层意思:
(1)Web是Internet提供的一种服务。
(2)Web是存储在全世界Internet计算机中、数量巨大的文档的集合。
(3)Web上的海量信息是由彼此关联的文档组成的。
这些文档称为主页(HomePage)或页面(Page).。
(4)Web的内容保存在Web站点(Web服务器)中,用户可通过浏览器(Browser)访问Web站点。
浏览器软件是不是Web的组成部分?
5.Web文档
上面我们给Web作了定义,里面涉及到Web文档这个词,那么什么是Web文档呢?
“文档”这个词指的是可被Web服务器传递的信息。
“文档”可以是传统上的Text、Image,也可以是非文本对象,如Sound、Movie等多种数据类型,可以共存于一个文档中。
Web这个词的由来应是它使用链接links将信息捆到一起。
一个Web文档可以包含指向任何其它文档的链,所以Hyperlink/Anchor是Web文档的另一个重要特征。
“Ameshofdocumenttiedbyaactivelinks”被称为“Hypertext”。
Hypertext是一种非线性的文本,出现的时间比Web要早得多,可以追溯到1945年,由VannevarBush提出的概念,但它不是应用到计算机上。
第一个Hypertext系统的实现是在1960年,由DouglasEngelbart实现的。
Web可以说是Hypertext技术在Internet上的应用。
Hypermedia技术是1987年由美国BROWN大学将Hypertext技术应用到Apple的Hypercards系统中而产生的,实际上是Hypertext与Multimedia技术的结合。
链接不仅局限于传统的Text,还可以包括Image、Sound、Movie。
6.Web文档的分类
从Web文档生成的时间来看,Web文档可以分为以下三类:
●静态文档
●动态文档
●活动文档
二、HTTP、URL、MIME
1.HTTP(HypertextTransferProtocol)概念及规则(请求与应答格式)
HTTP是Web的核心,Web浏览器与服务器之间的通讯使用的协议就是HTTP(Berners-Lee,FieldingandFrystyk1995)
从协议的角度来看,Web是“站”在TCP/IP之上的,是TCP/IP的一个应用。
Internet的核心是TCP/IP,Web是“standsontheshouldesofgiants”
.(图)
从TCP/IP来看,Web(HTTP)和TELNET、FTP、GOPHER、WAIS等没有什么区别。
HTTP按照客户/服务器的模式工作,支持客户(一般是浏览器)与服务器间的通信,相互传送数据。
那么我们先分析一下浏览器与服务器的工作过程——从一次“Click”到一张WebPage
(1)浏览器用URL查询DNS,DNS返回IP地址;
(2)浏览器用这个IP地址建立一次TCP/IP连接;
(3)浏览器通过该连接向服务器发一HTTP请求;
(4)基于该请求的内容,服务器找到相应的文件,并根据文件的扩展名,形成一个MIME类型的HTTP回答消息,发送验给浏览器,服务器关闭本次连接。
(5)根据消息头,浏览器按某种方式显示该文件内容,如果本文有<
…SRC=URL>
之类,浏览器将随时发也新的请求(可能对不同的服务器),以获得有关内容。
在这个工作过程中,步骤
(2)-(4)是HTTP的一次操作,有时也称为HTTP的一次事务(transaction).
HTTP规则定义了客户和服务器之间请求与应答的格式。
下面我们作一下介绍。
●HTTP请求由以下四个部分组成:
--方法:
指定对所请求对象的操作;
--URI:
UNIVERSALRESOURCEIDENTIFIER标识所请求的对象;
--协议版本号;
--(可选)其它信息,用来补充或修改请求。
下面我们给出一个HTTP请求示例
GET/Funny/silly.htmlHTTP/1.0
User-agent:
NCSAMosaic
If-Modified-Since:
SAT,23AUG199711:
01:
31AM
Accept:
text/plain
text/html
application/postscripts
image/gif
其中,第一行是方法、URL和HTTP版本号;
第二行标识浏览器的类型是NCSAMOSAIC;
第三行指示接收指定日期和时间以后做过修改的对象;
下面几行指示浏览器可以接收的信息类型。
上面的例子中我们用到了HTTP请求的GET方法下面我们作进一步介绍。
HTTP请求的方法:
GET返回所指对象
HEAD 返回关于对象的信息,例如它已存的时间等
POST将某种信息送给服务器/对象
PUT用一个新拷贝对象替换
DELETE删除对象
比较常用的方法是GET和POST方法。
●HTTP回答由以下四个部分组成:
--状态行:
版本号、状态码、解释
--关于返回内容的描述:
MIME类型、长度等
--空行
--返回内容
下面给出一个HTTP回答的示例
HTTP/1.0Status200Documentfollows
Server:
NCSA/1.4
Date:
Tue,4Jul,1996,1917:
05GMT
Content-type:
Content-length:
5280
Last-modified:
Wed,1Jan199601:
00:
02GMT
(blankline)
Thecontentsofdocumentrequested
其中,第一行显示了HTTP版本号,请求是成功的,并将返回信息;
第二行标识服务器软件是NCSA/1.4;
第三行指示了请求的日期和时间;
第四行指示文档类型是text/html;
第五行指示文档长度是5280bytes;
第六行指示文档的最后修改时间;
空行
请求的文档。
从HTTP的应答信息,我们可以看出,实际上,Web服务器(软件)“很简单”!
,它体现在以下四个方面:
●它不懂HTML(浏览器必须懂!
)
●它对web文件的内容一概不关心(除后面要讲到的特殊情况外SSI技术)
●它也不知道是否有别的文件指向它所管辖的文件
●它也不知道自己所给出的文件MIME类型正确与否
需要注意的是,对于页面中的每幅图像(包括图标、图形、照片等),浏览器都必须与相关服务器建立一次TCP连接,获取图像,然后释放连接,这也就是我们所讲的HTTP的无状态性(stateless)。
当一个页面中包括大量图像且图像都处于同一服务器上时,对每幅图像都进行建立、使用和释放连接“三部曲”时,效率如何?
事实上,下一代HTTP协议(HTTP-NG)正在考虑协议的效率问题。
关于HTTP-NG,可访问http:
//www.w3.org/pub/www/Protocal/HTTP-NG
下面我们对HTTP-NG作一些讨论:
Web的持续增长依赖于Internet上可以利用的简单而强有力的信息交换机制,能够满足一套完整的要求,同时又要保留简单的设计,也就是说,在简单的基础上建立复杂的特征。
虽然,HTTP/1.1克服了HTTP/1.0的许多不足,但它并没有改变改协议的本质。
主要是HTTP/1.1要考虑与HTTP/1.0的兼容性,但我们HTTP-NG,要彻底摆脱这种束缚,可以接决下列需求问题:
●SimplicityattheCore
●DistributedExtensibility
●GlobalScalability
●NetworkEfficiency
●TransportFlexibility
方案要点(SolutionOutline:
TheThreeLayersofHTTP-NG)
●MessageTransport
●RemoteInvocation
●TheWebApplication
2.URL(UniformResourceLocator)
随着Internet特别是Web的迅速发展,其信息资源也急剧膨胀。
如何在浩如烟海的信息海洋里定位一个资源,这个资源应包括服务器及其上面存在的信息,已显得尤为重要。
统一资源定位符(URL)便是其中的一种解决方案。
URL通过定义资源位置的抽象标识来定位网络资源。
资源被定位后,便可对其进行各种操作,例如访问、更新、替换、查找属性。
总体来说,URL可按下列格式书写:
<
scheme>
:
<
scheme-specific-part>
其中,<
指所用的URL方案名。
意义的解释与所用方案有关。
方案名由字符组成,可包括字母(a-z)、数字(0-9)、加号(+)、句点(.)和连词符(-),字母大小写是不分的。
对于Internet,<
指的是Internet协议名,主要包括:
http,ftp,gopher,mailto,new,nntp,telnet,wais,file等,以后还会不断扩充。
HTTPURL方案用于表示可通过HTTP协议进行访问的Internet资源。
HTTPURL的格式如下:
http:
//<
host>
port>
/<
path>
?
searchpart>
和<
按标准格式,:
如果省略,默认端口值为80。
为HTTP选择器,而<
为查询字符串,它们都是可选的,如果这两项不存在,则主机或端口后的斜杠也应该省略。
3.MIME(MultipurposeInternetMailExtension)-----Web多媒体在浏览器方的展现
我们知道,浏览器能够将Web文档正确地显示成如文档编写者所设计的样子,包括各种媒体(text,image,movieetc.)的展现。
那么,你有没有想到这样一个事实,浏览器事先对文档的内容一无所知,但它为什么能够做到如此呢?
下面我们加以探讨。
可能的做法之一,让文档的编写者在文档头部给出描述。
实际上,Web的设计比这稍微进了一步。
让Web服务器根据文件的扩展名来给出文档类型的宏观描述。
这种描述借用了MIME标准。
MIME是一个开放的多语言、多媒体电子邮件标准,为了满足用户在不同的软件平台和硬件平台的信息交换而制订。
它规定了不同数据类型的名字。
Web仅用到它的一个子集。
MIME的一个重要特点是对媒体类型进行了全面定义。
MIME的头标格式:
type/subtype
其中:
type表示数据类型,它是下列各项中的一项:
(1)Text
(2)Image
(3)Audio
(4)Video
(5)Application
(6)Multipart
(7)Message
subtype则指定所用格式的特定信息。
子类型前标有x-时表示试验子类型,尚未进入标准注册。
有关MIME类型和子类型的详细内容,
可访问ftp:
//ftp.isi.edu/in-notes/iana/assignments/media-types.
下面我们列出一些常用的文件的扩展名与MIME类型的对应关系:
扩展名内容说明MIME类型
.html,.htmHTML文档text/html
.txt 纯文本ASCIItext/plain
.psPostScriptapplication/postscript
.au音频(Audio)audio/basic
.tiffTIFF图象image/tiff
.gifGIF图象image/gif
.jpeg JPEG图象image/jpeg
.mpegMPEG视频video/mpeg
.wrl,.vrml,VRML三维场景x-world/x-vrml
服务器通常支持上述这种对应关系的设置。
三、Web文档的编写-HTML语言及动态页面技术(SSI,Cookie,ServerPush,ClientPull)
1、HTML(HypertextMarkupLanguage)
HTML是创建Web文档的基本技术,它是一种描述性标记语言,用来创建与系统平台无关的文档。
HTML文档是纯文本文件,扩展名为.html或.htm,可用任何文本编辑器编写,它允许在纯文本中嵌入一些标记(tag),以指导应用程序(通常是浏览器)如何对文本进行操作。
HTML是由TimBerners-lee与同事DannielW.Connolly与1990年创立的。
2、Cookie(曲奇饼干)
是从服务器发给浏览器的一种特殊形式的信息,浏览器不是将这些信息显示出来,而是记录在客户机的一个特定文件中,可以实现服务器和浏览器之间的某种持续的关系。
3、ServerPush
Web服务器可以向浏览器返回一个“回答序列”,序列中的每个元素可以看作是一个独立的HTML文本,在浏览器方一个接一个显示,从而造成一种动态效果。
这种序列使用一种特殊的MIME类型,multipart/mixed,或multipart/x-mixed-replaced,来说明。
值得注意的是,HTTP连接一直在保持着,直到服务器知道自己已结束发送数据并发送一个结束信号,或者客户端中断连接。
适合小文件,短时间间隔,例如小图像的动画。
4、ClientPull
服务器可以通过CGI脚本返回一种类型为“Refresh”的HTTP应答,或者在HTML文本中的<
HEAD>
部分用<
META......>
标记模拟这种应答,从而是浏览器每隔一定时间自动发出一次新的网页请求。
例、<
HTML>
METAHTTP-EQUIV=”Refresh”CONTENT=5>
TITLE>
DemoClientPullTechnology<
/TITLE>
/HEAD>
BODY>
P>
Insertyourtextorgraphicshere
/BODY>
/HTML>
这将引起浏览器每隔5秒重新下载一次该网页。
这里,比较有意义的是META标记中用一个URL属性,从而使浏览器可以通过本网页去自动取另一个网页。
如果另一个网页中也用这种技术,浏览器方可以实现一种动态效果。
例如,在doc1.html中有
......
METAHTTP-EQUIV=“Refresh”CONTENT=30;
URL=http:
//.../doc2.html”>
而在doc2.html中有
//.../doc1.html”>
则这两张网页将每隔30秒交替出现。
上面的META标记相当于HTTP回答中有
Refresh:
30;
URL=http:
//.../doc1.html”
的效果。
值得注意的是,ClientPull,连接每次要重新申请,适合大文件,长间隔,例如股票行情更新。
5、SSI(ServerSideInclude)
SSI技术使服务器能够在网页中插入数据。
这样的网页通常以.shtml作为扩展名,对应的MIME类型text/x-server-parsed-html。
四、如何利用HTML创建Webpage
(1)ThegeneralframeworkofaHTMLdocumentasfollows:
.
!
DOCTYPE>
html>
head>
title>
......
/title>
/head>
body>
/body>
/html>
(2)Anexample
HereisanexampleofaHTMLdocument:
DOCTYPEHTMLPUBLIC"
-//W3C//DTDHTML4.0//EN"
>
MyfirstHTMLdocument<
Helloworld!
AnHTMLdocumentisdividedintoaheadsection(here,between<
and<
)andabody(here,between<
).Thetitleofthedocumentappearsinthehead(alongwithotherinformationaboutthedocument),andthecontentofthedocumentappearsinthebody.Thebodyinthisexamplecontainsjustoneparagraph,markedupwith<
.
ThenwediscusshowtomakeyourWebpagemoreattractive.
---Addingheadingsandparagraphs
Hereishowtoaddanimportantheading:
h1>
Animportantheading<
/h1>
Ifyouwanttoviewtheeffect,pleaseclickhere.
andhereisaslightlylessimportantheading:
h2>
Aslightlylessimportantheading<
/h2>
Eachparagraphyouwriteshouldstartwitha<
p>
tag.The<
/p>
isoptional,unliketheendtagsforelementslikeheadings.Forexample:
Thisisthefirstparagraph.<
Thisisthesecondparagraph.<
---Addingabitofemphasis
Youcanemphasiseoneormorewordswiththe<
em>
tag,forinstance:
Thisisareally<
interesting<
/em>
topic!
---Addinginteresttoyourpageswithimages
ImagescanbeusedtomakeyourWebpagesdistinctiveandgreatlyhelptogetyourmessageacross.Thesimplewaytoaddanimageisusingthe<
img>
tag.Let'
sassumeyouhaveanimagefilecalled"
peter.jpeg"
inthesamefolder/directoryasyourHTMLfile.Itis200pixelswideby150pixelshigh.
imgsrc="
cs.gif"
width="
500"
height="
88"
>
Thewidthandheightaren'
tstrictlynecessarybuthelptospeedthedisplayofyourWebpage.Somethingisstillmissing!
Peoplewhocan'
tseetheimageneedad
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基本 Web 技术