1.2　了解網頁與網站

在網絡發達的現代社會，人們通過計算機、手機等各類手段在網上沖浪。大部分人在上網時都會打開網站，瀏覽網頁。那么到底什么叫網頁，什么是網站呢？下面就一起來了解網頁和網站的概念。

1.2.1　網頁

1．概念

網頁是一個包含HTML標簽的文本文件，構成網頁的元素有文字、圖片、表格、聲音、動畫等。在查看網頁源文件時會發現，網頁內容只有文字沒有任何圖片、動畫等，那為什么我們在瀏覽網頁時又能看到圖片、動畫這些多媒體信息呢？實際網頁通過各式各樣的標記對頁面上的文字、圖片、動畫、聲音等元素進行描述（例如字體、顏色、大小、圖片的位置等），而瀏覽器則對這些標記進行解釋并生成頁面，最后得到在瀏覽器中所看到的頁面。網頁文件中并沒有真正地存放有圖片、動畫等非文字素材，存放的只是圖片、動畫等的鏈接位置，圖片、動畫等多媒體文件與網頁文件是互相獨立存放的，甚至可以不在同一臺計算機上。

網頁就類似活頁筆記本中的一頁，每一頁記載的內容是有限的，為了能展示更多的信息就會制作很多的網頁，網頁和網頁之間用超鏈接的方式關聯起來。

網頁修改和編輯可以用記事本也可以用專門的網頁編輯軟件（如Dreamweaver等），查看網頁效果則是通過瀏覽器來實現的。

2．分類

網頁分為靜態網頁和動態網頁兩類。

1）靜態網頁

靜態網頁其內容是預先確定的，通常是純HTML格式的網頁文件，文件擴展名是.htm、.html、.xml等。靜態網頁是網站建設的基礎，早期的網站一般都是由靜態網頁制作的，存儲在Web服務器或者本地計算機／服務器中。靜態網頁相對更新起來比較麻煩，適用于一般更新較少的展示型網站。靜態網頁是相對于動態網頁而言，是指沒有后臺數據庫、不含程序和不可交互的網頁，網頁內容可以包含文本、圖像、聲音、Flash動畫、客戶端腳本和ActiveX控件及Java小程序等。出現各種動態的效果，如GIF格式的動畫、Flash動畫、滾動字幕等，但沒有后臺數據庫的網頁仍然是靜態網頁。

靜態網頁的特點是：制作簡單，瀏覽速度快。內容相對穩定，通常由文本和圖像組成，用于制作一些固定版式的頁面或者子頁面的內容介紹。靜態網頁沒有數據庫的支持不容易修改，更新比較費時費事，在網站制作和維護方面工作量較大，因此當網站信息量很大時完全依靠靜態網頁制作方式比較困難。由于靜態網頁相對比較簡單，因此對服務器性能要求較低，但對存儲壓力相對較大。

2）動態網頁

動態網頁是基本的HTML語法規范與Java、VB、VC等高級程序設計語言、數據庫編程等多種技術的融合，以期實現對網站內容和風格的高效、動態和交互式的管理。因此，從這個意義上來講，凡是結合了HTML以外的高級程序設計語言和數據庫技術進行的網頁編程技術生成的網頁都是動態網頁。采用動態網頁技術的網站可以實現更多的功能，如用戶注冊、用戶登錄、在線調查、用戶管理、訂單管理等。

所謂動態是指跟靜態網頁相對的一種網頁編程技術。靜態網頁隨著HTML代碼的生成，頁面的內容和顯示效果就基本上不會發生變化了，除非修改了頁面代碼，網頁的內容才會變化。而動態網頁則不然，頁面代碼雖然沒有變，但是顯示的內容卻是可以隨著時間、環境或者數據庫操作的結果而發生改變的。需要注意的是，網頁是否有動態效果并不能決定網頁是否為動態網頁，能與后臺數據庫進行交互、數據傳遞的，常以.aspx、.asp、.jsp、.php、.perl、.cgi等作為文件后綴名的才是動態網頁。例如百度的首頁、淘寶的首頁等就是常見的動態網頁。

在制作網頁時可以根據需要選擇動態網頁或者是靜態網頁，如果只是通過網頁來發布一些不需要修改的信息，如公告之類的，可制作為靜態網頁。如果需要實現搜索、登錄等交互式功能的網頁則需要通過動態技術來完成，也就是要制作動態網頁，并且需要數據庫支持。網站可以采用動態網頁和靜態網頁相結合的方式來制作不同需要的網頁。

本書重點講解靜態網頁的設計與制作。

1.2.2　網站

網站就是由多個相關的展示特定內容的網頁組合在一起的集合。網站就類似一個活頁筆記本，里面有很多網頁，每一個網頁都記載有不同的內容，可以刪除無效的網頁，也可以向網站中添加新的網頁，網頁和網頁之間通過超鏈接來跳轉。

網站由域名、網站空間、程序、模板等元素組成。在瀏覽器里輸入域名地址打開網站時所看到的第一個網頁叫作首頁或者主頁。首頁就像網站的大門，往往會被編輯得易于了解該網站，并引導用戶瀏覽網站其他部分的內容。這部分內容一般被認為是一個目錄性質，網站有些什么內容，是否更新，都可以通過首頁來告訴用戶。通常作為首頁的文件名是index、default、main或portal加上擴展名，如常見的靜態網站首頁名為index.html。

按照網站主體性質的不同分為個人網站、政府網站、企業類網站、商業網站、教育科研機構類網站、其他非盈利機構網站等。