網(wǎng)站設(shè)計(jì)
目錄
1.什么是網(wǎng)站設(shè)計(jì)[1]
網(wǎng)站設(shè)計(jì)是指在網(wǎng)站建設(shè)前對整個網(wǎng)絡(luò)系統(tǒng)的邏輯設(shè)計(jì)和物理設(shè)計(jì)。邏輯設(shè)計(jì)包括輸入輸出、處理功能、業(yè)務(wù)流程等;物理設(shè)計(jì)主要包括所需要的軟硬件、用戶界面和物理數(shù)據(jù)模型等。網(wǎng)站設(shè)計(jì)將對網(wǎng)頁制作和編程等起到直接的指導(dǎo)作用。
2.網(wǎng)站設(shè)計(jì)的特點(diǎn)[2]
不同類型的網(wǎng)站具有不同的特點(diǎn)。一個成功的網(wǎng)站,在設(shè)計(jì)時至少應(yīng)該體現(xiàn)出以下幾個特點(diǎn)。
1.結(jié)構(gòu)清晰并且便于使用
如果人們看不懂或不理解網(wǎng)站上的內(nèi)容,那么,他如何購買企業(yè)的產(chǎn)品或服務(wù)呢?因此,應(yīng)盡量使用一些醒目的標(biāo)題或文字來突出產(chǎn)品或服務(wù)。如果客戶從網(wǎng)站上弄不清楚賣的是什么或者不清楚如何受益的話,他們是不會購買的。
2.導(dǎo)向清晰
使用超文本鏈接或圖片鏈接使人們能夠在網(wǎng)站上自由前進(jìn)或后退,而不要讓他們使用瀏覽器上的前進(jìn)或后退。記住,在所有的圖片上使用替換標(biāo)志符注明圖片名稱或解釋,以便那些不愿意自動加載圖片的觀眾能夠了解圖片的含義。
3.短暫的下載時間
很多的瀏覽者不會進(jìn)入需要等待幾分鐘下載時間才能進(jìn)入的網(wǎng)站,在互聯(lián)網(wǎng)上30秒的等待時間與平常10分鐘等待時間的感覺相同。因此,要盡量避免使用過多的圖片及容量過大的圖片。
4.有價值的內(nèi)容
由于在互聯(lián)網(wǎng)上瀏覽的大多是一些尋找信息的人們,因此,網(wǎng)站要為他們提供有價值的內(nèi)容,而不是過度的裝飾。
5.方便地反饋及訂購程序
讓客戶非常方便地訂購產(chǎn)品和服務(wù)是網(wǎng)站獲得成功的重要因素。如果客戶在瀏覽網(wǎng)站時產(chǎn)生了購買產(chǎn)品或服務(wù)的欲望,應(yīng)能夠讓他們方便地下訂單進(jìn)行購買。
3.網(wǎng)站設(shè)計(jì)的目的[3]
在建立網(wǎng)站之初,一定要先給這個網(wǎng)站進(jìn)行定位,只有將網(wǎng)站定位好了,才能在此基礎(chǔ)上開展各項(xiàng)工作。也就是說,你要開發(fā)的這個網(wǎng)站,它的目標(biāo)什么,它的產(chǎn)品是什么,它可以開展什么樣的業(yè)務(wù),它能否實(shí)現(xiàn)盈利。這非常重要。如果一個商業(yè)網(wǎng)站,最終無法實(shí)現(xiàn)盈利,那它肯定是無法生存下去的。
因此,在建站之初,市場調(diào)研和可行性研究是非常重要的,要分析目前該行業(yè)市場是否有什么變化,市場的主要競爭者有哪些,他們的主要特點(diǎn)、優(yōu)勢和薄弱的環(huán)節(jié)在哪里,我方站點(diǎn)的優(yōu)勢在哪里,如果要進(jìn)入這個行業(yè),應(yīng)以什么為切入點(diǎn)更容易站穩(wěn)腳跟等。既要考慮到企業(yè)長遠(yuǎn)的發(fā)展規(guī)劃,也要考慮企業(yè)的短期利益實(shí)現(xiàn),至少要尋求一個經(jīng)濟(jì)支撐點(diǎn)來保證企業(yè)在一段時間內(nèi)能夠?qū)崿F(xiàn)收支平衡?,F(xiàn)在的電子商務(wù)網(wǎng)站鱗次櫛比,競爭異常激烈,如果不分析清楚貿(mào)然進(jìn)入,則只會導(dǎo)致被動的局面。
4.網(wǎng)站設(shè)計(jì)的基本原則[4]
1.速度優(yōu)先原則
客戶訪問一個頁面,一般不愿意等待太久。據(jù)統(tǒng)計(jì),訪問者可忍受的時問大約為20s,一旦等待時間太長,多數(shù)訪問者會放棄對該頁面的訪問。因此,設(shè)計(jì)網(wǎng)頁時要考慮到用戶的下載速率,網(wǎng)頁不能做得太大,圖片要盡可能小些,或者采用壓縮格式的圖像文件,減少可有可無的內(nèi)容,以便使訪問者能用最短的時間看到本網(wǎng)頁的主要內(nèi)容。
2.標(biāo)題設(shè)計(jì)原則
設(shè)計(jì)網(wǎng)頁的標(biāo)題時,應(yīng)同時兼顧用戶的注意力和搜索引擎的需要。第一,網(wǎng)頁標(biāo)題不宜過短或過長,一般6~10個漢字比較理想,最好不超過30個漢字;第二,網(wǎng)頁標(biāo)題應(yīng)能概括網(wǎng)頁的核心內(nèi)容;第三,網(wǎng)頁標(biāo)題中應(yīng)含有豐富的關(guān)鍵字。
3.內(nèi)容更新原則
內(nèi)容更新在主頁的設(shè)計(jì)上尤為重要,因?yàn)闆]有人愿意重復(fù)訪問內(nèi)容總是一成不變的站點(diǎn)主頁。第一,要注意內(nèi)容的動態(tài)性,讓客戶每一次訪問都可以發(fā)現(xiàn)一些新的內(nèi)容;第二,界面要經(jīng)常變化,每隔一段時間可以考慮對主頁進(jìn)行改版,經(jīng)常給出一些新欄目或者服務(wù)項(xiàng)目,以吸引客戶經(jīng)常訪問本站點(diǎn)。
4.藝術(shù)處理原則
網(wǎng)頁的設(shè)計(jì)者都希望自己設(shè)計(jì)的網(wǎng)頁漂亮,以吸引客戶的訪問,但如果過分地強(qiáng)調(diào)藝術(shù)效果,沖淡了網(wǎng)頁的主題就會得不償失。在網(wǎng)頁的藝術(shù)處理上應(yīng)遵循的原則如下。①與網(wǎng)站的整體風(fēng)格統(tǒng)一,與網(wǎng)頁的主題、欄目的類型相一致。
②版面編排要主次分明、中心突出、大小搭配及圖文并茂。
③線條和形狀與文字、標(biāo)題、圖片等相組合,構(gòu)成網(wǎng)頁的總體藝術(shù)效果。
④色彩處理的原則是“總體協(xié)調(diào),局部對比”。在色彩的運(yùn)用上,可以根據(jù)網(wǎng)頁內(nèi)容的需要,分別采用不同的主色調(diào)。充分運(yùn)用色彩,可以使主頁具有深刻的藝術(shù)內(nèi)涵,從而提升主頁的文化品位。
5.操作簡便原則
在很多網(wǎng)頁中包含了用于客戶與服務(wù)器進(jìn)行交互的表單。在這些表單的設(shè)計(jì)中應(yīng)充分考慮用戶操作的簡單性,原則上越簡單越好,可以從以下幾個方面考慮。
①操作步驟清楚。在頁面上增加必要的文字說明,提示下一步的操作及要求。
②交互的項(xiàng)目盡可能少,沒有多余的操作。
③減少用戶操作出錯的可能性。對一些輸入數(shù)據(jù)增加必要的約束,并且在文字說明中清楚地解釋這些約束;盡量多使用單選按鈕、復(fù)選框和列表選擇控件,少用文本框等鍵盤輸入控件。
6.易于維護(hù)原則
網(wǎng)頁的維護(hù)是網(wǎng)站管理中的一項(xiàng)經(jīng)常性工作,因此,在網(wǎng)頁設(shè)計(jì)過程中應(yīng)考慮到網(wǎng)頁的維護(hù)工作。在編寫網(wǎng)頁代碼時應(yīng)注意以下幾點(diǎn)。
①書寫程序時注意每行的正確縮進(jìn),以使程序更加清晰,可讀性更強(qiáng)。
②程序文檔中適當(dāng)位置應(yīng)增加注釋文本,以便于將來閱讀。
③腳本程序與HTML代碼應(yīng)盡可能分開放置。
④腳本程序中變量和函數(shù)的命名要與它的功能一致,可以考慮使用英文單詞或者漢語拼音,使得任何時候都可以由名字聯(lián)想到它們的功能。
5.網(wǎng)站設(shè)計(jì)的一般過程[5]
1.確定網(wǎng)站主題
主題確定網(wǎng)站的主題是建立網(wǎng)站時首先應(yīng)考慮的問題。網(wǎng)站主題是網(wǎng)站所要包含的主要內(nèi)容的體現(xiàn)。網(wǎng)絡(luò)上的題材豐富多彩,如體育、新聞、娛樂、財(cái)經(jīng)、生活、科技、教育等,但一個網(wǎng)站必須要有明確的主題。
2.素材組織整理
整理明確了網(wǎng)站的主題以后,就要圍繞主題組織整理素材。有了豐富的素材,網(wǎng)站才會有豐富的內(nèi)容,豐富的素材是構(gòu)建成功網(wǎng)站的基礎(chǔ)。網(wǎng)站的素材可以是任何形式,如文字、圖片、影像、聲音、動畫等。但必須牢記,任何素材都是為網(wǎng)站主題服務(wù),必須與網(wǎng)站所要提供的信息有關(guān)。
3.規(guī)劃網(wǎng)站
一個網(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ī)劃一般分成三個階段,即:前期的客戶需求分析、網(wǎng)站類型確認(rèn)、網(wǎng)站結(jié)構(gòu)規(guī)劃、網(wǎng)站功能規(guī)劃、網(wǎng)站平臺硬件、軟件的配置方案;中期的網(wǎng)站風(fēng)格定位、網(wǎng)站功能模塊的設(shè)計(jì)、網(wǎng)站的美術(shù)設(shè)計(jì)、網(wǎng)站內(nèi)容的編輯、網(wǎng)站發(fā)布前的測試;后期的網(wǎng)站運(yùn)行服務(wù)、技術(shù)支持、網(wǎng)站宣傳推廣等。
4.選擇制作工具
盡管選擇什么樣的工具對網(wǎng)頁的設(shè)計(jì)效果并無大的影響,但是一款功能強(qiáng)大、使用簡便的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多,目前大多數(shù)設(shè)計(jì)人員選用的都是“所見即所得”的編輯制作工具,如Dreamweaver;除此之外還要考慮美化網(wǎng)頁的各類工具。
5.制作網(wǎng)頁
制作網(wǎng)頁是網(wǎng)站設(shè)計(jì)的核心環(huán)節(jié),這是一個復(fù)雜而細(xì)致的過程,通常按照先大后小、先簡后繁的順序來進(jìn)行制作。所謂先大后小,就是說在制作網(wǎng)頁時,先把大的結(jié)構(gòu)設(shè)計(jì)好,然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡后繁,就是先設(shè)計(jì)出簡單的內(nèi)容,然后再設(shè)計(jì)復(fù)雜的內(nèi)容,以便于修改。在制作網(wǎng)頁時要靈活運(yùn)用模板和庫項(xiàng)目,這樣可以大大提高制作效率。
6.上傳測試
網(wǎng)頁制作完畢上傳發(fā)布到Web服務(wù)器上后,Internet用戶才能夠?yàn)g覽網(wǎng)頁,共享信息。網(wǎng)站上傳的工具有很多,有些網(wǎng)頁制作工具本身就帶有FTP功能,利用這些FTP工具可以很方便地把網(wǎng)站發(fā)布到遠(yuǎn)程Web服務(wù)器上。
網(wǎng)站的測試是網(wǎng)站設(shè)計(jì)的重要環(huán)節(jié),通過測試才能發(fā)現(xiàn)并糾正各種問題。測試工作一般包括兼容性測試、鏈接測試和實(shí)地測試。
網(wǎng)站上傳以后,要對所有的鏈接和導(dǎo)航工具條逐項(xiàng)測試,發(fā)現(xiàn)問題及時修改,然后再上傳測試。
需要注意的是,在設(shè)計(jì)網(wǎng)站時應(yīng)盡量選用新版本軟件,但并不是每個瀏覽用戶都使用最新的瀏覽器,所以在測試時要兼顧早期版本的瀏覽器。
7.推廣宣傳
網(wǎng)頁上傳發(fā)布后,還要不斷地進(jìn)行宣傳,這樣才能讓更多的用戶認(rèn)識它,提高網(wǎng)站的訪問量和知名度。
8.維護(hù)管理
無論是個人網(wǎng)站還是企業(yè)網(wǎng)站,在發(fā)布了站點(diǎn)之后,都需要進(jìn)行大量的維護(hù)與管理。網(wǎng)站的維護(hù)與管理主要包括三方面內(nèi)容,即網(wǎng)站更新、網(wǎng)站備份和網(wǎng)站恢復(fù)。