網(wǎng)站設(shè)計(jì)的目的

網(wǎng)站是一種新型的公眾媒體，具有成本低、信息量大、傳遞信息快的優(yōu)勢。借助于網(wǎng)站，各種信息可以迅速地在網(wǎng)絡(luò)上傳播和共享。個人網(wǎng)站可以向公眾展示個人信息、作品、才藝等內(nèi)容，企業(yè)網(wǎng)站可以及時向公眾發(fā)布企業(yè)的新聞、產(chǎn)品、商業(yè)信息等內(nèi)容。網(wǎng)站已經(jīng)成為大眾傳媒的一種重要手段。網(wǎng)站和瀏覽的網(wǎng)頁是用網(wǎng)站設(shè)計(jì)軟件設(shè)計(jì)制作出來的，如果需要在網(wǎng)絡(luò)上擁有一個自己的網(wǎng)站就需要設(shè)計(jì)網(wǎng)頁和網(wǎng)站。如圖1-1所示為一個購物網(wǎng)站。在這個購物網(wǎng)站上，商家可以發(fā)布出售信息，用戶可以購買網(wǎng)站上的商品。

網(wǎng)站的設(shè)計(jì)就是將自己的信息制作成可以放在網(wǎng)站上被瀏覽的網(wǎng)頁的過程。在設(shè)計(jì)網(wǎng)站時，進(jìn)行有針對性的、藝術(shù)性的設(shè)計(jì)，能夠制作出效果很好的網(wǎng)頁。網(wǎng)站可以實(shí)現(xiàn)電子商務(wù)和信息發(fā)布等功能。

1.1.3??網(wǎng)站設(shè)計(jì)的學(xué)習(xí)內(nèi)容

從網(wǎng)站設(shè)計(jì)所需要掌握和運(yùn)用的知識分析，可分為頁面內(nèi)容、美工設(shè)計(jì)、網(wǎng)站編程3個方面的內(nèi)容。下面對這3個內(nèi)容進(jìn)行介紹。

q?頁面內(nèi)容：一個網(wǎng)站需要傳達(dá)給用戶一些信息。這些信息可以用文本、圖片、動畫、視頻等多媒體形式來表達(dá)。這些媒體所表達(dá)出來的網(wǎng)站內(nèi)容就是網(wǎng)站的頁面內(nèi)容。

q?美工設(shè)計(jì)：美觀的頁面能在瀏覽時給用戶帶來美的享受，用戶就更容易因?yàn)榫W(wǎng)站的藝術(shù)色彩而接受網(wǎng)站的內(nèi)容，所以，網(wǎng)站的美工也是網(wǎng)站的重要組成部分。

q?網(wǎng)站編程：網(wǎng)站的強(qiáng)大功能是靠網(wǎng)站的程序來實(shí)現(xiàn)的。一個強(qiáng)大的網(wǎng)站需要有功能強(qiáng)大的網(wǎng)站管理程序來實(shí)現(xiàn)。對于較小的網(wǎng)站，如果沒有多少需要管理和更新的內(nèi)容，則可以做成靜態(tài)頁面，不需要網(wǎng)站編程。

從內(nèi)容上來講，網(wǎng)站需要一個首頁和一些二級頁面。網(wǎng)站的首頁是打開網(wǎng)站時默認(rèn)的那個網(wǎng)頁，網(wǎng)站的首頁可以給用戶帶來第一印象，大致概括出網(wǎng)站的風(fēng)格。首頁一般是網(wǎng)站重點(diǎn)開發(fā)和設(shè)計(jì)的對象，常常做得豐富且精美。單擊首頁的超級鏈接，則可以打開一些二級頁面。

1.2??網(wǎng)站建設(shè)的一般流程

在網(wǎng)站建設(shè)時，需要進(jìn)行網(wǎng)站定位、域名注冊、網(wǎng)站空間、網(wǎng)站設(shè)計(jì)購買、網(wǎng)站上傳等工作。在網(wǎng)站設(shè)計(jì)的學(xué)習(xí)中，需要了解網(wǎng)站建設(shè)的一些流程與概念。

1.2.1??網(wǎng)站的定位

網(wǎng)站的定位就是確定網(wǎng)站的形式。網(wǎng)站是一種新式媒體，在日常生活、商業(yè)活動、娛樂資訊、新聞媒體等方面有著廣泛的應(yīng)用。在網(wǎng)站開發(fā)之前，首先需要認(rèn)識各種網(wǎng)站的主要功能與特點(diǎn)，對網(wǎng)站進(jìn)行定位。常用網(wǎng)站主要有以下幾種。

1．綜合門戶類網(wǎng)站

綜合門戶類網(wǎng)站是網(wǎng)絡(luò)中使用最多的網(wǎng)站。主要特點(diǎn)是功能強(qiáng)大、內(nèi)容豐富、信息齊全，網(wǎng)站有著強(qiáng)大的管理功能與美觀的頁面。現(xiàn)在國內(nèi)綜合門戶類網(wǎng)站的代表是新浪、搜狐、網(wǎng)易和QQ等。如圖1-2所示為網(wǎng)易的首頁。這類網(wǎng)站的開發(fā)是一個龐大的項(xiàng)目，需要專業(yè)的開發(fā)團(tuán)隊(duì)來完成。在網(wǎng)站開發(fā)的學(xué)習(xí)與工作中，可以學(xué)習(xí)這類網(wǎng)站的網(wǎng)頁風(fēng)格和功能模塊。這類網(wǎng)站的代表有新浪（http://www.sina.com.cn）、搜狐（http://www.sohu.com）、網(wǎng)易（http://www.163.com）等。

2．新聞資訊網(wǎng)站

新聞資訊網(wǎng)站是一種可以發(fā)布大量的新聞與圖片內(nèi)容的網(wǎng)站。用戶可以方便地查看這些新聞資訊的內(nèi)容，如圖1-3所示為新浪新聞的首頁。這類網(wǎng)站的主要開發(fā)內(nèi)容是網(wǎng)站的美術(shù)設(shè)計(jì)與網(wǎng)站內(nèi)容的管理功能。這類網(wǎng)站的代表有人民網(wǎng)（http://www.people.com.cn）、新華網(wǎng)（http://www.xinhuanet.com）、央視國際網(wǎng)站（http://www.cctv.com）等。

??????????

圖1-2??綜合門戶類網(wǎng)站??????????????????????????????圖1-3??新聞資訊類網(wǎng)站

3．公司宣傳網(wǎng)站

公司宣傳網(wǎng)站是開發(fā)工作中最常見的網(wǎng)站類型。企業(yè)借助于網(wǎng)站推廣企業(yè)形象、樹立企業(yè)品牌、發(fā)布企業(yè)產(chǎn)品。如圖1-4所示為一個企業(yè)宣傳類網(wǎng)站。這類網(wǎng)站主要是對企業(yè)產(chǎn)品與企業(yè)服務(wù)進(jìn)行發(fā)布。企業(yè)網(wǎng)站的設(shè)計(jì)重點(diǎn)是精美的網(wǎng)頁和企業(yè)產(chǎn)品的發(fā)布管理功能。這類網(wǎng)站如騰訊（http://www.tencent.?com）、中企動力（http://www.ce.net.cn）、金山軟件（http://www.kingsoft.com）等。

4．娛樂網(wǎng)站

娛樂網(wǎng)站是一種很常用的網(wǎng)站形式。網(wǎng)站中常常是明星資訊、娛樂新聞、音樂影視等內(nèi)容。娛樂網(wǎng)站的設(shè)計(jì)非常靈活，可以使用各種個性化的色彩和布局。如圖1-5所示為一個娛樂網(wǎng)站。娛樂網(wǎng)站可以使用個性化的布局和配色來體現(xiàn)不同的娛樂內(nèi)容。這類網(wǎng)站如新浪娛樂（http://ent.sina.com.cn）、激動網(wǎng)（http://www.megajoy.com）、E視網(wǎng)（http://www.netandtv.com/）等。

?????

圖1-4??企業(yè)宣傳類網(wǎng)站????????????????????????????????圖1-5??娛樂類網(wǎng)站

5．電子商務(wù)網(wǎng)站

電子商務(wù)網(wǎng)站是一種常見的網(wǎng)站形式，也是一種重要的應(yīng)用形式。電子商務(wù)網(wǎng)站的內(nèi)容常常是產(chǎn)品、廣告、購物、市場推廣等。如圖1-6所示為一個電子商務(wù)網(wǎng)站。現(xiàn)在國內(nèi)的電子商務(wù)網(wǎng)站的代表是易趣（http://www.ebay.com.cn）、淘寶（http://www.taobao.com）、拍拍（http://www.paipai.com）等。電子商務(wù)網(wǎng)站的設(shè)計(jì)重點(diǎn)是網(wǎng)站的產(chǎn)品管理功能和用戶的交互功能。電子商務(wù)網(wǎng)站的頁面需要制作得美觀大方。

6．政府與公益組織網(wǎng)站

政府和一些民間組織，可以借助網(wǎng)站進(jìn)行相關(guān)的宣傳或者開展一些活動。現(xiàn)在越來越多的政府與民間組織開發(fā)有自己的網(wǎng)站。如圖1-7所示為一個公益團(tuán)體的網(wǎng)站。這類網(wǎng)站的代表有中國網(wǎng)（http://www.china.?com.cn/index.htm）、教育部網(wǎng)站（http://www.moe.edu.cn/）、希望工程（http://www.cydf.org.cn/）等。

???????????

圖1-6??電子商務(wù)類網(wǎng)站??????????????????????????圖1-7??政府與公益組織類網(wǎng)站

7．電子郵件網(wǎng)站

電子郵件是網(wǎng)站的一個重要應(yīng)用。很多門戶網(wǎng)站提供免費(fèi)電子郵件的功能。很多企業(yè)網(wǎng)站與服務(wù)器架設(shè)有電子郵件服務(wù)器與網(wǎng)站。如圖1-8所示為一個電子郵件網(wǎng)站。電子郵件網(wǎng)站需要使用專門的電子郵件軟件，在網(wǎng)站中需要設(shè)計(jì)的只是用戶登錄界面和用戶管理界面。

8．網(wǎng)址導(dǎo)航類網(wǎng)站

網(wǎng)址導(dǎo)航類網(wǎng)站是一種常見的網(wǎng)站類型。網(wǎng)址導(dǎo)航類網(wǎng)站的內(nèi)容是將一些常用的網(wǎng)站鏈接整理到一個網(wǎng)站上，方便用戶的使用。很多網(wǎng)站也具有一定的網(wǎng)址導(dǎo)航功能。如圖1-9所示為一個網(wǎng)址導(dǎo)航類網(wǎng)站。網(wǎng)址導(dǎo)航類網(wǎng)站的開發(fā)重點(diǎn)是網(wǎng)站鏈接與分類的管理。這類網(wǎng)站的代表有網(wǎng)址之家（http://www.?hao123.com）、網(wǎng)址大全（http://www.9991.com/）、265上網(wǎng)導(dǎo)航（http://www.265.com/）等。

9．下載網(wǎng)站

下載網(wǎng)站可以方便地為用戶提供各種資料的下載。如圖1-10所示為一個軟件下載網(wǎng)站。這類網(wǎng)站可以為用戶提供軟件、歌曲、影視、圖書等內(nèi)容的下載。下載網(wǎng)站的開發(fā)重點(diǎn)是資料的管理與分類。比較著名的下載網(wǎng)站有霏凡軟件（http://www.crsky.com）、天空軟件（http://www.skycn.com/）、百度MP3下載（http://mp3.baidu.com）等。

? ? ? ? ?

圖1-8??網(wǎng)易電子郵件網(wǎng)站??????????????????????????圖1-9??網(wǎng)址導(dǎo)航類網(wǎng)站

10．搜索引擎網(wǎng)站

搜索引擎網(wǎng)站是為用戶提供內(nèi)容搜索功能的網(wǎng)站。如圖1-11所示為網(wǎng)易搜索的網(wǎng)頁。在網(wǎng)站開發(fā)工作中，常需要開發(fā)具有一定搜索功能的網(wǎng)站。網(wǎng)站中的搜索功能可以對網(wǎng)站中的產(chǎn)品、企業(yè)數(shù)據(jù)等內(nèi)容進(jìn)行管理。搜索引擎網(wǎng)站的主要內(nèi)容是實(shí)現(xiàn)網(wǎng)站的搜索功能與內(nèi)容管理功能。數(shù)據(jù)庫是網(wǎng)站的設(shè)計(jì)重點(diǎn)。這類網(wǎng)站的代表有百度（http://www.baidu.com）、谷歌（http://www.google.com）、雅虎（http://www.?yahoo.com）等。

? ? ? ? ??

圖1-10??下載網(wǎng)站???????????????????????????????圖1-11??搜索引擎類網(wǎng)站

11．個人網(wǎng)站

個人網(wǎng)站也常叫做個人主頁。個人網(wǎng)站是網(wǎng)絡(luò)中個人宣傳類的網(wǎng)站，其形式非常靈活，可以包含各種不同的內(nèi)容，如圖1-12所示。個人網(wǎng)站的內(nèi)容沒有特別規(guī)則，可以根據(jù)個人喜好，進(jìn)行各種發(fā)揮。在內(nèi)容與配色上，可以使用一些大膽夸張的形式。