1.1 動態網站技術
根據網站的工作方式，網站分為靜態網站和動態網站。現在的網站大多是動態網站。下面具體講解一下動態網站的構成和所應用的技術。
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所示。
圖1.2 HTML技術
2.CSS
CSS的英文全稱是Cascading Style Sheets，中文含義即“層疊樣式表”。它的作用是對網頁上的內容進行控制修飾。這里仍以【示例1-1】為例，講解CSS在其中所發揮的作用，如圖1.3所示。
圖1.3 CSS技術
圖1.3中的背景框就是先在HTML中定義好要顯示的內容，再讓CSS進行控制修飾，被設置為寬300px，高50px，藍色背景，字體為紅色。這些是怎么實現的，讀者也不必深究，這里只做一個了解即可，想了解更加深入的關于CSS的知識，請讀者參考CSS相關書籍。
3.JavaScript
JavaScript是一種腳本語言，在網頁技術中被設計用來向HTML頁面添加動態交互的效果。JavaScript是前臺語言，不需要運行在服務器上，通常直接嵌入到HTML中。這里我們也以示例1-1為例，講解JavaScript在其中所發揮的作用，如圖1.4所示。
圖1.4 JavaScript技術
圖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 PHP技術
圖1.5的date.php文件用于獲取服務器的當前時間，然后服務器把date.php文件中的PHP代碼解析成HTML代碼發送到客戶端，由客戶端解析顯示出來。
2.數據庫
數據庫可以理解為網站存放數據的一個倉庫。現在比較流行的數據庫有MySQL、SQL Server、Oracle數據庫等。數據庫里面存放著網站的很多數據。網站可以通過編程語言對數據庫進行數據的增加、刪除、修改等操作。在本書中我們學習的是常和PHP一起使用的MySQL數據庫。