1.1 动态网站技术

根据网站的工作方式，网站分为静态网站和动态网站。现在的网站大多是动态网站。下面具体讲解一下动态网站的构成和所应用的技术。

1.1.1 什么是动态网站

首先来了解一下动态网站的运行机制。首先，用户在地址栏中输入网址并提交。客户端获取网址，查找与该网址对应的服务器。服务器接受请求后，找到对应的网页文件，进行处理。然后，服务器将处理的结果返回给客户端。客户端将网页内容显示给用户，整个过程如图1.1所示。

其中，客户端可以是用户使用的计算机，也可以是手机。而服务器是管理网站资源并为用户提供服务的计算机软件，也可以称为后台。当接收到客户端发送过来的请求时，服务器会找到相应的文件用相应技术进行解析，将解析成的HTML代码返回给客户端。而客户端呈现出来的网页内容称为前台。

1.1.2 前台技术

从以上可以知道，浏览器所呈现出来的内容被称为网页的前台。网页的前台可以起到宣传、广而告之的作用。由浏览器呈现出来的网页界面一般是通过HTML、CSS、JavaScript技术所构成的。下面就来初步认识一下这3种主要的技术。

1.HTML

HTML的英文全称是Hyper Text Markup Language，中文含义即“超文本标记语言”。它是一种简单、通用的标记语言。简单地说，HTML其实就是要控制网页上内容的显示方式。

【示例1-1】这里我们拿一个提前写好的简单代码来展示一下。读者完全不必深究这些代码是怎么写的，这里只是做一个初步的认识。其中，第1处代码控制其内容显示在浏览器的标题栏中，第2处的代码控制其内容显示在浏览器的主要内容区域，如图1.2所示。

2.CSS

CSS的英文全称是Cascading Style Sheets，中文含义即“层叠样式表”。它的作用是对网页上的内容进行控制修饰。这里仍以【示例1-1】为例，讲解CSS在其中所发挥的作用，如图1.3所示。

图1.3中的背景框就是先在HTML中定义好要显示的内容，再让CSS进行控制修饰，被设置为宽300px，高50px，蓝色背景，字体为红色。这些是怎么实现的，读者也不必深究，这里只做一个了解即可，想了解更加深入的关于CSS的知识，请读者参考CSS相关书籍。

3.JavaScript

JavaScript是一种脚本语言，在网页技术中被设计用来向HTML页面添加动态交互的效果。JavaScript是前台语言，不需要运行在服务器上，通常直接嵌入到HTML中。这里我们也以示例1-1为例，讲解JavaScript在其中所发挥的作用，如图1.4所示。

图1.4就是将JavaScript代码直接嵌入到HTML中，要显示客户端的当前时间，所以直接获取当前的时间，由浏览器解析显示在页面中。

1.1.3 后台技术

网站的后台，就是用服务器端来处理客户端发送过来的请求。现在常用的网站后台技术有ASP、ASP.NET、JSP、PHP及与数据库的结合等。接下来我们主要了解一下PHP和数据库。

1.PHP

PHP的英文全称是：Hypertext Preprocessor，中文含义即“PHP超文本预处理程序”。PHP作为一种嵌入HTML的脚本语言，运行于服务器端。首先，服务器接受客户端的请求。然后，服务器处理和运行相应的源文件。最后，将处理结果发送给客户端，由客户端解析显示出来。整个流程如图1.5所示。

图1.5的date.php文件用于获取服务器的当前时间，然后服务器把date.php文件中的PHP代码解析成HTML代码发送到客户端，由客户端解析显示出来。

2.数据库

数据库可以理解为网站存放数据的一个仓库。现在比较流行的数据库有MySQL、SQL Server、Oracle数据库等。数据库里面存放着网站的很多数据。网站可以通过编程语言对数据库进行数据的增加、删除、修改等操作。在本书中我们学习的是常和PHP一起使用的MySQL数据库。