網(wǎng)站建設(shè)是一個感性思考與理性分析相結(jié)合的復(fù)雜過程。它的方向取決于設(shè)計的任務(wù)，它的實(shí)現(xiàn)依賴于網(wǎng)頁的制作。
網(wǎng)頁站點(diǎn)的設(shè)計是展示企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此必須明確設(shè)計站點(diǎn)的目的和用戶的需求，以用戶為中心，根據(jù)市場的狀況、企業(yè)自身的情況等進(jìn)行綜合分析，從而做出切實(shí)可行的設(shè)計計劃。
總體設(shè)計方案要主題鮮明。在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意，對網(wǎng)站的整體風(fēng)格和特色做出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。
進(jìn)行溝通而設(shè)計出的結(jié)果。一件好的網(wǎng)站設(shè)計作品是設(shè)計師與用戶不斷網(wǎng)站開始構(gòu)思的時候需要充分地了解用戶的需求，要達(dá)到的目的和效果。因此前期必須有足夠的投人，以便準(zhǔn)確、完善地滿足用戶的預(yù)期要求。通過對J教學(xué)成果申報網(wǎng)’，如圖1一4所示。
需求的了解，可以得出教學(xué)成果申報網(wǎng)需求模塊示意圖， 教學(xué)成果申報網(wǎng)主要提供對“成果推薦書”、“成果總結(jié)”、“成果展示名錄”的文件下載，提供“成果視頻介紹”的錄像資料，提供“電子信息工程實(shí)訓(xùn)基地”的網(wǎng)站鏈接。
風(fēng)格定位
網(wǎng)頁設(shè)計者在設(shè)計網(wǎng)頁時，要根據(jù)站點(diǎn)的性質(zhì)和用戶的要求，實(shí)現(xiàn)不同的功能和表達(dá)不同的主題，從這個任務(wù)類別上可以將網(wǎng)站分為以下3類。
(1)資訊類網(wǎng)站
如新浪、網(wǎng)易、搜孤等門戶網(wǎng)站。這類網(wǎng)站一般會為用戶提供大量的信息，而且訪問量較大。因此，應(yīng)對這些信息進(jìn)行合理的分類，將頁面劃分為多個欄目，頁面結(jié)構(gòu)要合理、美觀，便于用戶瀏覽。
(2)形象類網(wǎng)站
如一些中小型公司或單位的網(wǎng)站。這類網(wǎng)站一般較小，有的只有幾頁，需要實(shí)現(xiàn)的功能也比較簡單，網(wǎng)頁設(shè)計的主要任務(wù)是宣傳企業(yè)形象。對于這類網(wǎng)站來說，版式、色彩、動畫設(shè)計等是項目重點(diǎn)。
(3)資訊與形象相結(jié)合的網(wǎng)站
如大型公司或高校的網(wǎng)站。這類網(wǎng)站在設(shè)計上要求較高，既要考慮資訊類網(wǎng)站的各項指標(biāo)，又要突出企業(yè)、單位的形象。
根據(jù)網(wǎng)站功能的不同，也可以將其分為門戶類、資訊類、娛樂類、電子商務(wù)類、交易類、企業(yè)類、政府類、個人主頁類等類別。
網(wǎng)站欣賞實(shí)例:門戶類網(wǎng)站欣賞
門戶類網(wǎng)站主要是為上網(wǎng)用戶提供信息搜索、網(wǎng)站注冊、索引、網(wǎng)上導(dǎo)航、網(wǎng)上社區(qū)、個人郵箱等服務(wù)并進(jìn)行分類、整合服務(wù)的站點(diǎn)。網(wǎng)站信息服務(wù)往往涵蓋多個領(lǐng)域，依托擁有海量用戶群體的優(yōu)勢來盈利。
YAHOO是互聯(lián)網(wǎng)上最知名的公司之一，一直高居訪問流量之首，是互聯(lián)網(wǎng)上大的門戶，也是一個垂直網(wǎng)站總匯。YAHOO致力于成為互聯(lián)網(wǎng)上大的媒體，涉及的領(lǐng)域包括網(wǎng)絡(luò)門戶、電子商務(wù)、網(wǎng)絡(luò)通信等，提供的服務(wù)還包括拍賣、購物、開設(shè)網(wǎng)上商店、聊天等。YAHOO是一家全球性的互聯(lián)網(wǎng)通信、商貿(mào)及媒體公司，是全球第一家提供互聯(lián)網(wǎng)導(dǎo)航服務(wù)、主要以廣告為支撐的網(wǎng)站，廣告收人占公司收人的60%。
規(guī)劃草圖
對于一般的商業(yè)網(wǎng)站來說，一個項目往往要從一個簡單的界面開始，但是要把所有的內(nèi)容組織到一起并不是件容易的事情。首先，畫一個站點(diǎn)的草圖，勾畫出所有用戶希望看到的內(nèi)容。然后，將它詳細(xì)地描述給美工人員，讓他們知道每一個頁面上要顯示的內(nèi)容。本項目的草圖如圖1一7所示。