1.1　網頁概述

為了能夠使網頁制作初學者對網頁設計有一個宏觀的認識，在講解設計制作網頁前，首先介紹網頁設計的基礎知識。

1.1.1　網頁的類型

靜態網頁是指，采用傳統的HTML編寫的網頁，其文件擴展名一般為.htm、.html、.shtml、.xml等。靜態網頁并不是指網頁中的元素都是靜止不動的，而是指瀏覽器與服務器端不發生交互的網頁，但是網頁中可能會包含GIF動畫、鼠標經過圖像、Flash動畫等。如圖1-1所示為靜態的內容展示網頁。

靜態網頁特點如下。

·　網頁內容不會發生變化，除非網頁設計者修改了網頁的內容。

·　不能實現與瀏覽者之間的交互。信息流向是單向的，即從服務器到瀏覽器。服務器不能根據瀏覽者的選擇，調整返回給瀏覽者的內容。

動態網頁是指，網頁中包含程序代碼，通過后臺數據庫與Web服務器的信息交互，由后臺數據庫提供實時數據更新和數據查詢服務。這種網頁文件的后綴一般根據不同的設計語言而不同，如.asp、.jsp、.php、.perl、.cgi等形式為擴展名。如圖1-2所示為動態留言網頁。

動態網頁的制作比較復雜，需要用到ASP、PHP、JSP和ASP.NET等專門的動態網頁設計語言。

動態網頁的一般特點如下。

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

·　采用動態網頁技術的網站可以實現更多的功能，如用戶注冊、用戶登錄、搜索查詢、用戶管理、訂單管理等。

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

·　采用動態網頁的網站在進行搜索引擎推廣時，需要做一定的技術處理才能適應搜索引擎的要求。

1.1.2　常見網站類型

網站是多個網頁的集合，目前沒有一個嚴格的網站分類方法。將網站按照主體性質不同，可分為門戶網站、電子商務網站、娛樂網站、游戲網站、時尚網站和個人網站等。

1. 個人網站

個人網站包括博客、個人論壇、個人主頁等。個人網站就是“站長”的心情驛站，有的是為了擁有共同愛好的朋友進行交流而創建的網站，也有的只是為了自我宣傳的簡歷型網站，如圖1-3所示。

2. 電子商務網站

電子商務網站為瀏覽者搭建起一個網絡平臺，瀏覽者和潛在客戶在這個平臺上可以進行整個交易／交流流程，電子商務型網站業務更依賴于互聯網，是公開的信息倉庫。

所謂“電子商務”是指，利用當代計算機、網絡通信等技術實現各種商務活動的信息化、數字化、無紙化和國際化。狹義上講，電子商務就是電子貿易，主要指利用網絡進行電子交易、買賣產品和提供服務，如圖1-4所示為當當購物網站；廣義上講，電子商務還包括企業內部的商務活動，如生產、管理、財務以及企業之間的商務活動等。

通過電子商務可實現如下目標。

·　能夠使商家通過網絡銷售“賣”向全世界，能夠使消費者足不出戶“買”遍全世界。

·　可以實現在線銷售、在線購物、在線支付，使商家和企業及時跟蹤顧客的購物趨勢。

·　商家和企業可以利用電子商務，在網上廣泛傳播自己的獨特形象。

·　商家和企業可以利用電子商務，同合作伙伴保持密切的聯系，改善合作關系。

·　可以為顧客提供及時的技術支持和技術服務，降低服務成本。

·　可以促使商家和企業之間的信息交流，及時得到各種信息，保證決策的科學性和及時性。

3. 娛樂游戲類網站

網絡游戲是當今比較熱門的行業，許多門戶網站也專門增加了游戲頻道。網絡游戲的網站與傳統游戲的網站設計略有不同，一般情況下以矢量風格的卡通插圖為主體，色彩對比比較鮮明。漸變的背景色彩使頁面看起來十分明亮，少許立體感的游戲風格使頁面看起來十分可愛，帶有西方童話色彩的框架設計使網站看起來十分特別，如圖1-5所示。

4. 新聞資訊類網站

隨著網絡的發展，作為一種全新的媒體，新聞資訊類網站受到越來越多人的關注。它具有傳播速度快、傳播范圍廣、不受時間和空間限制等特點，因此，新聞資訊類網站得到了飛速的發展。新聞資訊類網站以其新聞傳播領域的豐富資源，逐漸成為繼傳統媒體之后的第四新聞媒體，如圖1-6所示。

5. 門戶類網站

門戶類網站是互聯網的“巨人”，它們擁有龐大的信息量和用戶資源，這是這類網站的優勢。門戶類網站將無數信息整合、分類，為瀏覽者打開方便之門，絕大多數網民通過門戶網站來尋找感興趣的信息資源，巨大的訪問量給這類網站帶來了無限的商機，如圖1-7所示。