了解Web的相关知识

一、WWW基础

WWW（world wide web，万维网）是Internet上基于客户端/服务器体系结构的分布式多平台的超文本超媒体信息服务系统。它利用超文本（hypertext）、超媒体（hypermedia）等技术，用户通过浏览器可以方便地检索远程服务器上的文本、图片、声音以及视频文件。

从WWW中信息的组织、显示和浏览方式看，WWW具有以下特点：

（1）WWW是一种超文本链接信息系统

所谓超文本，就是按照人脑的联想思维方式非线性地组织、管理信息的一种技术。它使得文本的组织形式不再像普通的是一样是固定的、线性的，而是可以从一个位置任意地跳转到另外的位置，从而可以获得更多的信息和主题。想要了解某个主题的内容，只要单击这个主题，就可以跳转到包含这一主题的文档上。对于这种多连接性，人们称之为WWW。

（2）WWW是图形用户界面

WWW流行的一个很重要的原因在于它可以在同一个网页上同时显示色彩丰富的图形和文本的性能，WWW具有将图形、音频和视频信息结合于一体的特性。在WWW之前，Internet上的信息为纯文本形式。

（3）WWW与系统平台无关

在Windows及UNIX等其他操作系统平台上都可以访问WWW。对WWW的访问是通过浏览器（browser）应用软件实现的。例如，比较流行的浏览器有Netscape的Navigator、Microsoft的Internet Explorer等。

（4）WWW是分布式的

大量的图形、音视频信息会占用大量的磁盘空间，人们甚至无法预知信息到底有多少。对于Web来说，没必要把所有信息放在一起，信息可以放在不同的站点上，只需要在浏览器中指明这个站点即可，这使得在物理上不再一个站点的信息，从逻辑上看是一体的。

（5）WWW采用动态网页

网站上的信息存储在发布它的站点上，因此发布这些信息的人随时可以更新这些信息的内容。每一个网站的后台，都有大量的工作人员时刻在更新站点的信息内容。这种动态的、随时更新的信息传播方式，使得Web网站的存在变得非常有价值。

（6）WWW采用交互式的浏览方式

在WWW上信息传递是双向的。用户并非只是被动接收媒体传递过来的信息，而是对所要看的信息有充分的选择权。一方面，用户可以根据自己的爱好和兴趣选择浏览对象，链接到不同的网页上；另一方面，在从服务器上获取信息的同时，用户也可以传递信息给服务器或其他信息用户。

二、网页

网页（web page）是按照网页文档规范编写的一个或多个文件，它可以在WWW上传输，并被浏览器翻译成页面显示出来。网页一般由一个超文本文件及相关的图形和脚本文件组成，这些文件被保存在特定计算机的特定目录中。几乎所有的网页都包含链接，可以方便地跳转其他相关网页或者相关网站。网页通常以网页文件及其附属文件的形式存在。网页文件是WWW的基础文档，通常是用HTML设计的。其他网页元素，如图像、声音等都是以独立文件形式存在的，通过在网页中设置一些链接形成引用关系。

三、网站

网站（web site）是一组相关网页以及相关的文件、脚本和数据库等内容的有机集合，即若干不同网页文件经过规划组织后彼此相连而形成完整结构的信息服务体系。

网页是网站的基本信息单元。网站通过WWW上的HTTP服务器提供服务。网站上的网页集合以及其他文件的入口页或起始页称为主页（home page）。

WWW由众多网站组成。网站被存放在某台计算机上，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，URL指明了特定的计算机和路径名，用户通过它可对信息资源进行访问。当用户在浏览器上输入网址后，在HTTP协议下将资源在节点间传输，网页文件会被传送到用户计算机中，再通过浏览器解释网页的内容，并展示给用户。

四、网页基本元素

构成网页的常见元素主要有文本、图形、超链接、动画、音乐、表单等等。

1、文本

网页中大多数的信息主要以文本方式显示。文本不像图片那样可以直接而快速地吸引浏览者注意，但是它能够准确地表达信息的内容和含义。

为了克服文字固有的缺点，可在网页中对文本设置更过的属性，如字体、字号、颜色、底纹和边框等，通过不同格式的区别，突出显示重要的文本内容。此外，用户可以在网页中设计各种文字列表，对文字内容进行合理的组织和定位，清晰表达一系列的项目。

2、图片

图片是实现网页图文并茂的主要手段。根据网页的整体布局和设计风格，合理插入一些图片或动画，将会使网页更加丰富多彩、形象生动。

由于受到网络带宽的限制，在网页上使用的图像文件都是一些压缩文件，常用的文件格式包括GIF、JPEG、PNG等格式以及矢量格式，其中最常用的是GIF和JPEG格式。

3、超链接

超链接技术是WWW流行起来的重要原因，它是实现超文本的主要方式。超链接在WWW中实现“跳转”功能，其方式有三种：在同一个网页中跳转到不同点；在同一个网站中，从一个网页跳转到另一个网页中；从一个网站中的某个网页跳转到另一个网站的网页。

超链接的热点通常是文本、图片或者图片中的某个区域，也可以是一些不可见的程序脚本。网页中，带下划线的文字通常是已经建立了超链接的文本。

4、动画

为了是网页看起来更生动活泼，也能更高效得吸引浏览者的注意，网站可以采用动画的形式增加吸引力。网页中的动画主要有GIF动画和Flash动画，其中GIF动画有256中颜色，主要用于简单动画和图标。

5、声音和视频

声音是多媒体网页的一个重要组成部分。网页中添加声音要考虑多方面的问题，包括用途、格式、文件大小、声音品质和浏览器差别等。不同浏览器对于声音文件的处理方式不同，彼此之间可能不兼容。用于网络的声音文件格式非常多，常用的有MIDI、WAV、MP3、RM等，其中MIDI、WAV等格式文件在浏览器中不需要特俗插件也可以播放，但是MP3、RM等格式文件则需要专门的浏览器播放。

视频文件格式也很多，常见的有RealPlay、MPEG、AVI和DivX等，视频文件的使用可以让网页变得精彩而有动感。

6、导航栏

导航栏用于引导浏览者游历网站。实际上，导航栏就是一组超链接，这组超链接的目的就是本站点的主页以及其他重要网页。一般可以为网站设计一个导航栏来帮助浏览者方便快捷地转向网站中人们所关注的网页内容。

一般来说，导航栏应该放置在比较显著的位置上，如网站首页的顶部或一侧。导航栏可以设计成文本链接，也可以设计成图片按钮。

7、表格

表格主要用于控制网页中信息的布局方式，主要作用表现在：一方面使用行和列的形式来布局文本和图像以及其他的列表数据；另一方面可以使用表格来精确控制各种网页元素在网页中出现的位置。

8、表单

表单通常用来接收用户在浏览器端的输入，然后将这些用户信息发送到网页设计者设置的目标端。这个目标文件可以是文本文件、Web页、电子邮件，也可以是服务器端的应用程序。表单一般用来收集联系信息，接收用户要求，获得反馈意见，比如登录、注册会员等。

表单根据功能和处理方式的不同，可以分为用户反馈意见、留言薄表单、搜索表单和用户注册表单等。

9、网页特效

网页特效可使网页呈现出各种特殊的动态效果，使网页更加活泼，表现力更强。最常见的网页特效有跟随移动的文字或图像、自动弹出窗口等。目前常用的实现网页特效的脚本语言有JavaScript、VBScript等。

10、网页交互元素

网页交互元素是实现用户浏览器端与WWW服务器端进行信息交互的主要手段。常用的交互元素有用户注册或登录、信息搜索、网上购物、在线聊天等。目前，网页交互功能是通过ASP、JSP等结合ADO实现的。

五、网页制作的编程语言

网页设计涉及的技术多种多样，根据网页要表达的内容不同，应用的技术也不一样。

1、静态网页编程语言

所谓静态网页，是指网页内容不会随着浏览者的不同或浏览时间等的不同而变化，要改变网页的内容，必须由设计者在设计状态下改变。常用的静态网页设计脚本语言包括HTML、XML和CSS等。

（1）超文本置标语言

超文本置标语言（hypertext markup language，HTML）是网页设计的基础，是初学者必须学习的内容。虽然现在有很多所见即所得的网页编辑工具，但了解HTML的语法还是很有必要的，因为HTML可以更加精准地控制页面元素的布局，可以实现更多的功能。

HTML是表示网页的一种规范，它通过标记符定义了网页元素的显示格式。在本本文件的基础上，增加了一系列描述文本格式、颜色等的标记符，再加上声音、动画甚至视频等，使网页可以形成更加精彩的画面。另外，HTML是一种发展迅速、功能强大的一种语言，它以简单精炼的语法和极强的通用性，使网页设计者能够充分发挥才能，将丰富多样的信息以多样的形式展现在人们面前。

HTML的工作原理是当用户通过浏览器浏览网上信息时，服务器会将相关的HTML文件传送到浏览器上，浏览器按顺序读取HTML文档，然后解释HTML标记符，并显示为网页内容的相应格式。其实也就是一个转化的过程，HTML的标记符作为一种协商好的标记符号。

（2）可扩展置标语言

可扩展置标语言（extensible markup language，XML）可以很方便地对结构化数据进行描述，它允许用户定义自己地标记符，提供了一个直接处理Web数据地通用方法，具有广阔地应用前景，对传统的网页设计将有较大地帮助。

XML是一种类似于HTML的、用来描述数据的语言，而HTML是关于如何显示数据的语言。在HTML中所有的标记符和文档结构都是预先定义好的，用户只能使用这些标准的HTML标记符，而XML允许用户定义自己的标记符和自己的文档结构，因此XML是可扩展的。另外，XML不是HTML的一种替换产品，将来网页设计的趋势将是由网站的开发者使用过XML来描述网站所需的数据和网站结构，而用HTML格式化显示这些数据。

良好的数据存储格式、可扩展性、高度结构化、便于网络传输是XML的四个主要特点，这些特征使得XML在电子商务、出版、厂商等领域中发挥作用。

（3）层叠样式表

层叠样式表（cascading style sheet，CSS）技术是一种格式化网页的标准方式，它是HTML功能的扩展，使网页设计者能够以更有效的方式设计出更具有表现力的网页。它的主要特征如下：

对文本的格式进行精确控制
在文件中实现格式的自动更新
对现有的标记格式进行重新定义
自行将某些格式组合定义为新的样式
将格式信息定义于文件之外

2、网页特效脚本语言

应用HTML或网页制作软件设计的网页是静态的，而静态网页的缺陷是网页内容对浏览者来说是固定不变的，网页的显示效果缺乏活力。因此，在网页中添加动态效果就显得非常必要。常用的网页特效脚本语言有JavaScript和VBScript等。

（1）JavaScript

JavaScript是一种基于对象的、动态的、跨平台的、具有简单性和安全性的脚本语言。JavaScript的出现弥补了HTML的缺陷，其基本结构类似于C/C++语言，但在程序运行时无需编译。它可以直接对客户输入作出响应，而不经过服务器端程序。JavaScript虽然简单，但是功能十分强大，主要表现在：制作网页特效、实现表单数据客户端的校验、窗口动态操作。

（2）VBScript

VBScript是Visual Basic的一个子集，其编程方式和Visual Basic基本相同，但是在使用时将受到某些限制，如变量类型和作用范围受到限制，它只有一种数据类型，即Variant类型，而变量的作用范围只有两种，且VBScript变量不能使用Visual Basic中的某些内置函数。VBScript是目前用来实现ASP的只要脚本之一。

3、动态交互式网页编程语言

当用户在网上浏览信息时，常常需要与服务器进行某些互动，如输入查询关键字、注册或者登录电子邮件等，通常称包含这些内容的页面为动态交互式网页。常用的动态交互式网页技术有JSP、ASP等。

（1）JSP

JSP（Java Server Pages）技术是用Java语言作为脚本语言的，JSP网页作为整个服务器端的Java库单元提供了一个接口来服务于HTTP的应用程序。

JSP技术为创建显示动态生成内容的Web页面提供了一个简洁而快速的方法。JSP技术的设计目的是使得构建基于Web的应用程序更加容易和快捷，而这些应用程序能够与各种Web服务器、应用程序、浏览器和开发工具共同工作。

JSP为创建高度动态的Web应用提供了一个独特的开发环境。JSP能够使用市场85%的服务器产品。JSP和ASP技术都提供在HTML代码中混合某种程序代码，由语言引擎解释执行程序代码的能力。在ASP或JSP环境下，HTML代码主要负责描述信息的显示样式，而程序代码则用来描述处理逻辑。普通的HTML页面只依赖于Web服务器，而ASP和JSP页面需要附加语言引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到HTML代码中，然后一起发送给浏览器。

（2）ASP

活动服务器网页（Activity Server Page，ASP）是目前最流行的开发式的Web服务器的应用程序开发技术。他将脚本、超文本和强大的数据库访问功能结合在一起，并提供众多的服务端组建扩充ASP的功能。它支持客户端脚本和服务端脚本，一般使用VBScript作为默认的脚本语言。ASP程序的写法容易理解，与网页紧密结合。

六、网页制作相关的软件

（1）Dreamweaver

（2）FrontPage

（3）Fireworks

（4）Photoshop

（5）Flash