網(wǎng)站設(shè)計藝術(shù)探析

本文介紹了在實際工作中總結(jié)出的網(wǎng)站設(shè)計、制作的流程。對如何決定網(wǎng)站的主題，如何表現(xiàn)網(wǎng)站的內(nèi)容，如何設(shè)計網(wǎng)站，如何制作，裝飾，優(yōu)化網(wǎng)站提出了建議。

引言

想表達(dá)自己的觀點？兜售物品？還是僅僅秀一下自己的創(chuàng)作？交給Web吧---毋庸置疑，Web已經(jīng)成為全球化的交流方式。現(xiàn)代，隨著各種Web（網(wǎng)站）開發(fā)工具的興起，進(jìn)入了不是專業(yè)的程序員也可以自己開發(fā)網(wǎng)站的時代。本文基于多年的網(wǎng)站開發(fā)經(jīng)驗，總結(jié)9步網(wǎng)站的制作流程，并以為一個飯店做網(wǎng)站為例，舉例解釋了這些步驟。

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

主題決定了網(wǎng)站的方向性，是網(wǎng)站制作的根本，所以一定要先制定網(wǎng)站的主題。如果今后在網(wǎng)站的制作過程中有和主題相左的部分，應(yīng)該把和主題背道而馳的部分刪除或修改，一定不要違反主題。主題就是這個網(wǎng)站的憲法。

如何決定這么重要的內(nèi)容呢？可以從以下幾個方面考慮。

（1） 制作這個網(wǎng)站的目的是什么？為什么要制作網(wǎng)站？

（2） 如果不是制作，是更新網(wǎng)站，那么對原來的網(wǎng)站有什么不滿意的地方？

（3） 這個網(wǎng)站是要展示給誰看的？希望什么人來訪問網(wǎng)站？

（4） 打算用網(wǎng)站宣傳什么？想把什么信息展示出來？

（5） 為什么必須是網(wǎng)站？在雜志，報紙上做宣傳不可以嗎？

比如說，要更新一個飯店的網(wǎng)站，在考慮主題的時候，可以這樣回答以上問題：

（1） 想通過網(wǎng)站召集沒來過本店的客人，讓來過的客人還想來。

（2） 原來的網(wǎng)站設(shè)計的不美觀，不能吸引客人。

（3） 希望在飯店附近工作的白領(lǐng)能在早飯和午飯的時候光顧。在晚飯的時間，希望居住在附近的家庭光顧。

（4） 宣傳本店的菜單、開店時間、地點、服務(wù)人員。

（5） 網(wǎng)站會比雜志或報紙介紹的更詳細(xì)

可以通過問答這些問題，來考慮主題的方向性，并確定主題。

2. 用這個網(wǎng)站，你最想傳達(dá)的內(nèi)容是什么

最想傳達(dá)給客人的是什么。比如說

本店優(yōu)點在哪里？

在服務(wù)和菜單等方面和競爭對手相比有什么不同？

客人為什么會光臨本店？

決定了想傳達(dá)的內(nèi)容后，是用語言文字表現(xiàn)呢，還是用圖片或視頻表現(xiàn)呢？

3. 希望客人訪問本網(wǎng)站時使用什么設(shè)備（電腦或收件或平板電腦）

根據(jù)網(wǎng)站的目的和目標(biāo)不同，使用設(shè)備也會有所不同。訪問這個網(wǎng)站的人一般使用什么設(shè)備，或希望他們使用什么設(shè)備，要考慮清楚。

如果只是考慮到讓客戶使用電腦訪問網(wǎng)站的話，那么做一個電腦用網(wǎng)站，網(wǎng)站上可以使用一些像素高，尺寸大的照片。再加上一些Flash或視頻，會給人一種耳目一新的感覺，提高宣傳效果。

但是，這樣的網(wǎng)站如果用手機訪問的話，由于網(wǎng)站內(nèi)的元素多，手機的訪問速度會很慢。并且由于電腦網(wǎng)頁的尺寸與手機網(wǎng)頁的尺寸不同，用手機訪問時，網(wǎng)頁所顯示的字會很小。如果考慮到會有很多客戶將要使用手機訪問網(wǎng)站的話，就需要制作一個專門對應(yīng)手機訪問的網(wǎng)站。在制作手機網(wǎng)站時，就需要改變照片的像素數(shù)和尺寸，使他適合手機網(wǎng)站。

4.如何為網(wǎng)站宣傳

網(wǎng)站公開后，可以通過以下的方法宣傳網(wǎng)站。

通過檢索引擎（必應(yīng)，百度等）檢索

在微博，微信上宣傳網(wǎng)站的信息

在雜志或公共汽車等公共場合標(biāo)記上URL

在電臺，電視臺做一些廣告等

采用什么方法和客戶的預(yù)算有很大的關(guān)系，應(yīng)該根據(jù)客戶的預(yù)算具體的提出解決方案。

5.網(wǎng)站的設(shè)計圖

根據(jù)網(wǎng)站地圖，畫出各個網(wǎng)頁的設(shè)計圖。這里非常重要的一點就是畫完設(shè)計圖之后，要和顧客確認(rèn)這個設(shè)計圖是否合乎其要求。獲得客戶的認(rèn)可之后，再根據(jù)設(shè)計圖進(jìn)行制作。因為，偉大的軟件必須讓客戶滿意，做客戶要它做的事。

6.列出網(wǎng)頁制作必要的素材

列出原稿或照片的清單。根據(jù)2中所列的需要，把原稿或照片的要求詳細(xì)地列出，為以后做網(wǎng)站奠定基礎(chǔ)。

7.編程，系統(tǒng)安裝

按照客戶認(rèn)可的設(shè)計圖，使用HTML、CSS等編程語言編程。編程完了后，一定要針對每頁進(jìn)行單元測試。單元測試完成后，把所有網(wǎng)頁連接在一起，進(jìn)行系統(tǒng)測試。測試每個網(wǎng)頁之間的遷移是否有效，如果有文件下載等功能，還要測試這些功能是否能正常工作。

8.發(fā)布，交貨

把制作的網(wǎng)站通過FTP等方法上傳到服務(wù)器上。如果網(wǎng)站還沒有域名或空間的話，需要注冊域名和租賃空間之后才能上傳網(wǎng)站。

9.優(yōu)化網(wǎng)站和SEO對策

發(fā)布網(wǎng)站之后，要在必應(yīng)、百度等搜索引擎上登錄網(wǎng)站的URL。然后通過網(wǎng)站管理員工具對網(wǎng)站訪問量等的分析，優(yōu)化網(wǎng)站。

結(jié)論

目前，網(wǎng)站制作變得越來越簡單，隨著眾多的網(wǎng)站制作工具的出現(xiàn)，不會編程的人也可以輕易地做出網(wǎng)站。這就要求專業(yè)網(wǎng)站制作的人員要在設(shè)計，裝飾網(wǎng)站方面做的更專業(yè)。只有這樣才不會在激烈的競爭中被淘汰。

（作者單位：沈陽工學(xué)院）

作者簡介：孫一鍇（1973-），男，遼寧沈陽人，沈陽工學(xué)院碩士，副教授，從事計算機軟件研究。