1、网页技术概览

Myth丶恋晨 2022-06-18 11:41 431阅读 0赞

## 网页技术概览 ##

网页制作技术发展到现在，已经成为一项综合性很强的技术。它可以简单到只使用HTML做静态，单向的展示页面，也可以包含各种层出不穷的新技术，例如CSS，DHTML，XML，客户端脚本和服务器端脚本以及WEB组件等。

另外，为了梅花页面，图象，动画的制作和处理技术也很重要。下面简要介绍网页制作中常用的主要技术。

### 1.1超文本标记语言(HTML) ###

HTML(Hyper Text Markup Language)中文翻译为 超文本标记语言，HTML语法是学习网页制作的重要基础，因为不论学习动态还是静态网页制作，都应该懂得怎样运用HTML撰写网页源代码。

HTML语言是在文本文件中加入一系列标记(tag)和指令(directive)形成的。这些标记和指令说明了Web页面的各种元素的显示方式。使用HTML编写的网页文件也是标准的纯文本文件，其文件扩展名通常为”html”或”htm”。大多数文本编辑工具如记事本或专用的可视化网页编辑工具如Dreanweaver都可以用来编辑或处理HTML文件。

HTML标准由国际组织WWW联盟(World Wide Web Consortium ，简称W3C)制定和维护，有关更详细的HTML信息可以参考W3C的网站(http://www.w3.org/)

### 1.2脚本语言(JavaScript与VBScript) ###

HTML是一种标记语言，不像一般的程序语言具备流程控制，条件分支，输入输出互动等能力。为了使Web网页具备与使用者互动的能力，开发了各种内嵌在HTML中的脚本语言(Scripting Language)。

脚本语言语法比程序语言要简单，无须编译，可以经过浏览器解释执行。浏览器就是脚本语言运行的一个环境。目前JavaScript和VBScript是最常用的两种网页脚本语言。

#### 1 JavaScript ####

JavaScript是一种脚本语言，语法比较简单，不需编译，但只能将其代码嵌入到网页的HTML代码中，在浏览器中解释执行；Java是一个完整的面向对象程序设计语言，语法较复杂，需要编译，链接后才能执行。

由于JavaScript简单易用，常被用来作为网页用户界面的前端处理，例如网页日期时间的显示，表单数据的正确性检验等，不但可加强网页的交互性，另一方面又可减轻服务器的工作负担，一举数得。

#### 2 VBScript ####

VBScript是由VB演化而来的，但是VBScript是一种描述式语言，无需编译，必须附属在HTML中执行，而VB却是程序语言，编写的程序需要经过编译后才能运行。

由于VBScript简单易用，因此和JavaScript一样经常被用来作为网页脚本语言使用。更重要的是VBScript在ASP中作为服务器端的脚本语言，得到了广泛的应用。

目前，客户端脚本是以应用JavaScript为主，而VBScript主要用在服务器端脚本中。

### 1.3层叠样式表(CSS)和动态HTML ###

1 CSS(Cascading Style Sheets)

在HTML中，我们使用各种标记对显示的文本和图象进行控制，但对HTML总体上的控制却很有限。例如不能在屏幕上精确定位图象的位置等，使用CSS，这些问题就可迎刃而解。

使用CSS实现了将格式和结构分离，使我们能够对页面的布局施加更多的控制，而HTML代码仍可以保持简单明了。

使用CSS技术，可以将整个网站所使用的样式保存在一个CSS文件中，如将站点的所有网页都使用这个CSS文件控制格式，那么只要修改这个CSS文件，就可以改变整个网站中所有网页的外观，可以更快更容易地维护及更新大量的网页。

CSS代码有很好的兼容性，只要是可以识别CSS的浏览器就可以应用它.

2 DHTML（Dynamic HTML）

DHTML是能够控制网页中各个HTML元素使之发生变化的动态技术。例如，当鼠标移动到某段文字上时能弹出一个快捷菜单等。DHTML实际上是综合了HTML，CSS和JavaScript这3种技术，利用层技术实现网页元素的重叠和隐藏，使用JavaScript脚本实现对页面的控制。

3 动态网页技术

静态网页只有文字，图形，图象等，用户只能被动地接受这些信息，而不能接收和处理用户提交的信息，更不能按照用户的要求生成包含特定信息的网页，在应用上受到很大的限制。

动态网页与DHTML是不同的概念。DHTML仅使用客户端脚本，有时也称为动态网页技术，这里的”动态”是指网页上动态的文字和图象，具有动态的界面效果；通常说的动态网页，就是Web服务器能够通过HTML表单收集用户的信息，用户也可以通过网页获得自己想要的信息，一般采用数据库技术，实现网页的界面和内容的分离，并使得网站内容的更新和维护非常方便。它有服务器端的程序支持，例如CGI，ASP，PHP或JSP等。

### 1.4可扩展标记语言(XML) ###

由于网络发展十分迅速，加上HTML在应用上碰到了一些瓶颈，如欠缺可扩展性与结构性，促使了可扩展标记语言XML(eXtendable Markup Language)的诞生。

XML与HTML相比至少有以下几个重要的差异：

1 XML文件可以自定义标记(Tags)和属性(Attribute)，HTML则不能。

2 XML关心的是信息的保存方式，而HTML关心的是信息在浏览器中显示的效果

3 XML文件可以有选择性地利用DTD(Document Type Definition)或XML纲要(XML Schema)来确认文件的有效性，HTML则不可以。

### 1.5几种编写动态网页的语言 ###

#### 1 CGI ####

CGI(Common Gateway Interface)的中文译名是“公用网关接口“，它是用于Web服务器和外部应用程序之间信息交互的标准接口。即CGI仅是在WWW服务器上可执行的程序代码，其工作就是接受用户的请求，产生用户所需的信息，传输给客户端的浏览器。

可以用任何一种拥护熟悉的高级语言(如C，C++，VB，Perl等)来编写CGI程序。CGI技术编程和调试比较困难，对开发者的要求比较高。同时它与数据库连接方面没有一个公用的标准，而 Internet上数据库的使用是非常多的。这样就使得ASP技术应运而生了。

#### 2 ASP ####

ASP是Active Server Pages的缩写，中文译名是“动态服务器页面”，它是Microsoft公司推出的用以取代CGI的技术，通过ASP可以结合HTML网页，ASP指令和ActiveX组件建立动态，交互，高效的Web服务器应用程序。