网页制作六六顺|第一讲:磨刀不误砍柴功

网页基本概念

编辑先生来信,说您想学网页制作,希望我能给讲讲。嗯,网页制作,是个好话题!Internet发展到今天,WWW已经占有主导地位,从一种非常专门的技术迅速成为大众的日常工具,从而使网页制作演变成许多人迫切希望掌握的技能。

既然想学网页制作,那您就要有信心!不论是学什么的,不论您是干什么的,只要掌握一些基本概念和基本方法,主要的工作都在内容设计上。本讲座希望通过较小的篇幅和精炼的语言,带领您迅速走进网页制作的殿堂。讲座全文共分六讲、每讲五六个话题,称它为“网页制作六六顺”,祝福您一切顺利。


既然您想学网页制作,想必网页已经见得不少了!肯定是已经用浏览器满世界转悠了不少地方,觉得人家弄得不错,眼馋得不行,一心也想自己玩玩网页制作。不过,看戏和演戏差距不小,为了在WWW上“演戏”而不只是“看戏”,我们还是从有关网页的一些基本概念开始吧。

一、Web的概念

网页是存在于Web之上的,为了搞清网页的概念,我们先来谈谈Web。那么,究竟什么是Web呢?

Web,全称为World Wide Web,缩写为WWW,中译为“万维网”。但什么是Web,目前尚无公认的准确定义。

简单地说,Web是一种体系结构,通过它可以访问遍布于Internet主机上的链接文档。这一说法可以分解为以下几层意思:

1. Web是Internet提供的一种服务。Web是基于Internet、采用Internet协议的一种体系结构,因而它可以访问Internet的每一个角落。

2. Web是存储在全世界Internet计算机中、数量巨大的文档的集合。或者说,Web是世界上最大的电子信息仓库。

3. Web上海量的信息是由彼此关联的文档组成的,这些文档称为主页(Home Page)或网页(Page),它是一种超文本(Hypertext)信息,而使其连接在一起的是超链接(Hyperlink)。由于超文本的特性,用户可以看到文本、图形、视频、音频等多媒体信息,这些媒体称为超媒体(Hypermedia)。

4. Web的内容保存在Web站点(Web服务器)中,用户可通过浏览器(Browser)访问Web站点。因此,Web是一种基于客户机/服务器(Client/Server,简称C/S)的体系结构,由于它的广泛使用,现在这种体系结构可以称作浏览器/服务器(Browser/Server,简称B/S)结构。也就是说,Web实际上是一种全球性通信系统,该系统通过Internet使计算机相互传送基于超媒体的数据信息。

5. Web以一些简单的方式(例如点击鼠标即可去往超链接、浏览器通常是标准的应用程序、网页基本上与平台无关等)联接全球范围的超媒体信息。因此,它易于使用和普及,基于Web开发各种应用易于实现跨平台、开发成本也较低,而且基于Web的应用常常几乎不需要培训用户。

二、Web的基本技术

嗯,上面的内容是枯燥了一点!这回我们从您那儿说起。您要浏览Web,您会打开电脑,启动浏览器程序(多半是Netscape或者IE啦),在浏览器里指定一个地址(称为URL),您的浏览器便向该URL所指向的Web服务器发出请求,如下图所示。

接下来,Web服务器接到浏览器的请求后,把URL转换成网页所在服务器上的文件路径名。如果URL指向的是普通网页(HTML文档),Web服务器直接将它送给浏览器。HTML文档中可能包含有Java、JavaScript、ActiveX、VBScript等编写的applet和script,服务器也将其随HTML一道传送到浏览器,在浏览器所在的机器上执行。

如果HTML文档中嵌有CGI程序,Web服务器就运行CGI程序,并将结果传送至浏览器。Web服务器运行CGI程序时还可能需要调用数据库服务器和其他服务器。

URL也可以指向VRML文档。只要浏览器中配置有VRML插件,或者客户机主机上已安装VRML浏览器,就可以接收Web服务器发送的VRML文档。

没想到吧?您在浏览器给一个地址,您就看到了您要的网页,而后面的过程却如此复杂!是的,上述过程涉及到Web的许多技术,其中包括:

  • 服务器技术。主要指Web服务器建构有关的基本技术,包括服务器策略与结构的设计、服务器软硬件的选择及其他有关服务器建构的问题。
  • HTML技术。HTML是Hypertext Markup Language(超文本标记语言)的缩写,它是构成Web网页(Page)的主要工具。
  • CGI技术。CGI(Common Gateway Interface,公共网关接口)是Web动态网页的基础,也是Web与其他应用交流的基础。例如,为了向用户提供查询服务,Web网页就需要通过CGI与数据库服务器进行沟通。
  • Java技术。利用Java可以创建applet,使之从服务器下载到浏览器,并在客户端的机器上运行,或者创建servlet,在服务器端执行后将生成的HTML文档传送到浏览器。Java可提供动画、音频和音乐等多媒体服务,并能产生原本只有CGI才能实现的功能。
  • JavaScript技术。JavaScript是由Netscape开发的一种解释语言,它可以直接插入到HTML文档中。它具有Java的许多特性,但比Java更为简单有效,而且不需要编译。
  • ActiveX技术和VBScript技术。ActiveX是Microsoft的Internet战略的中心环节,它本质上是OLE技术在Web上的应用。VBScript则是ActiveX的脚本功能。虽然ActiveX和VBScript很难具有平台无关等Web固有特性,但Microsoft的力量是不可忽视的。
  • VRML技术。VRML是Virtual Reality Modeling Language(虚拟现实造型语言)的缩写。VRML是创建三维对象最重要的工具,它能将Web静态带入动态、由二维走向三维,将用户带入五彩缤纷的拟实世界。

对不起!我一下子提出这么多概念,也许您都有点糊涂了。别急,我们现在聊的是网页制作,虽然的确涉及到很多技术,但作为第一步,您主要还是掌握HTML就行了。HTML不难的啦!您慢慢就会看到的。

三、网页相关概念

您可能早就知道了,网页其实就是Web服务器发送给您、在您的浏览器显示的HTML文档。不错!Web是由巨大的、遍及全球的电子文档组成的,这些文档通常就简称为网页(page)。每个网页都可以由一个或多个超文本文档组成,其中包含指向其他网页的超链接。

一个网站通常包含大量网页,这些网页的首页称作主页(Home Page),它是用户用浏览器进行浏览时默认看到的第一个网页。

Web表述(Web Presentation)是包含许多连接在一起的、用于表达某一目的的网页的总称。它是Web网页的体系结构。在设计Web网页时,首先应该有一个通盘考虑,将Web这种体系结构规划得更合理,使其结构化,便于将来进一步设计和扩展。

网页是HTML文档,而HTML文档使用超文本(HyperText)技术,即将信息根据需要链接起来的信息管理技术。简单地说,超文本仍然是一种普通的文本文件,它通过标记(Tag)等手段可嵌入链接、图形及多媒体信息。也就是说,超文本的“超”体现在它不仅能包含文本,而且可以包含图象、音频、视频等多媒体信息,即将文本的概念扩充为超文本。因此,超文本也称超媒体(Hypermedia)。

链接(link)是超文本的灵魂,它定义了超文本的结构。正如您所知道的,在浏览器显示的超文本中,链接表现为带下划线的彩色字符串或图案。如果链接被访问过,显示颜色将改变,以便提醒用户。链接的颜色还可通过HMTL参数来改变。

在HTML中,通过HREF锚点执行的链接称为超链接(Hyperlink)。不过,在大多数情况下并没有严格区分链接与超链接,网页中的链接都可叫做超链接。

四、浏览器与服务器

通过数年的发展和竞争,目前人们使用的浏览器程序主要是Netscape Navigator(通常简称Netscape)和Microsoft Internet Explorer(简称IE或MSIE),但Mosaic、Opera、Lynx、HotJava、MacWeb及WorldView等浏览器也仍然拥有不少用户。通常情况下这些浏览器是标准程序,但在某些情况下,网页制作中需要考虑到不同浏览器程序的差异。

与浏览器比较,Web服务器程序更多。最常用的服务器包括:NCSA Server, CERN Server, Netscape Enterprise Server, WebSite, IIS, MacHTTP等。如果您希望在入门后对网页制作理解比较深入,就必须对相关的Web服务器及有关技术加深了解。

浏览器与服务器之间按照HTTP协议(HyperText Transfer Protocol)工作。HTTP协议是TCP/IP协议族的一员,属应用层协议。限于篇幅,这里不详细介绍HTTP协议,有兴趣的读者可参考拙著《Web技术大全》或其他文献。

五、URL

在网页中,URL(Uniform Resource Locator,统一资源定位符)是一个非常重要的概念。简单地说,就象指定计算机里的一个文件要说明它位于哪台计算机的哪个目录一样,URL是指定Internet资源的一种快捷方法,它通过定义资源的抽象标识来定位网络资源,从而对其进行访问、更新、替换、查找等操作。

例如,您在浏览器中指定一个URL为http://www.yourname.com/good/g.html, 就是指定:按照HTTP协议找到域名为www.yourname.com的机器,从其服务器的/good目录中获得文件g.html。

一般说来,一个URL由两部分组成,两部分之间用冒号隔开,冒号之间是方案名,冒号之后是与方案有关的字符串。对于Internet,方案名是Internet协议名,如ftp、http、mailto等,而冒号后的部分根据不同协议有所不同,但对于大部分协议,其基本格式为(其中某些部分可以省略):

//username:password@host:port/url-path

其中username和password为用户名和密码,host为主机名,port为端口,url-path为路径名。

因此,对于HTTP协议,HTTP URL的一般格式可以写作(?后是检索串):

http://host:port/path?searchpart

有时可以使用部分URL。例如,如果主机名和端口没有变化,指定同一台主机、同一端口的文件,只指定目录名和文件名即可。从这里也可以看出,URL事实上是指定目录和文件的扩充方式。

六、MIME

MIME(Multi-purpose Internet Mail Extension,多功能Internet邮件扩展)是网页制作中涉及到的又一个重要概念。它原本为电子邮件设计,是将文本信息进行扩充的标准方法。在Web中已广泛采用MIME标准。

理解MIME主要是理解MIME类型。MIME类型是对媒体类型的全面定义,其标准格式是:type/subtype。其中type是text、image、audio、video、application、multipart和message几种数据类型之一,subtype则指定数据格式的特定信息。以下是一些MIME类型及其指定的信息内容:

text/plain: 纯文本
text/html: HTML文件
image/gif: GIF图像
image/jpeg: JPEG图像
video/mpeg: MPEG压缩视频格式
video/quicktime: QuickTime视频格式

OK,不要不耐烦啦!后排打瞌睡的醒醒啦!为了节约时间,我们稀里哗啦一次把网页制作的重要基本概念叨咕一遍,下面就要开始正式的网页制作啦!

X

类似文章

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注