登錄

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

百科 > 互聯(lián)網(wǎng) > 網(wǎng)站設(shè)計(jì)

1.什么是網(wǎng)站設(shè)計(jì)[1]

網(wǎng)站設(shè)計(jì)是指在網(wǎng)站建設(shè)前對(duì)整個(gè)網(wǎng)絡(luò)系統(tǒng)的邏輯設(shè)計(jì)和物理設(shè)計(jì)。邏輯設(shè)計(jì)包括輸入輸出、處理功能、業(yè)務(wù)流程等;物理設(shè)計(jì)主要包括所需要的軟硬件、用戶界面和物理數(shù)據(jù)模型等。網(wǎng)站設(shè)計(jì)將對(duì)網(wǎng)頁(yè)制作和編程等起到直接的指導(dǎo)作用。

2.網(wǎng)站設(shè)計(jì)的特點(diǎn)[2]

不同類(lèi)型的網(wǎng)站具有不同的特點(diǎn)。一個(gè)成功的網(wǎng)站,在設(shè)計(jì)時(shí)至少應(yīng)該體現(xiàn)出以下幾個(gè)特點(diǎn)。

1.結(jié)構(gòu)清晰并且便于使用

如果人們看不懂或不理解網(wǎng)站上的內(nèi)容,那么,他如何購(gòu)買(mǎi)企業(yè)產(chǎn)品服務(wù)呢?因此,應(yīng)盡量使用一些醒目的標(biāo)題或文字來(lái)突出產(chǎn)品或服務(wù)。如果客戶從網(wǎng)站上弄不清楚賣(mài)的是什么或者不清楚如何受益的話,他們是不會(huì)購(gòu)買(mǎi)的。

2.導(dǎo)向清晰

使用超文本鏈接或圖片鏈接使人們能夠在網(wǎng)站上自由前進(jìn)或后退,而不要讓他們使用瀏覽器上的前進(jìn)或后退。記住,在所有的圖片上使用替換標(biāo)志符注明圖片名稱(chēng)或解釋?zhuān)员隳切┎辉敢庾詣?dòng)加載圖片的觀眾能夠了解圖片的含義。

3.短暫的下載時(shí)間

很多的瀏覽者不會(huì)進(jìn)入需要等待幾分鐘下載時(shí)間才能進(jìn)入的網(wǎng)站,在互聯(lián)網(wǎng)上30秒的等待時(shí)間與平常10分鐘等待時(shí)間的感覺(jué)相同。因此,要盡量避免使用過(guò)多的圖片及容量過(guò)大的圖片。

4.有價(jià)值的內(nèi)容

由于在互聯(lián)網(wǎng)上瀏覽的大多是一些尋找信息的人們,因此,網(wǎng)站要為他們提供有價(jià)值的內(nèi)容,而不是過(guò)度的裝飾。

5.方便地反饋及訂購(gòu)程序

讓客戶非常方便地訂購(gòu)產(chǎn)品和服務(wù)是網(wǎng)站獲得成功的重要因素。如果客戶在瀏覽網(wǎng)站時(shí)產(chǎn)生了購(gòu)買(mǎi)產(chǎn)品或服務(wù)的欲望,應(yīng)能夠讓他們方便地下訂單進(jìn)行購(gòu)買(mǎi)。

3.網(wǎng)站設(shè)計(jì)的目的[3]

在建立網(wǎng)站之初,一定要先給這個(gè)網(wǎng)站進(jìn)行定位,只有將網(wǎng)站定位好了,才能在此基礎(chǔ)上開(kāi)展各項(xiàng)工作。也就是說(shuō),你要開(kāi)發(fā)的這個(gè)網(wǎng)站,它的目標(biāo)什么,它的產(chǎn)品是什么,它可以開(kāi)展什么樣的業(yè)務(wù),它能否實(shí)現(xiàn)盈利。這非常重要。如果一個(gè)商業(yè)網(wǎng)站,最終無(wú)法實(shí)現(xiàn)盈利,那它肯定是無(wú)法生存下去的。

因此,在建站之初,市場(chǎng)調(diào)研和可行性研究是非常重要的,要分析目前該行業(yè)市場(chǎng)是否有什么變化,市場(chǎng)的主要競(jìng)爭(zhēng)者有哪些,他們的主要特點(diǎn)、優(yōu)勢(shì)和薄弱的環(huán)節(jié)在哪里,我方站點(diǎn)的優(yōu)勢(shì)在哪里,如果要進(jìn)入這個(gè)行業(yè),應(yīng)以什么為切入點(diǎn)更容易站穩(wěn)腳跟等。既要考慮到企業(yè)長(zhǎng)遠(yuǎn)的發(fā)展規(guī)劃,也要考慮企業(yè)的短期利益實(shí)現(xiàn),至少要尋求一個(gè)經(jīng)濟(jì)支撐點(diǎn)來(lái)保證企業(yè)在一段時(shí)間內(nèi)能夠?qū)崿F(xiàn)收支平衡?,F(xiàn)在的電子商務(wù)網(wǎng)站鱗次櫛比,競(jìng)爭(zhēng)異常激烈,如果不分析清楚貿(mào)然進(jìn)入,則只會(huì)導(dǎo)致被動(dòng)的局面。

4.網(wǎng)站設(shè)計(jì)的基本原則[4]

1.速度優(yōu)先原則

客戶訪問(wèn)一個(gè)頁(yè)面,一般不愿意等待太久。據(jù)統(tǒng)計(jì),訪問(wèn)者可忍受的時(shí)問(wèn)大約為20s,一旦等待時(shí)間太長(zhǎng),多數(shù)訪問(wèn)者會(huì)放棄對(duì)該頁(yè)面的訪問(wèn)。因此,設(shè)計(jì)網(wǎng)頁(yè)時(shí)要考慮到用戶的下載速率,網(wǎng)頁(yè)不能做得太大,圖片要盡可能小些,或者采用壓縮格式的圖像文件,減少可有可無(wú)的內(nèi)容,以便使訪問(wèn)者能用最短的時(shí)間看到本網(wǎng)頁(yè)的主要內(nèi)容。

2.標(biāo)題設(shè)計(jì)原則

設(shè)計(jì)網(wǎng)頁(yè)的標(biāo)題時(shí),應(yīng)同時(shí)兼顧用戶的注意力和搜索引擎的需要。第一,網(wǎng)頁(yè)標(biāo)題不宜過(guò)短或過(guò)長(zhǎng),一般6~10個(gè)漢字比較理想,最好不超過(guò)30個(gè)漢字;第二,網(wǎng)頁(yè)標(biāo)題應(yīng)能概括網(wǎng)頁(yè)的核心內(nèi)容;第三,網(wǎng)頁(yè)標(biāo)題中應(yīng)含有豐富的關(guān)鍵字。

3.內(nèi)容更新原則

內(nèi)容更新在主頁(yè)的設(shè)計(jì)上尤為重要,因?yàn)闆](méi)有人愿意重復(fù)訪問(wèn)內(nèi)容總是一成不變的站點(diǎn)主頁(yè)。第一,要注意內(nèi)容的動(dòng)態(tài)性,讓客戶每一次訪問(wèn)都可以發(fā)現(xiàn)一些新的內(nèi)容;第二,界面要經(jīng)常變化,每隔一段時(shí)間可以考慮對(duì)主頁(yè)進(jìn)行改版,經(jīng)常給出一些新欄目或者服務(wù)項(xiàng)目,以吸引客戶經(jīng)常訪問(wèn)本站點(diǎn)。

4.藝術(shù)處理原則

網(wǎng)頁(yè)的設(shè)計(jì)者都希望自己設(shè)計(jì)的網(wǎng)頁(yè)漂亮,以吸引客戶的訪問(wèn),但如果過(guò)分地強(qiáng)調(diào)藝術(shù)效果,沖淡了網(wǎng)頁(yè)的主題就會(huì)得不償失。在網(wǎng)頁(yè)的藝術(shù)處理上應(yīng)遵循的原則如下。①與網(wǎng)站的整體風(fēng)格統(tǒng)一,與網(wǎng)頁(yè)的主題、欄目的類(lèi)型相一致。

②版面編排要主次分明、中心突出、大小搭配及圖文并茂。

③線條和形狀與文字、標(biāo)題、圖片等相組合,構(gòu)成網(wǎng)頁(yè)的總體藝術(shù)效果。

④色彩處理的原則是“總體協(xié)調(diào),局部對(duì)比”。在色彩的運(yùn)用上,可以根據(jù)網(wǎng)頁(yè)內(nèi)容的需要,分別采用不同的主色調(diào)。充分運(yùn)用色彩,可以使主頁(yè)具有深刻的藝術(shù)內(nèi)涵,從而提升主頁(yè)的文化品位。

5.操作簡(jiǎn)便原則

在很多網(wǎng)頁(yè)中包含了用于客戶與服務(wù)器進(jìn)行交互的表單。在這些表單的設(shè)計(jì)中應(yīng)充分考慮用戶操作的簡(jiǎn)單性,原則上越簡(jiǎn)單越好,可以從以下幾個(gè)方面考慮。

①操作步驟清楚。在頁(yè)面上增加必要的文字說(shuō)明,提示下一步的操作及要求。

②交互的項(xiàng)目盡可能少,沒(méi)有多余的操作。

③減少用戶操作出錯(cuò)的可能性。對(duì)一些輸入數(shù)據(jù)增加必要的約束,并且在文字說(shuō)明中清楚地解釋這些約束;盡量多使用單選按鈕、復(fù)選框和列表選擇控件,少用文本框等鍵盤(pán)輸入控件。

6.易于維護(hù)原則

網(wǎng)頁(yè)的維護(hù)是網(wǎng)站管理中的一項(xiàng)經(jīng)常性工作,因此,在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中應(yīng)考慮到網(wǎng)頁(yè)的維護(hù)工作。在編寫(xiě)網(wǎng)頁(yè)代碼時(shí)應(yīng)注意以下幾點(diǎn)。

①書(shū)寫(xiě)程序時(shí)注意每行的正確縮進(jìn),以使程序更加清晰,可讀性更強(qiáng)。

②程序文檔中適當(dāng)位置應(yīng)增加注釋文本,以便于將來(lái)閱讀。

③腳本程序與HTML代碼應(yīng)盡可能分開(kāi)放置。

④腳本程序中變量和函數(shù)的命名要與它的功能一致,可以考慮使用英文單詞或者漢語(yǔ)拼音,使得任何時(shí)候都可以由名字聯(lián)想到它們的功能。

5.網(wǎng)站設(shè)計(jì)的一般過(guò)程[5]

1.確定網(wǎng)站主題

主題確定網(wǎng)站的主題是建立網(wǎng)站時(shí)首先應(yīng)考慮的問(wèn)題。網(wǎng)站主題是網(wǎng)站所要包含的主要內(nèi)容的體現(xiàn)。網(wǎng)絡(luò)上的題材豐富多彩,如體育、新聞、娛樂(lè)、財(cái)經(jīng)、生活、科技、教育等,但一個(gè)網(wǎng)站必須要有明確的主題。

2.素材組織整理

整理明確了網(wǎng)站的主題以后,就要圍繞主題組織整理素材。有了豐富的素材,網(wǎng)站才會(huì)有豐富的內(nèi)容,豐富的素材是構(gòu)建成功網(wǎng)站的基礎(chǔ)。網(wǎng)站的素材可以是任何形式,如文字、圖片、影像、聲音、動(dòng)畫(huà)等。但必須牢記,任何素材都是為網(wǎng)站主題服務(wù),必須與網(wǎng)站所要提供的信息有關(guān)。

3.規(guī)劃網(wǎng)站

一個(gè)網(wǎng)站設(shè)計(jì)得成功與否,很大程度上取決于設(shè)計(jì)者的規(guī)劃水平。規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣,圖紙?jiān)O(shè)計(jì)好了,才能建成一座堅(jiān)固漂亮的樓房。商業(yè)網(wǎng)站的規(guī)劃一般分成三個(gè)階段,即:前期的客戶需求分析、網(wǎng)站類(lèi)型確認(rèn)、網(wǎng)站結(jié)構(gòu)規(guī)劃、網(wǎng)站功能規(guī)劃、網(wǎng)站平臺(tái)硬件、軟件的配置方案;中期的網(wǎng)站風(fēng)格定位、網(wǎng)站功能模塊的設(shè)計(jì)、網(wǎng)站的美術(shù)設(shè)計(jì)、網(wǎng)站內(nèi)容的編輯、網(wǎng)站發(fā)布前的測(cè)試;后期的網(wǎng)站運(yùn)行服務(wù)、技術(shù)支持、網(wǎng)站宣傳推廣等。

4.選擇制作工具

盡管選擇什么樣的工具對(duì)網(wǎng)頁(yè)的設(shè)計(jì)效果并無(wú)大的影響,但是一款功能強(qiáng)大、使用簡(jiǎn)便的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多,目前大多數(shù)設(shè)計(jì)人員選用的都是“所見(jiàn)即所得”的編輯制作工具,如Dreamweaver;除此之外還要考慮美化網(wǎng)頁(yè)的各類(lèi)工具。

5.制作網(wǎng)頁(yè)

制作網(wǎng)頁(yè)是網(wǎng)站設(shè)計(jì)的核心環(huán)節(jié),這是一個(gè)復(fù)雜而細(xì)致的過(guò)程,通常按照先大后小、先簡(jiǎn)后繁的順序來(lái)進(jìn)行制作。所謂先大后小,就是說(shuō)在制作網(wǎng)頁(yè)時(shí),先把大的結(jié)構(gòu)設(shè)計(jì)好,然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)后繁,就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容,然后再設(shè)計(jì)復(fù)雜的內(nèi)容,以便于修改。在制作網(wǎng)頁(yè)時(shí)要靈活運(yùn)用模板和庫(kù)項(xiàng)目,這樣可以大大提高制作效率。

6.上傳測(cè)試

網(wǎng)頁(yè)制作完畢上傳發(fā)布到Web服務(wù)器上后,Internet用戶才能夠?yàn)g覽網(wǎng)頁(yè),共享信息。網(wǎng)站上傳的工具有很多,有些網(wǎng)頁(yè)制作工具本身就帶有FTP功能,利用這些FTP工具可以很方便地把網(wǎng)站發(fā)布到遠(yuǎn)程Web服務(wù)器上。

網(wǎng)站的測(cè)試是網(wǎng)站設(shè)計(jì)的重要環(huán)節(jié),通過(guò)測(cè)試才能發(fā)現(xiàn)并糾正各種問(wèn)題。測(cè)試工作一般包括兼容性測(cè)試、鏈接測(cè)試和實(shí)地測(cè)試。

網(wǎng)站上傳以后,要對(duì)所有的鏈接和導(dǎo)航工具條逐項(xiàng)測(cè)試,發(fā)現(xiàn)問(wèn)題及時(shí)修改,然后再上傳測(cè)試。

需要注意的是,在設(shè)計(jì)網(wǎng)站時(shí)應(yīng)盡量選用新版本軟件,但并不是每個(gè)瀏覽用戶都使用最新的瀏覽器,所以在測(cè)試時(shí)要兼顧早期版本的瀏覽器。

7.推廣宣傳

網(wǎng)頁(yè)上傳發(fā)布后,還要不斷地進(jìn)行宣傳,這樣才能讓更多的用戶認(rèn)識(shí)它,提高網(wǎng)站的訪問(wèn)量和知名度。

8.維護(hù)管理

無(wú)論是個(gè)人網(wǎng)站還是企業(yè)網(wǎng)站,在發(fā)布了站點(diǎn)之后,都需要進(jìn)行大量的維護(hù)與管理。網(wǎng)站的維護(hù)與管理主要包括三方面內(nèi)容,即網(wǎng)站更新、網(wǎng)站備份和網(wǎng)站恢復(fù)。

評(píng)論  |   0條評(píng)論