網頁設計者在設計網頁時，要根據站點的性質和用戶的要求，實現不同的功能和表達不同的主題，從這個任務類別上可以將網站分為以下3類。

(1)資訊類網站
如新浪、網易、搜孤等門戶網站。這類網站一般會為用戶提供大量的信息，而且訪問量較大。因此，應對這些信息進行合理的分類，將頁面劃分為多個欄目，頁面結構要合理、美觀，便于用戶瀏覽。

(2)形象類網站
如一些中小型公司或單位的網站。這類網站一般較小，有的只有幾頁，需要實現的功能也比較簡單，網頁設計的主要任務是宣傳企業形象。對于這類網站來說，版式、色彩、動畫設計等是項目重點。

(3)資訊與形象相結合的網站
如大型公司或高校的網站。這類網站在設計上要求較高，既要考慮資訊類網站的各項指標，又要突出企業、單位的形象。根據網站功能的不同，也可以將其分為門戶類、資訊類、娛樂類、電子商務類、交易類、企業類、政府類、個人主頁類等類別。

網站欣賞實例：門戶類網站欣賞
門戶類網站主要是為上網用戶提供信息搜索、網站注冊、索引、網上導航、網上社區、個人郵箱等服務并進行分類、整合服務的站點。網站信息服務往往涵蓋多個領域，依托擁有海量用戶群體的優勢來盈利。

YAHOO是互聯網上最知名的公司之一，一直高居訪問流量之首，是互聯網上最大的門戶，也是一個垂直網站總匯。YAHOO致力于成為互聯網上最大的媒體，涉及的領域包括網絡門戶、電子商務、網絡通信等。提供的服務還包括拍賣、購物、開設網上商店、聊天等。YAHOO是一家全球性的互聯網通信、商貿及媒體公司，是全球第一家提供互聯網導航服務、主要以廣告為支撐的網站，廣告收人占公司收入的60%YAHOO，網站如下圖1-5所示。
YAHOO網站以淺藍色、紫色為主要色調，新業務欄會不時地變化相應的主題，并根據相應的主題來定制不同的顏色，使用戶總有新鮮的感覺。下面將對其進行詳細的介紹。

(1)框架結構一首頁
上、左中右、下結構是框架，確切地說是左中右結構。惰個網站的主要內容集中在中部和右部的信息內容上。

(2)色彩
從整體來看，YAHOO網站使用了藍色、紫色兩套鄰近色，并輔助以灰色，使色彩過渡和諧。網站的標志“YAHOO！”，則采用了網站中純度最高的顏色。YAHOO網站不僅對色相的微妙試別把握得很好，而且對色彩的純度主次的把握也值得稱贊。
(3)文字顏色
使用了低純度的普藍和黑色，其中普藍色的文字用于網站的超級鏈接形式，在鼠標指針放上去后會有微妙的明度變化及下畫線的出現。說明性文字用的是黑色。

(4)圖形
首頁上最大的圖片為右方的“YAHOO！ Travel”，它能夠直接體現出YAHOO網站的新業務。其次為屏幕中央的新聞照片，其他則為左側的導航圖片(個性服務)。
網站左側的8個圖標是使整個版面生動的點睛之筆，也是網站為用戶訂制的特色服務。YAHOO網站很注重對廣告細節的把握，即便是廣告色彩，也要與網站的整體形象相協調。圖片的純度與色階通過圖像處理軟件進行了調整，以便融合并協調調整個網站，整個圖片的色閱主次節奏控制得很好。
通過以上分析可以看到：一個網站的成功創建，來源于對該網站每個元素細節的斟酌、推敲。