網(wǎng)頁(yè)設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，要根據(jù)站點(diǎn)的性質(zhì)和用戶(hù)的要求，實(shí)現(xiàn)不同的功能和表達(dá)不同的主題，從這個(gè)任務(wù)類(lèi)別上可以將網(wǎng)站分為以下3類(lèi)。
(1)資訊類(lèi)網(wǎng)站
如新浪、網(wǎng)易、搜孤等門(mén)戶(hù)網(wǎng)站。這類(lèi)網(wǎng)站一般會(huì)為用戶(hù)提供大量的信息，而且訪(fǎng)問(wèn)量較大。因此，應(yīng)對(duì)這些信息進(jìn)行合理的分類(lèi)，將頁(yè)面劃分為多個(gè)欄目，頁(yè)面結(jié)構(gòu)要合理、美觀，便于用戶(hù)瀏覽。
(2)形象類(lèi)網(wǎng)站
如一些中小型公司或單位的網(wǎng)站。這類(lèi)網(wǎng)站一般較小，有的只有幾頁(yè)，需要實(shí)現(xiàn)的功能也比較簡(jiǎn)單，網(wǎng)頁(yè)設(shè)計(jì)的主要任務(wù)是宣傳企業(yè)形象。對(duì)于這類(lèi)網(wǎng)站來(lái)說(shuō)，版式、色彩、動(dòng)畫(huà)設(shè)計(jì)等是項(xiàng)目重點(diǎn)。
(3)資訊與形象相結(jié)合的網(wǎng)站
如大型公司或高校的網(wǎng)站。這類(lèi)網(wǎng)站在設(shè)計(jì)上要求較高，既要考慮資訊類(lèi)網(wǎng)站的各項(xiàng)指標(biāo)，又要突出企業(yè)、單位的形象。根據(jù)網(wǎng)站功能的不同，也可以將其分為門(mén)戶(hù)類(lèi)、資訊類(lèi)、娛樂(lè)類(lèi)、電子商務(wù)類(lèi)、交易類(lèi)、企業(yè)類(lèi)、政府類(lèi)、個(gè)人主頁(yè)類(lèi)等類(lèi)別。
網(wǎng)站欣賞實(shí)例：門(mén)戶(hù)類(lèi)網(wǎng)站欣賞
門(mén)戶(hù)類(lèi)網(wǎng)站主要是為上網(wǎng)用戶(hù)提供信息搜索、網(wǎng)站注冊(cè)、索引、網(wǎng)上導(dǎo)航、網(wǎng)上社區(qū)、個(gè)人郵箱等服務(wù)并進(jìn)行分類(lèi)、整合服務(wù)的站點(diǎn)。網(wǎng)站信息服務(wù)往往涵蓋多個(gè)領(lǐng)域，依托擁有海量用戶(hù)群體的優(yōu)勢(shì)來(lái)盈利。
YAHOO是互聯(lián)網(wǎng)上最知名的公司之一，一直高居訪(fǎng)問(wèn)流量之首，是互聯(lián)網(wǎng)上大的門(mén)戶(hù)，也是一個(gè)垂直網(wǎng)站總匯。YAHOO致力于成為互聯(lián)網(wǎng)上大的媒體，涉及的領(lǐng)域包括網(wǎng)絡(luò)門(mén)戶(hù)、電子商務(wù)、網(wǎng)絡(luò)通信等。提供的服務(wù)還包括拍賣(mài)、購(gòu)物、開(kāi)設(shè)網(wǎng)上商店、聊天等。YAHOO是一家全球性的互聯(lián)網(wǎng)通信、商貿(mào)及媒體公司，是全球第一家提供互聯(lián)網(wǎng)導(dǎo)航服務(wù)、主要以廣告為支撐的網(wǎng)站，廣告收人占公司收入的60%YAHOO，網(wǎng)站如下圖1-5所示。
YAHOO網(wǎng)站以淺藍(lán)色、紫色為主要色調(diào)，新業(yè)務(wù)欄會(huì)不時(shí)地變化相應(yīng)的主題，并根據(jù)相應(yīng)的主題來(lái)定制不同的顏色，使用戶(hù)總有新鮮的感覺(jué)。下面將對(duì)其進(jìn)行詳細(xì)的介紹。
(1)框架結(jié)構(gòu)一首頁(yè)
上、左中右、下結(jié)構(gòu)是框架，確切地說(shuō)是左中右結(jié)構(gòu)。惰個(gè)網(wǎng)站的主要內(nèi)容集中在中部和右部的信息內(nèi)容上。
(2)色彩
從整體來(lái)看，YAHOO網(wǎng)站使用了藍(lán)色、紫色兩套鄰近色，并輔助以灰色，使色彩過(guò)渡和諧。網(wǎng)站的標(biāo)志“YAHOO！”，則采用了網(wǎng)站中純度最高的顏色。YAHOO網(wǎng)站不僅對(duì)色相的微妙試別把握得很好，而且對(duì)色彩的純度主次的把握也值得稱(chēng)贊。
(3)文字顏色
使用了低純度的普藍(lán)和黑色，其中普藍(lán)色的文字用于網(wǎng)站的超級(jí)鏈接形式，在鼠標(biāo)指針?lè)派先ズ髸?huì)有微妙的明度變化及下畫(huà)線(xiàn)的出現(xiàn)。說(shuō)明性文字用的是黑色。
(4)圖形
首頁(yè)上大的圖片為右方的“YAHOO！ Travel”，它能夠直接體現(xiàn)出YAHOO網(wǎng)站的新業(yè)務(wù)。其次為屏幕中央的新聞?wù)掌渌麆t為左側(cè)的導(dǎo)航圖片(個(gè)性服務(wù))。
網(wǎng)站左側(cè)的8個(gè)圖標(biāo)是使整個(gè)版面生動(dòng)的點(diǎn)睛之筆，也是網(wǎng)站為用戶(hù)訂制的特色服務(wù)。YAHOO網(wǎng)站很注重對(duì)廣告細(xì)節(jié)的把握，即便是廣告色彩，也要與網(wǎng)站的整體形象相協(xié)調(diào)。圖片的純度與色階通過(guò)圖像處理軟件進(jìn)行了調(diào)整，以便融合并協(xié)調(diào)調(diào)整個(gè)網(wǎng)站，整個(gè)圖片的色閱主次節(jié)奏控制得很好。
通過(guò)以上分析可以看到：一個(gè)網(wǎng)站的成功創(chuàng)建，來(lái)源于對(duì)該網(wǎng)站每個(gè)元素細(xì)節(jié)的斟酌、推敲。