1.1 網頁的基本概念

因特網的廣泛應用，使得人們對網絡并不陌生，每天有無數的信息在網絡上傳播，網頁則是上網的主要依托，那么什么是網頁，什么又是網站呢？在學習制作網頁之前，先來了解網頁的基本概念。

1.1.1 網頁與網站

簡單地說，網頁就是用戶訪問某個網站時看到的頁面。網頁是構成網站的基本元素，是承載各種網站應用的平臺。

1．網頁

網頁是一個文件，存放在世界上某個角落的某一部計算機中，而這部計算機必須是與互聯網相連的。網頁經由網址（URL）來識別與存取，當用戶在瀏覽器中輸入網址后，經過一段復雜而又快速的程序，網頁文件就被傳送到用戶的計算機，然后再通過瀏覽器解釋網頁的內容，再展示到用戶的眼前。

網頁是萬維網中的一“頁”，通常是HTML格式（文件擴展名為．html或．htm）。網頁要透過網頁瀏覽器來閱讀，用來顯示各種信息，同時也可以做一定的交互。

網頁顯示在特定的環境中，具有一定的尺寸，在網頁中可以看到顯示的各種內容。

2．網站

網站是具有獨立域名、獨立存放空間的內容集合，這些內容可能是網頁，也可能是程序或其他文件。網站可以看做是一系列文檔的組合，這些文檔通過各種鏈接關聯起來，可能擁有相似的屬性，如描述相關的主體、采用相似的設計或實現相同的目的等，也可能只是毫無意義的鏈接。利用瀏覽器，就可以從一個文檔跳轉到另一個文檔，實現對整個網站的瀏覽。

根據不同的標準可將網站分為不同的類別。根據網站的用途分類，可分為門戶網站（綜合網站）、行業網站、娛樂網站等；根據網站的功能分類，可分為單一網站（企業網站）、多功能網站（網絡商城）等。根據網站所用編程語言分類，可分為asp網站、php網站、jsp網站、Asp. Net網站等；根據網站的持有者分類，可分為個人網站、商業網站、政府網站等。

從名稱上理解，網站就是計算機網絡上的一個站點，網頁是站點中所包含的內容，網頁可以是站點的一部分，也可以獨立存在。一個站點通常由多個欄目構成，包含個人或機構用戶需要在網站上展示的基本信息頁面，同時還包括有關的數據庫等。當用戶通過IP地址或域名登錄一個站點時，展現在瀏覽者面前的是該網站的主頁。

1.1.2 靜態網頁與動態網頁

根據網頁是否含有程序代碼，可以將網頁簡單地劃分為靜態網頁和動態網頁，下面將進行詳細介紹。

1．靜態網頁

在網站設計中，純粹HTML格式的網頁通常被稱為“靜態網頁”，早期的網站一般都是由靜態網頁制作的。靜態網頁是相對于動態網頁而言，是指沒有后臺數據庫、不含程序并不可交互的網頁。設計者編的是什么它顯示的就是什么，不會有任何改變。靜態網頁相對更新起來比較麻煩，適用于一般更新較少的展示型網站。靜態網頁的網址形式通常以htm結尾，或者以．htm、.html、.shtml、.xml等為后綴的。在HTML格式的網頁上，也可以設計出各種動態的效果，如．GIF格式的動畫、FLASH和滾動字母等，這些“動態效果”只是視覺上的，與動態網頁是不同的概念，如圖1-1所示。靜態網頁的特點如下：

◆ 靜態網頁的每個頁面都有一個固定的URL。

◆ 靜態網頁的內容相對穩定，因此容易被搜索引擎檢索。

◆ 靜態網頁沒有數據庫的支持，當網站信息量很大時，依靠靜態網頁的制作方式比較困難。

◆ 靜態網頁交互性比較差，在功能方面有較大的限制。

瀏覽器“閱讀”靜態網頁的執行過程較為簡單，如圖1-2所示。首先瀏覽器向網絡中的Web服務器發出請求，指向某一個普通網頁。Web服務器接受請求信號后，將該網頁傳回瀏覽器，此時傳送的只是文本文件。瀏覽器接到Web服務器送來的信號后開始解讀html標簽，然后進行轉換，將結果顯示出來。

2．動態網頁

這里說的動態網頁與網頁上的各種動畫、滾動字幕等視覺上的“動態效果”沒有直接關系，動態網頁也可以是純文字內容的，也可以是包含各種動畫的內容，這些只是網頁具體內容的表現形式，無論網頁是否具有動態效果，采用動態網站技術生成的網頁都稱為動態網頁。

應用程序服務器讀取網頁上的代碼，根據代碼中的指令形成發給客戶端的網頁，然后將代碼從網頁上去掉，得到一個靜態網頁的結果。應用程序服務器將該網頁傳遞回Web服務器，然后再由Web服務器將該網頁傳回瀏覽器，當該網頁到達客戶端時，瀏覽器得到的內容格式即為HTML格式，如圖1-3所示。

動態網頁的網址一般以．aspx、.asp、.jsp、.php、.perl、.cgi等形式為后綴，并且包含一個標志性的符號——“?”。如圖1-4所示為動態網頁頁面。

動態網頁的主要特點如下：

◆ 動態網頁沒有固定的URL。

◆ 動態網頁以數據庫技術為基礎，可以大大降低網站維護的工作量。

◆ 采用動態網頁技術的網站可以實現更多的功能，如用戶注冊、用戶登錄、用戶管理、在線調查等。

◆ 動態網頁實際上并不是獨立存在于服務器上的網頁文件，只有當用戶請求時服務器才返回一個完整的網頁。