1.1 網頁基本概念的介紹

要制作出精美的網頁，不僅要熟練使用網頁設計軟件，還要掌握一些與網頁相關的基本概念和知識。

1.1.1 網頁的概念

網頁是在瀏覽因特網時看到的一個個畫面，網站則是一組相關網頁的合集。一個小型網站可能只包含幾個網頁，而一個大型網站可能包含了成千上萬個網頁。此外，打開某個網站時顯示的第一個網頁稱為該網站的主頁。

1.網站

網站（website）是因特網上一塊固定的面向全世界發布消息的地方，由域名（也就是網站地址）和網站空間構成，通常包括主頁和其他具有超鏈接文件的頁面。網站開始是指在因特網上根據一定的規則，使用HTML等工具制作的用于展示特定內容的相關網頁的集合。簡單地說，網站是一種通信媒介，人們可以通過網站來發布自己想要公開的信息，或者利用網站來提供相關的網絡服務，還可以通過網頁瀏覽器來訪問網站，獲取自己需要的信息或者享受網絡服務。

2.網頁

網頁（webpage）是網站中的一個頁面，可以存放在任何一臺連接到互聯網的計算機中。網頁一般由網址（URL）來識別與存取，當用戶在瀏覽器輸入網址后，經過一段復雜而又快速的程序，網頁文件會被傳送到用戶的計算機，然后瀏覽器會解釋網頁的內容，再展示到用戶的眼前。由于網頁是萬維網中的一頁，因此通常是HTML格式（擴展名為.html或.htm）的。網頁通常用圖像檔來提供圖畫，其中包括了各種各樣的文本、圖像和超鏈接。另外，網頁要通過網頁瀏覽器來閱讀。

在進行網頁設計時，還經常會遇到一些專業名詞，如域名、URL、站點、超鏈接、導航條、表單以及發布等，下面我們會陸續講到。

3.主頁

主頁是一個網頁集合的初始網頁，也是一個網站的起點站或者說主目錄。

首頁是當用戶打開瀏覽器時，自動打開的一個或多個網頁。首頁也可以指一個網站的入口網頁，即打開網站后看到的第一個頁面，大多數作為首頁的文件名是index、default、main或portal加上擴展名。

網站的主頁是一個文檔，當一個網站服務器收到一臺計算機上網絡瀏覽器的消息連結請求時，便會向這臺計算機發送這個文檔。當在瀏覽器的地址欄輸入域名，而未指向特定目錄或文件時，通常瀏覽器會打開網站的首頁。網站首頁往往會被編輯得讓瀏覽者易于了解該網站提供的信息，并引導互聯網用戶瀏覽網站其他部分的內容。這部分內容一般被認為是一個目錄性質的內容。圖1-1所示為360網的主頁。

1.1.2 網頁的分類

在網頁上單擊鼠標右鍵，在彈出的快捷菜單中選擇“查看源代碼”選項，如圖1-2所示。執行操作后，即可在新建的頁面中看到網頁的實際內容，如圖1-3所示。可以看到，網頁實際上只是一個純文本文件，它通過各式各樣的標記對頁面上的文字、圖片、表格以及聲音等元素（例如字體、顏色以及大小）進行描述，而瀏覽器則對這些標記進行解釋并生成頁面，于是就得到現在所看到的畫面。網頁還可以分為動態網頁和靜態網頁兩大類，下面將分別對其進行介紹。

1.靜態網頁

在網站設計中，純粹HTML格式的網頁通常被稱為靜態網頁，早期的網站一般都是由靜態網頁構成的。靜態網頁是相對于動態網頁而言的，是指沒有后臺數據庫、不含程序和不可交互的網頁。設計者編的是什么它顯示的就是什么，不會有任何改變。靜態網頁更新起來相對比較麻煩，適用于一般更新較少的展示型網站，如圖1-4所示。

靜態網頁的主要特點簡要歸納如下。

● 靜態網頁每個網頁都有一個固定的URL，且網頁文件以.htm、.html和.shtml等常見形式為后綴。

● 網頁內容一經發布到網站服務器上，無論是否有用戶訪問，每個靜態網頁的內容都是保存在網站服務器上的。也就是說，靜態網頁是實實在在保存在服務器上的文件，每個網頁都是一個獨立的文件。

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

● 靜態網頁沒有數據庫的支持，在網站制作和維護方面工作量較大，因此當網站信息量很大的時候，完全依靠靜態網頁制作方式比較困難。

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

2.動態網頁

動態網頁是與靜態網頁相對應的，也就是說動態網頁文件的后綴不是.htm、.html、.shtml以及.xml等靜態網頁的常見形式，而是.aspx、.asp、.sp、.php、.perl以及.cgi等形式，并且在動態網頁網址中有一個標志性的“?”。

這里說的動態網頁，與網頁上的各種動畫、滾動字幕等視覺上的動態效果沒有直接關系，動態網頁可以是純文字內容的，也可以是包含各種動畫的內容，這些只是網頁具體內容的表現形式，無論網頁是否具有動態效果，采用動態網站技術生成的網頁都稱為動態網頁。從網站用戶的角度來看，無論是動態網頁還是靜態網頁，都可以展示基本的文字和圖片信息，但從網站開發、管理以及維護的角度來看就有很大的差別。例如，優酷的主頁就是一個典型的動態網頁，每天都會進行大量的視頻數據更新，如圖1-5所示。

動態網頁的主要特點簡要歸納如下。

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

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

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

● 動態網頁中的？號對搜索引擎檢索會造成一定的影響，搜索引擎一般不可能從一個網站的數據庫中訪問全部網頁，或者出于技術方面的考慮，搜索之中不會去獲取網址中？號后面的內容，因此采用動態網頁的網站在進行搜索引擎推廣時需要做一定的技術處理才能適應搜索引擎的要求。

3.靜態網頁與動態網頁的區別

程序是否在服務器端運行，是區分動態網頁和靜態網頁的重要標志。在服務器端運行的程序、網頁和組件屬于動態網頁，它們會隨不同客戶以及不同時間返回不同的網頁，例如ASP、PHP、JSP、ASPnet以及CGI等。運行于客戶端的程序、網頁、插件和組件屬于靜態網頁，例如html頁、Flash、JavaScript以及VBScript等，它們是永遠不變的。

靜態網頁和動態網頁各有特點，網站采用動態網頁還是靜態網頁主要取決于網站的功能需求和網站內容的多少，如果網站功能比較簡單，內容更新量不是很大，采用純靜態網頁的方式會更簡單，反之一般要采用動態網頁技術來實現。

靜態網頁是網站建設的基礎，靜態網頁和動態網頁之間也并不矛盾，為了網站適應搜索引擎檢索的特點，即使采用動態網站技術，也可以將網頁內容轉化為靜態網頁發布。動態網站也可以采用靜動結合的原則，適合采用動態網頁的地方用動態網頁，如果有必要使用靜態網頁，則可以考慮用靜態網頁的方法來實現，在同一個網站上，動態網頁內容和靜態網頁內容同時存在也是很常見的事情。