網(wǎng)站規(guī)劃設(shè)計(jì)指南
發(fā)布時(shí)間:2008-12-24 閱讀數(shù): 次 來源:網(wǎng)樂原科技
不論是正規(guī)的商業(yè)網(wǎng)站還是個(gè)人網(wǎng)站,要想把網(wǎng)頁搞得豐富多彩, 吸引大量用戶前來訪問,網(wǎng)站規(guī)劃設(shè)計(jì)是至關(guān)重要的。
一、網(wǎng)站的總體規(guī)劃
除非只設(shè)計(jì)一兩個(gè)網(wǎng)頁,否則網(wǎng)頁制作應(yīng)按網(wǎng)站來考慮,首先對網(wǎng)內(nèi)容進(jìn)行規(guī)劃設(shè)計(jì)。
創(chuàng)建新網(wǎng)站最佳方法是先建立原型系統(tǒng),再進(jìn)行詳細(xì)設(shè)計(jì),最后正式實(shí)施。
原型系統(tǒng)最主要的目標(biāo)是學(xué)習(xí)、嘗試采用不同的方法修改目標(biāo)、更新形象。原型系統(tǒng)開發(fā)過程中要解決網(wǎng)站建設(shè)的一些基本問題,例如:
●網(wǎng)站的結(jié)構(gòu);
●新添文件與原有系統(tǒng)保持一致的措施;
●信息的組織與管理;
●存儲信息的物理方法(采用數(shù)據(jù)庫還是文件系統(tǒng));
●文檔版本控制(例如,如何確保多個(gè)用戶同時(shí)編輯同一個(gè)文件);
●結(jié)構(gòu)的完整性和一致性的維護(hù)方法。
這些問題沒有絕對正確的答案,只能根據(jù)實(shí)際情況進(jìn)行選擇。詳細(xì)設(shè)計(jì)包括畫面的布局、系統(tǒng)的內(nèi)部結(jié)構(gòu)、實(shí)現(xiàn)方法和維護(hù)方法等。這些對于以后的系統(tǒng)開發(fā)和投資估計(jì)都有著極其重要的意義。
進(jìn)行詳細(xì)設(shè)計(jì)時(shí),最重要的是確定網(wǎng)站的運(yùn)行模式。它僅僅是宣傳性站或者隨意性很強(qiáng)的個(gè)人站點(diǎn),還是通過廣告、銷售等方式獲利的點(diǎn),設(shè)計(jì)的方式和內(nèi)容有著很大的區(qū)別。
對于商業(yè)網(wǎng)站,必須充分考慮財(cái)力、人力、計(jì)算機(jī)數(shù)目、網(wǎng)絡(luò)連接方式、系統(tǒng)的經(jīng)濟(jì)效益、網(wǎng)站驗(yàn)證和用戶反饋回復(fù)等諸多方面的問題。從長遠(yuǎn)角度考慮,必須準(zhǔn)確地知道網(wǎng)站的目標(biāo)和系統(tǒng)的資金投入。
二、網(wǎng)站內(nèi)容的開發(fā)
影響網(wǎng)站成功的因素主要有網(wǎng)站結(jié)構(gòu)的合理性、直觀性,多媒體信息的實(shí)效性和開銷等。成功網(wǎng)站的最大秘訣在于讓用戶感到網(wǎng)站對他們
非常有用。因此,網(wǎng)站內(nèi)容開發(fā)對于網(wǎng)站建設(shè)至關(guān)重要。
進(jìn)行網(wǎng)站內(nèi)容開發(fā)的要點(diǎn)包括:
●HTML文檔的效果由其自身的質(zhì)量和瀏覽器解釋HTML的方法決定。由不同瀏覽器的解釋方法不盡相同,所以在網(wǎng)頁設(shè)計(jì)時(shí)要充分考慮到這一點(diǎn),讓所有的瀏覽器都能夠正常瀏覽。
●網(wǎng)站信息的組織沒有任何簡單快捷的方法,吸引用戶的關(guān)鍵在于總體結(jié)構(gòu)的層次分明。應(yīng)該盡量避免形成復(fù)雜的網(wǎng)狀結(jié)構(gòu)。網(wǎng)狀結(jié)構(gòu)不
僅不利于用戶查找感興趣的內(nèi)容,而且在信息不斷增多后還會使維護(hù)工作非常困難。
●圖像、聲音和視頻信息能夠比普通文本提供更豐富和更直接的信息,產(chǎn)生更大的吸引力,但文本字符可提供較快的瀏覽速度。因此,圖像和多媒體信息的使用要適中,減少文件數(shù)量和大小是必要的。
●對任何網(wǎng)站,每一個(gè)網(wǎng)頁或主頁都是非常重要的,因?yàn)樗鼈兡軌蚪o用戶帶去第一印象,好的第一印象能夠吸引用戶再次光臨這個(gè)網(wǎng)站。
●網(wǎng)站內(nèi)容應(yīng)是動態(tài)的,隨時(shí)進(jìn)行修改和更新,以使自己的網(wǎng)站緊跟市場潮流。在主頁上注明更新日期及URL對于經(jīng)常訪問的用戶非常有用。
●網(wǎng)頁中應(yīng)該提供一些聯(lián)機(jī)幫助功能。比如輸入查詢關(guān)鍵字就可以提供一些簡單的例子,甚至列出常用的關(guān)鍵字。千萬不能讓用戶不知所措。
●網(wǎng)頁的文本內(nèi)容應(yīng)簡明、通俗易懂。所有內(nèi)容都要針對設(shè)計(jì)目標(biāo)而寫,不要節(jié)外生枝。文字要正確,不能有語法錯(cuò)誤和錯(cuò)別字。
三、網(wǎng)站畫面風(fēng)格的設(shè)計(jì)
簡潔明快、獨(dú)具特色、保持統(tǒng)一的網(wǎng)站風(fēng)格能讓用戶產(chǎn)生深刻印象,不斷前來訪問。
優(yōu)秀的網(wǎng)頁畫面少不了漂亮的圖像,但更主要的是布局效果。網(wǎng)頁布局采用的主要技術(shù)是HTML的表格(Table)和窗框(Frame)功能。
下面是兩種簡潔的網(wǎng)頁。
四、網(wǎng)站建設(shè)示例
空談了這么久,您該罵我了:“光說不練呀?”下面咱就以 NetObjects Fusion 4.0(以下簡稱NOF)為例,說明建設(shè)一個(gè)網(wǎng)站的大概過程。
啟動NOF,您可以打開已設(shè)計(jì)的舊網(wǎng)站或新建網(wǎng)站。點(diǎn)擊Site按鈕,您可以進(jìn)行整個(gè)網(wǎng)站結(jié)構(gòu)(Structure)和概要(Outline)設(shè)計(jì)。一個(gè)示 例網(wǎng)站結(jié)構(gòu)如上。
雙擊Structure中的圖標(biāo)或Outline中的有關(guān)內(nèi)容,即可進(jìn)入Page視圖,進(jìn)行網(wǎng)頁設(shè)計(jì)。NOF采用所見所得方式,基于對象(Object)進(jìn)行可視化設(shè)計(jì),非常容易創(chuàng)建極專業(yè)的網(wǎng)頁。
點(diǎn)擊NOF的Style按鈕,可設(shè)計(jì)網(wǎng)頁的風(fēng)格。NOF內(nèi)置數(shù)十種網(wǎng)頁風(fēng)格,極便于創(chuàng)建風(fēng)格統(tǒng)一的網(wǎng)頁。
網(wǎng)頁結(jié)構(gòu)、風(fēng)格和內(nèi)容設(shè)計(jì)完成后,可通過Assets按鈕對網(wǎng)站里的文件、鏈接、數(shù)據(jù)對象和變量進(jìn)行審查,以便發(fā)現(xiàn)和糾正錯(cuò)誤。
如果一切都正確無誤,即可出版(Publish)了。點(diǎn)擊Publish按鈕即可查看網(wǎng)站的文件結(jié)構(gòu),此時(shí)工具欄右側(cè)出現(xiàn)Setup和Publish兩個(gè)按鈕。NOF可出版到本地和遠(yuǎn)程服務(wù)器,Setup按鈕是對出版進(jìn)行設(shè)置,設(shè)置完成后可正式Publish。
順便說一句,Publish到遠(yuǎn)程服務(wù)器時(shí),服務(wù)器的操作系統(tǒng)和服務(wù)器程序?qū)Τ霭媸怯忻黠@的影響的。目前最常用的是Windows NT和Unix,它們的文件系統(tǒng)和服務(wù)器程序通常不相同,出版時(shí)須注意到二者的區(qū)別。限于篇幅,這里就不詳細(xì)聊了。