網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程

第3章

網(wǎng)站系統(tǒng)設(shè)計依據(jù)系統(tǒng)分析階段所提出可行性方案，在網(wǎng)站系統(tǒng)設(shè)計階段，應(yīng)充分考慮到網(wǎng)站信息組織、網(wǎng)站管理和維護、網(wǎng)站經(jīng)營特點及需要，使系統(tǒng)成本投入盡可能低，并輕易實現(xiàn)。同時，網(wǎng)站設(shè)計還要充分考慮網(wǎng)站擴展及延伸，為企業(yè)最終應(yīng)用提供良好環(huán)境和平臺。3.1系統(tǒng)設(shè)計概述系統(tǒng)設(shè)計是在系統(tǒng)分析基礎(chǔ)上，依據(jù)系統(tǒng)分析階段所提出新系統(tǒng)邏輯模型，建立起新系統(tǒng)物理模型。詳細(xì)地說，就是依據(jù)新系統(tǒng)邏輯模型所提出各項功效要求，結(jié)合實際設(shè)計條件，詳細(xì)地設(shè)計出新系統(tǒng)處理流程和基本結(jié)構(gòu)，并為系統(tǒng)實施階段各項工作準(zhǔn)備好全部必要技術(shù)資料和相關(guān)文件。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第1頁第3章

網(wǎng)站系統(tǒng)設(shè)計網(wǎng)站系統(tǒng)設(shè)計過程中，系統(tǒng)處理流程和基本結(jié)構(gòu)主要表達在設(shè)計流程計劃中，該計劃是自系統(tǒng)分析之后更為詳細(xì)設(shè)計指導(dǎo)書。普通來說，在設(shè)計流程計劃中，主要包含網(wǎng)站目標(biāo)細(xì)化、確定網(wǎng)站要素和網(wǎng)站設(shè)計三部分內(nèi)容。1.網(wǎng)站目標(biāo)細(xì)化網(wǎng)站目標(biāo)細(xì)化是依據(jù)網(wǎng)站系統(tǒng)分析目標(biāo)，按照項目管理方法，將系統(tǒng)分析階段目標(biāo)再次細(xì)化，分階段、分步驟給予實施。這里，依據(jù)網(wǎng)站建設(shè)項目特點，詳細(xì)設(shè)計出項目真正運作相關(guān)要素，它包含網(wǎng)站系統(tǒng)每個項目階段國家標(biāo)準(zhǔn)、內(nèi)容和人員安排，以及最終提交文件材料。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第2頁第3章

網(wǎng)站系統(tǒng)設(shè)計

2.確定網(wǎng)站要素確定網(wǎng)站要素包含明確網(wǎng)站內(nèi)容結(jié)構(gòu)（如欄目名稱、內(nèi)容），網(wǎng)站功效需求（如交互機制）和網(wǎng)站表現(xiàn)形式（如色彩搭配、字號選擇），還應(yīng)包含確定網(wǎng)站對象和網(wǎng)站提供哪些服務(wù)等內(nèi)容。3.網(wǎng)站設(shè)計網(wǎng)站設(shè)計內(nèi)容非常多，大致分三方面：首先是純網(wǎng)站本身設(shè)計，比如文字排版、圖片制作、平面設(shè)計、三維立體設(shè)計、靜態(tài)無聲圖文、動態(tài)有聲影像等。其次是網(wǎng)站延伸設(shè)計，包含網(wǎng)站主題特征設(shè)計、智能交互、制作策劃、形象包裝、宣傳營銷等。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第3頁第3章

網(wǎng)站系統(tǒng)設(shè)計第三，站點采取網(wǎng)絡(luò)、數(shù)據(jù)庫等技術(shù)也是確保網(wǎng)站最終良好運行關(guān)鍵。系統(tǒng)設(shè)計階段是開發(fā)網(wǎng)站系統(tǒng)關(guān)鍵步驟之一，它工作質(zhì)量直接關(guān)系到新系統(tǒng)質(zhì)量和經(jīng)濟效益。所以，整個系統(tǒng)設(shè)計過程各項工作都必須按照科學(xué)方法和程序進行。下面就系統(tǒng)設(shè)計目標(biāo)、系統(tǒng)設(shè)計標(biāo)準(zhǔn)、系統(tǒng)設(shè)計內(nèi)容和步驟等問題分別加以討論。3.1.1系統(tǒng)設(shè)計目標(biāo)系統(tǒng)設(shè)計基本目標(biāo)就是要使所設(shè)計系統(tǒng)必須滿足系統(tǒng)邏輯模型各項功效要求。同時，還要盡可能地提升系統(tǒng)性能。系統(tǒng)設(shè)計目標(biāo)是評價和衡量系統(tǒng)設(shè)計方案優(yōu)劣基本標(biāo)準(zhǔn)，也是選擇系統(tǒng)設(shè)計方案主要依據(jù)。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第4頁第3章

網(wǎng)站系統(tǒng)設(shè)計評價和衡量系統(tǒng)設(shè)計目標(biāo)實現(xiàn)程度指標(biāo)主要有以下五方面。1.系統(tǒng)可靠性系統(tǒng)可靠性是指系統(tǒng)在正常運行時對各種外界干擾抵抗能力。這是對系統(tǒng)基本要求，也是系統(tǒng)設(shè)計時必須首先要處理主要問題。系統(tǒng)在工作時，可能會碰到各種各樣外界原因影響和干擾，這些影響和干擾，有些是意外操作錯誤，有些則是外界不可控原因造成。假如在系統(tǒng)設(shè)計時，對全部可能發(fā)生這些情況都有所考慮，并采取對應(yīng)防范辦法，則系統(tǒng)就會有較高可靠性。反之，假如對可能發(fā)生外界干擾原因考慮不周，就會在意外情況發(fā)生時，措手不及，造成嚴(yán)重后果。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第5頁第3章

網(wǎng)站系統(tǒng)設(shè)計電子商務(wù)站點用戶界面給人最初印象往往比較簡單，但就是在這些簡單界面背后，卻隱藏著一些復(fù)雜計算機系統(tǒng)，用來維護這些站點以確保其處于高峰狀態(tài)下性能。像亞馬遜書店Web頁面或者PC零售商.Dell在線站點也都使人輕易忽略這么一個事實：大型、有規(guī)律服務(wù)器和復(fù)雜負(fù)載平衡軟件在有條不紊地運轉(zhuǎn)著，含有容錯功效代理軟件時刻準(zhǔn)備著處理用戶Web請求、數(shù)據(jù)庫訪問請求，以及讀取高速緩存中數(shù)據(jù)和向網(wǎng)絡(luò)路由器發(fā)送各種各樣數(shù)據(jù)包請求。提升系統(tǒng)可靠性能夠從系統(tǒng)硬件、軟件和運行環(huán)境三方面來考慮。（1）硬件主要指選取可靠性較高設(shè)備。（2）軟件指在程序中設(shè)置各種檢驗辦法，以預(yù)防誤操作和非法使用。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第6頁第3章

網(wǎng)站系統(tǒng)設(shè)計（3）系統(tǒng)運行環(huán)境指對系統(tǒng)硬件和軟件各種安全保障辦法、操作規(guī)章制度等。在開發(fā)電子商務(wù)軟件中，尤其是大型系統(tǒng)，要考慮到認(rèn)證體系、支付方式、安全保護、物流配送、Internet基礎(chǔ)設(shè)施等步驟中可能存在問題。主要包含：①在考慮認(rèn)證體系時，應(yīng)與銀行系統(tǒng)合作，建立含有公正、權(quán)威金融認(rèn)證中心，并給軟件預(yù)留接口，這么，開發(fā)出軟件才含有可擴充性。②軟件在支付方面，可考慮各種支付方式，比如郵局匯款、銀行劃撥、一卡通、信用卡等。這么軟件當(dāng)客戶使用時，才顯得靈活、方便。③要考慮現(xiàn)行Internet網(wǎng)絡(luò)資源帶寬與運行速度。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第7頁第3章

網(wǎng)站系統(tǒng)設(shè)計

2.系統(tǒng)可維護性系統(tǒng)可維護性是指系統(tǒng)可變更或可修改性。系統(tǒng)投入運行以后，因為系統(tǒng)環(huán)境和條件是在不停地發(fā)展和改變，所以不可防止地會逐步暴露出設(shè)計上缺點和功效上不完善，以及在使用過程中出現(xiàn)硬件故障和軟件故障等情況。所以，系統(tǒng)就需要不停地修改和完善，以適應(yīng)用戶使用要求。而對系統(tǒng)修改難易程度，主要取決于系統(tǒng)硬件可擴充性、兼容性和售后服務(wù)質(zhì)量：系統(tǒng)軟件可操作性、先進性和版本升級可能性：數(shù)據(jù)存放結(jié)構(gòu)規(guī)范化程度及方便性；應(yīng)用軟件設(shè)計方式等方面原因。假如對應(yīng)用軟件采取結(jié)構(gòu)化設(shè)計方法，將會增加系統(tǒng)模塊獨立性，使系統(tǒng)結(jié)構(gòu)清楚，便于維護和修改，從而能夠提升系統(tǒng)適應(yīng)性。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第8頁第3章

網(wǎng)站系統(tǒng)設(shè)計

Web應(yīng)用服務(wù)器、HTTP服務(wù)器和數(shù)據(jù)庫自然性能是決定客戶滿意度及系統(tǒng)未來可伸縮性關(guān)鍵原因。遲緩響應(yīng)時間將會挫傷用戶主動性，且會影響交易處理通道中數(shù)據(jù)流動，甚至?xí)婕暗桨W(wǎng)絡(luò)連接在內(nèi)后臺辦公系統(tǒng)中其它組件。不過，對于在任何給定時間內(nèi)都要處理數(shù)以千計Web應(yīng)用請求，而且天天要響應(yīng)十幾萬個頁面瀏覽電子商務(wù)站點來說，要取得峰值性能同時還要顧及到未來發(fā)展需要，這確實是一個棘手問題。伴隨網(wǎng)絡(luò)時代到來，計算機已由簡單數(shù)據(jù)計算、處理，發(fā)展到今天多媒體處理。在選擇開發(fā)工具時，如當(dāng)今流行Java、VB、C++等，一定要考慮多媒體、Internet、Intranet環(huán)境。在選擇數(shù)據(jù)庫時，比如SQLServer7.0、Oracle8.2forWindowsNT、DB2、Informix等，也要考慮兼容性。好開發(fā)工具，對軟件升級是比較輕易。應(yīng)該時刻注意網(wǎng)站運行情況，性能很好主機伴隨訪問人數(shù)增加，可能會運行遲緩。不過，假如我們不想失去訪問者話，一定要仔細(xì)計劃好設(shè)備及軟件升級計劃。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第9頁第3章

網(wǎng)站系統(tǒng)設(shè)計

3.系統(tǒng)效率系統(tǒng)工作效率能夠用對處理請求響應(yīng)時間或單位時間內(nèi)處理業(yè)務(wù)量來衡量。因為系統(tǒng)所選擇工作方式不一樣，其工作效率含義也不相同。如聯(lián)機實時處理系統(tǒng)工作效率為對處理請求響應(yīng)時間：而批處理系統(tǒng)則為單位時間內(nèi)平均處理業(yè)務(wù)量。這里需要指出是，系統(tǒng)工作效率和計算機效率是有一定區(qū)分。—般來講，影響系統(tǒng)工作效率主要原因有：硬件運行速度，軟件系統(tǒng)性能，參數(shù)設(shè)置情況，應(yīng)用軟件結(jié)構(gòu)設(shè)計合理性及中間文件調(diào)用次數(shù)和數(shù)量等。好Web站點也無法防止會出現(xiàn)問題。幸運是，有工具能夠?qū)υ诰€內(nèi)容方面問題進行檢測及修復(fù)。就商業(yè)網(wǎng)絡(luò)站點而言，運行可靠性、效率及可維護性與硬件設(shè)施一樣主要。對用戶來說，在線時碰到冗長處理程序、慢吞吞服務(wù)、缺貨以及幫助等信息匱乏與現(xiàn)實世界中類似問題一樣令人難受。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第10頁第3章

網(wǎng)站系統(tǒng)設(shè)計

4.系統(tǒng)通用性系統(tǒng)通用性是指同一軟件系統(tǒng)在不一樣使用單位可應(yīng)用程度。系統(tǒng)通用性好，能夠確保當(dāng)系統(tǒng)使用條件發(fā)生改變時，該系統(tǒng)不經(jīng)變動或經(jīng)少許變動后，仍能完成預(yù)定使用功效。對于普通用戶來說，都希望有成熟軟件系統(tǒng)不經(jīng)修改或經(jīng)過少許修改后就能夠適合用于本單位。所以，提升軟件系統(tǒng)通用性，能夠擴大它應(yīng)用范圍，降低研究成本，降低系統(tǒng)擴展時工作量和費用，增強系統(tǒng)生命力。影響系統(tǒng)通用性主要原因是系統(tǒng)功效完善程度和處理業(yè)務(wù)規(guī)范化、標(biāo)準(zhǔn)化程度。開發(fā)通用商務(wù)軟件與專用商務(wù)軟件不一樣。專用商務(wù)軟件只是在某一行業(yè)中使用，而通用商務(wù)軟件，比如批發(fā)零售業(yè)電子商務(wù)軟件、人事軟件、財務(wù)軟件、工資軟件，這類軟件在開發(fā)之前，必須拿出完善系統(tǒng)需求說明書和分析匯報，考慮不一樣行業(yè)管理方式和商業(yè)運作模式，只有這么，軟件才輕易推廣、普及和逐步提升檔次。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第11頁第3章

網(wǎng)站系統(tǒng)設(shè)計5.系統(tǒng)工作質(zhì)量系統(tǒng)工作質(zhì)量是指系統(tǒng)處理數(shù)據(jù)準(zhǔn)確性，輸出各種信息易讀、易懂性，系統(tǒng)操作方便性等。系統(tǒng)工作質(zhì)量和系統(tǒng)硬件設(shè)備及軟件設(shè)計質(zhì)量有直接關(guān)系。硬件設(shè)備是系統(tǒng)工作基礎(chǔ)，然而硬件設(shè)備作用發(fā)揮必須有高質(zhì)量軟件設(shè)計做保證。系統(tǒng)設(shè)計階段各項工作幾乎都與系統(tǒng)工作質(zhì)量有關(guān)，系統(tǒng)工作質(zhì)量直接影響系統(tǒng)使用效果。在系統(tǒng)設(shè)計時，既要考慮到實現(xiàn)系統(tǒng)功能要求，又要考慮到使用者要求和反應(yīng)。上述評價系統(tǒng)性能指標(biāo)是互相聯(lián)系、互相制約。在某些條件下，它們是互相矛盾，但是在另外一些條件下，它們又可能是彼此促進。例如，對系統(tǒng)可靠性和工作效率來說，為了提高系統(tǒng)可靠性，就需要增加校驗功能和對錯誤情況處理功能，這勢必要延長系統(tǒng)處理時間，似乎降低了系統(tǒng)工作效率。但是從其次看，如果系統(tǒng)可靠性提高廠，則能保證系統(tǒng)長時間安全運行而不中斷，實際效率可能并不低。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第12頁第3章

網(wǎng)站系統(tǒng)設(shè)計所以，系統(tǒng)設(shè)計人員必須依據(jù)詳細(xì)系統(tǒng)目標(biāo)要求和實際情況，權(quán)衡利弊后，再決定將哪個指標(biāo)放在主要位置上加以考慮，哪一個應(yīng)該放在次要位置上考慮。普通情況下，系統(tǒng)設(shè)計人員往往要把系統(tǒng)可維護性看得更主要一些。3.1.2系統(tǒng)設(shè)計標(biāo)準(zhǔn)系統(tǒng)設(shè)計總標(biāo)準(zhǔn)是確保系統(tǒng)設(shè)計目標(biāo)實現(xiàn)，并在此基礎(chǔ)上，使技術(shù)資源利用到達最正確。詳細(xì)地說，對系統(tǒng)設(shè)計要求普通包含以下五方面。1.簡單性標(biāo)準(zhǔn)簡單性標(biāo)準(zhǔn)是指在到達系統(tǒng)預(yù)定目標(biāo)條件下，應(yīng)該使系統(tǒng)盡可能簡單、適用。普通來說，用戶總是希望得到一個操作簡單、使用方便、功效完善、易于維護和修改系統(tǒng)。所以在系統(tǒng)設(shè)計過程中，必須考慮到盡可能使數(shù)據(jù)處理過程簡化。要使輸入數(shù)據(jù)盡可能降低使輸入數(shù)據(jù)形式易于了解和掌握，系統(tǒng)結(jié)構(gòu)要清楚、合理，盡可能防止無須要復(fù)雜化，以滿足用戶在操作和維護方面需求。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第13頁第3章

網(wǎng)站系統(tǒng)設(shè)計

2.經(jīng)濟性標(biāo)準(zhǔn)經(jīng)濟性標(biāo)準(zhǔn)是指在設(shè)計過程中盡可能地降低系統(tǒng)設(shè)計成本，降低無須要費用支出。這里既要考慮到實現(xiàn)系統(tǒng)費用，又要考慮到系統(tǒng)實現(xiàn)后運行費用。因為用戶投入一定資金取得一個系統(tǒng)后，就是經(jīng)過系統(tǒng)運行帶來一定經(jīng)濟效益，使用戶對系統(tǒng)投資和經(jīng)營費用得到賠償。當(dāng)然，在考慮系統(tǒng)經(jīng)濟效益時，既要考慮它帶來直接效益，也要考慮到它間接效益。當(dāng)前，對普通中小企業(yè)來講，只需較少投入就可建立、維護一個含有相當(dāng)水準(zhǔn)站點，并經(jīng)過各種運行策略來吸引眾多用戶訪問。那么，到底建一個網(wǎng)站要花多少錢呢？這個問題沒有標(biāo)準(zhǔn)答案，完全視企業(yè)建站目標(biāo)、要求水準(zhǔn)與使用技術(shù)而定。企業(yè)能夠像個人主頁一樣，掛在任何無償虛擬空間上，只需花一千多元就可建—個網(wǎng)站：企業(yè)也能夠大張旗鼓、拉專線、架服務(wù)器、買商用軟件、請顧問企業(yè)、委托網(wǎng)站設(shè)計人員、成立專門維護小組，花幾十萬甚至幾百萬，建設(shè)與維護自己網(wǎng)站。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第14頁第3章

網(wǎng)站系統(tǒng)設(shè)計

3.完整性標(biāo)準(zhǔn)系統(tǒng)是一個有機整體，應(yīng)該含有一定整體性。所以，在系統(tǒng)設(shè)計時，必須保持它功效完整，聯(lián)絡(luò)親密。要使整個系統(tǒng)有統(tǒng)一信息代碼、統(tǒng)一數(shù)據(jù)組織方法、統(tǒng)一設(shè)計規(guī)范和標(biāo)準(zhǔn)，以此來提升系統(tǒng)設(shè)計質(zhì)量。4.可靠性標(biāo)準(zhǔn)可靠性既是評價系統(tǒng)設(shè)計質(zhì)量一個主要指標(biāo)，又是系統(tǒng)設(shè)計一個基本出發(fā)點。只有設(shè)計出系統(tǒng)是安全可靠，才能在實際運行中發(fā)揮出它應(yīng)有作用。所以在系統(tǒng)設(shè)計過程中，必須考慮到對各種不安全原因抵抗能力設(shè)計。比如，對錯誤數(shù)據(jù)檢錯糾錯能力設(shè)計，出現(xiàn)意外情況后系統(tǒng)恢復(fù)能力設(shè)計等。5.管理可接收標(biāo)準(zhǔn)在系統(tǒng)設(shè)計時，除了要考慮到以上幾條基本標(biāo)準(zhǔn)以外，還要考慮在管理上能夠接收程度。一個系統(tǒng)是否能發(fā)揮作用和含有較強生命力，很大程度上取決于管理上是否能夠接收。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第15頁第3章

網(wǎng)站系統(tǒng)設(shè)計這要受到用戶業(yè)務(wù)類型、用戶基礎(chǔ)工作、用戶人員素質(zhì)、人機界面友好程度、掌握系統(tǒng)操作難易程度、系統(tǒng)適用范圍和使用條件等很多原因影響。所以在系統(tǒng)設(shè)計時，必須充分考慮到這些原因，使設(shè)計出系統(tǒng)能夠輕易被用戶接收。以上是系統(tǒng)設(shè)計一些基本標(biāo)準(zhǔn)。除此之外，還要依據(jù)系統(tǒng)設(shè)計詳細(xì)目標(biāo)和條件，考慮一些詳細(xì)設(shè)計要求和標(biāo)準(zhǔn)。3.1.3系統(tǒng)設(shè)計內(nèi)容和步驟系統(tǒng)設(shè)計過程分為初步設(shè)計和詳細(xì)設(shè)計兩個階段。初步設(shè)計階段主要任務(wù)是完成對系統(tǒng)總體結(jié)構(gòu)和基本框架設(shè)計，比如系統(tǒng)結(jié)構(gòu)設(shè)計、處理流程圖設(shè)計、代碼設(shè)計、輸入輸出設(shè)計、數(shù)據(jù)文件和數(shù)據(jù)庫設(shè)計等內(nèi)容。在初步設(shè)計工作完成后，設(shè)計人員要向用戶和相關(guān)部門寫出詳細(xì)匯報，說明設(shè)計方案可行程度和更改情況，得到同意后轉(zhuǎn)入詳細(xì)設(shè)計。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第16頁第3章

網(wǎng)站系統(tǒng)設(shè)計詳細(xì)設(shè)計階段主要任務(wù)是在初步設(shè)計基礎(chǔ)上，將設(shè)計方案深入詳細(xì)化、條理化和規(guī)范化。如輸入、輸出格式詳細(xì)設(shè)計，處理流程圖詳細(xì)設(shè)計，編寫程序設(shè)計說明書等內(nèi)容。在實際系統(tǒng)設(shè)計工作中，以上兩個階段內(nèi)容是相與：交叉和關(guān)聯(lián)，設(shè)計過程中需要重復(fù)地進行。為了便于討論，這里將系統(tǒng)設(shè)計兩個階段工作內(nèi)容歸納在一起，概括出下面設(shè)計步驟：1.系統(tǒng)模塊化結(jié)構(gòu)設(shè)計將系統(tǒng)劃分為若干個子系統(tǒng)工作，通常是在系統(tǒng)分析階段或在總體結(jié)構(gòu)設(shè)計中基本完成，但不夠詳細(xì)。此工作是在系統(tǒng)分析階段對于系統(tǒng)劃分基礎(chǔ)上，再進—步經(jīng)過結(jié)構(gòu)化設(shè)計方法，將其逐層分解成多個大小適當(dāng)、功效單一、含有一定獨立性模塊，方便于進行程序設(shè)計。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第17頁第3章

網(wǎng)站系統(tǒng)設(shè)計

2.系統(tǒng)處理流程設(shè)計即經(jīng)過處理流程圖形式，將系統(tǒng)對數(shù)據(jù)處理過程和數(shù)據(jù)在系統(tǒng)存放介責(zé)問轉(zhuǎn)換情況詳細(xì)描述出來。它是系統(tǒng)物理模型主要組成部分，也是進行程序設(shè)計主要依據(jù)之一。3.代碼設(shè)計代碼設(shè)計就是對系統(tǒng)中數(shù)據(jù)進行編碼，并使這種編碼作為數(shù)據(jù)一個組成部分，用以代表客觀存在實體或?qū)傩?，以確保它惟一性，并便于計算機進行分類處理。4.輸入輸出設(shè)計它主要是指對以統(tǒng)計為單位各種輸入、輸出報表格式詳細(xì)描述。另外，人機對話格式設(shè)計以及對輸入、輸出設(shè)備考慮也在這一步完成。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第18頁第3章

網(wǎng)站系統(tǒng)設(shè)計

5.數(shù)據(jù)文件和數(shù)據(jù)庫設(shè)計它主要是依據(jù)系統(tǒng)分析階段所得到數(shù)據(jù)關(guān)系集和數(shù)據(jù)字典，再結(jié)合系統(tǒng)處理流程圖，能夠進行數(shù)據(jù)文件結(jié)構(gòu)標(biāo)準(zhǔn)化設(shè)計和進行數(shù)據(jù)庫設(shè)計。6.網(wǎng)絡(luò)及數(shù)據(jù)通信接口設(shè)計依據(jù)系統(tǒng)中用戶終端數(shù)目和地理分布情況，以及對通信量和通信速度要求，選擇最正確系統(tǒng)規(guī)模，提出對網(wǎng)絡(luò)基本要求，并進行網(wǎng)絡(luò)和數(shù)據(jù)通信接口設(shè)計。7.系統(tǒng)標(biāo)準(zhǔn)化設(shè)計它是指對各類數(shù)據(jù)編碼要符合標(biāo)準(zhǔn)化要求，對各類文件命名及對各類圖表繪制等都要按照一定規(guī)范和標(biāo)準(zhǔn)進行。另外，為了確保系統(tǒng)能夠安全可靠地運行，還要考慮對系統(tǒng)可靠性和數(shù)據(jù)保密性進行設(shè)計。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第19頁第3章

網(wǎng)站系統(tǒng)設(shè)計

8.程序流程設(shè)計它是依據(jù)模塊功效和系統(tǒng)處理流程圖要求，設(shè)計出程序框圖，為程序員進行程序設(shè)計提供依據(jù)。在這一步設(shè)計中，也能夠結(jié)合利用結(jié)構(gòu)式語言等工具，來更清楚地描述出程序功效和結(jié)構(gòu)。9.描述系統(tǒng)設(shè)計結(jié)果系統(tǒng)設(shè)計最終止果是系統(tǒng)設(shè)計說明書、程序設(shè)計說明書、系統(tǒng)測試說明書以及各種圖表等，要將它們分門別類聚集成冊，送交相關(guān)人員和部門審核同意。10.確定實施方案在系統(tǒng)設(shè)計結(jié)果得到相關(guān)人員和部門認(rèn)可之后，就能夠確定新系統(tǒng)實施計劃，詳細(xì)地制訂出實施階段工作內(nèi)容、時間安排和詳細(xì)要求。實施方案經(jīng)過同意后，就能夠正式轉(zhuǎn)入實施階段。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第20頁第3章

網(wǎng)站系統(tǒng)設(shè)計

3.2結(jié)構(gòu)化設(shè)計原理為了使系統(tǒng)結(jié)構(gòu)設(shè)計工作能夠愈加科學(xué)化，從20世紀(jì)70年代以來，出現(xiàn)了許各種先進系統(tǒng)結(jié)構(gòu)設(shè)計方法，含有代表性有杰克遜方法、帕納斯方法、結(jié)構(gòu)化設(shè)計方法等，在眾多系統(tǒng)結(jié)構(gòu)設(shè)計方法中，結(jié)構(gòu)化設(shè)計方法是應(yīng)用比較廣泛而且比較受重視一個。3.2.1結(jié)構(gòu)化設(shè)計原理結(jié)構(gòu)化設(shè)計方法基本思想是使系統(tǒng)模塊化，即把一個系統(tǒng)白上而下、逐步分解為若干個彼此獨立而又有一定聯(lián)絡(luò)組成部分，這些組成部分稱為模塊。對十任何一個系統(tǒng)都能夠按功效逐步由上向下、由抽象到詳細(xì)，逐層將其分解為一個多層次、含有相對獨立功效模塊所組成系統(tǒng)。在這一基本思想指導(dǎo)下，系統(tǒng)設(shè)計人員以邏輯模型為基礎(chǔ)，并借助十一套標(biāo)準(zhǔn)設(shè)計準(zhǔn)則和圖表等工具，逐層地將系統(tǒng)分解成多個大小適當(dāng)、功效單一、含有—定獨立性模塊，把一個復(fù)雜系統(tǒng)轉(zhuǎn)換成易于實現(xiàn)、易十維護模塊化結(jié)構(gòu)系統(tǒng)。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第21頁第3章

網(wǎng)站系統(tǒng)設(shè)計結(jié)構(gòu)化設(shè)計工作過程能夠分為兩步：第一步是依據(jù)數(shù)據(jù)流程圖導(dǎo)出系統(tǒng)初始結(jié)構(gòu)圖；第二步是對結(jié)構(gòu)圖重復(fù)改進過程。所以，系統(tǒng)結(jié)構(gòu)圖是結(jié)構(gòu)化設(shè)計主要工具，它不但能夠表示系統(tǒng)層次結(jié)構(gòu)關(guān)系，而且還反應(yīng)了模塊調(diào)用關(guān)系和模塊之間數(shù)據(jù)流傳遞關(guān)系等特征。3.2.2模塊劃分標(biāo)準(zhǔn)結(jié)構(gòu)化設(shè)計要處理主要問題是把系統(tǒng)分解成一個個模塊，并用結(jié)構(gòu)圖形式表示出其內(nèi)在聯(lián)絡(luò)。模塊劃分是否合理，直接影響到系統(tǒng)設(shè)計質(zhì)量，影響系統(tǒng)開發(fā)時間、開發(fā)成本以及系統(tǒng)實施和維護方便程度等方面。

為了能夠合理地劃分系統(tǒng)各個模塊，使其含有較強獨立性，在劃分模塊時要遵照總標(biāo)準(zhǔn)是：盡可能把親密相關(guān)子問題劃歸到同一模塊；把小相關(guān)了問題劃歸到系統(tǒng)不一樣模塊。衡量系統(tǒng)結(jié)構(gòu)化程度及模塊獨立性，能夠經(jīng)過模塊與模塊之間關(guān)聯(lián)度和模塊內(nèi)部各個組成部分之間聚合度兩條標(biāo)準(zhǔn)來進行評價。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第22頁第3章

網(wǎng)站系統(tǒng)設(shè)計

1.模塊之間關(guān)聯(lián)度模塊之間關(guān)聯(lián)度是用來表示一個模塊與其它模塊之叫聯(lián)絡(luò)緊密程度。關(guān)聯(lián)度越低，則說明模塊之叫聯(lián)絡(luò)越少，模塊獨立性就越強，就越輕易獨立地進行編程、調(diào)試和修改，某個模塊中產(chǎn)生錯誤對其它模塊影響也就越小。對于模塊之間關(guān)聯(lián)度，能夠從以下三方面來衡量和評價。（1）模塊之間聯(lián)絡(luò)方式假如一個模塊直接調(diào)用另一個模塊內(nèi)部數(shù)據(jù)或指令，這說明被調(diào)用模塊內(nèi)含有多方面不相關(guān)內(nèi)容，造成模塊間聯(lián)絡(luò)增多，修改—個模塊將直接影響其它模塊，降低了模塊獨立性。在系統(tǒng)設(shè)計中，應(yīng)盡可能防止使用這種聯(lián)絡(luò)方式，另一個聯(lián)絡(luò)方式是經(jīng)過被調(diào)用模塊名稱來調(diào)用整個模塊，使其完成一定功效，這么能夠降低模塊問聯(lián)絡(luò)，增加其獨立性。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第23頁第3章

網(wǎng)站系統(tǒng)設(shè)計（2）模塊之間使用控制信息數(shù)量控制信息是指控制程序運行過程信息，在程序調(diào)用過程中過多地使用控制信息，必定會增加模塊之間聯(lián)絡(luò)，影響模塊獨立性。所以，在模塊之間應(yīng)盡可能不用或少用控制信息。當(dāng)需要在模塊之間使用含有控制信息調(diào)用關(guān)系時，能夠經(jīng)過功效分解形式消除控制信息影響。（3）模塊之間傳送數(shù)據(jù)數(shù)量模塊之間經(jīng)過調(diào)用關(guān)系傳送數(shù)據(jù)，是一個較理想聯(lián)絡(luò)方式。不過，假如模塊之間傳送數(shù)據(jù)過多，一樣會給了解和修改模塊帶來困難，且降低系統(tǒng)可維護性。一個模塊同其它模塊之間傳遞數(shù)據(jù)越少，模塊間相互獨立性就越強，也就越便于系統(tǒng)設(shè)計和維護。要降低模塊之間關(guān)聯(lián)度，除了從以上幾方面考慮之外，還能夠從模塊界面清楚性來考慮，模塊之間界面越簡單、清楚、易于了解，關(guān)聯(lián)度越低，模塊獨立性也就越強。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第24頁第3章

網(wǎng)站系統(tǒng)設(shè)計

2.模塊內(nèi)部聚合度模塊內(nèi)部聚合度是用來描述和評價模塊內(nèi)部各個組成部分之間聯(lián)絡(luò)緊密程度?！獋€模塊內(nèi)部各種組成部分之間聯(lián)絡(luò)越親密，其聚合度越高，模塊獨立性也就越強。模塊聚合度是由模塊聚合方式?jīng)Q定。依據(jù)模塊內(nèi)部組成情況，其聚合方式能夠分成以下七種形式。（1）偶然性聚合將幾個毫無聯(lián)絡(luò)功效組合在—起，形成一個模塊，稱為偶然性聚合模塊。這種模塊內(nèi)部各個組成部分之間幾乎沒有什么聯(lián)絡(luò)，只是為節(jié)約存放空間或提升運算速度而結(jié)合在一起，所以聚合度最低。（2）邏輯性聚合將幾個邏輯上相同，但彼此并無聯(lián)絡(luò)功效組合在一起所形成模塊，稱為邏輯性聚合模塊。這種聚合形式，其聚合度也非常低，模塊中各種功效要經(jīng)過控制變量選擇執(zhí)行。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第25頁第3章

網(wǎng)站系統(tǒng)設(shè)計

（3）時間性聚合將幾個需要在同一時段進行處理各項功效組合在一起所形成模塊，稱為時間性聚合模塊。如系統(tǒng)初始化模塊、結(jié)束處理模塊等，能夠考慮采取時間性聚合方式。（4）過程性聚合將為了完成某項業(yè)務(wù)處理過程，將執(zhí)行條件受同一控制流支配若干個功效組合在一起所形成模塊，稱為過程性聚合模塊。這類模塊聚合度較前幾個要高一些。（5）數(shù)據(jù)性聚合將對同一數(shù)據(jù)加工處理若干個功效組合在一起所形成模塊，稱為數(shù)據(jù)性聚合模塊。這種模塊能合理地定義功效，結(jié)構(gòu)也比較清楚，所以其聚合度較高。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第26頁第3章

網(wǎng)站系統(tǒng)設(shè)計（6）次序性聚合把若干個次序執(zhí)行、一個處理輸出是另一個處理輸入功效組合在一起所組成模塊，稱為次序性聚合模塊。這種模塊聚合度要更高一些。（7）功效性聚合為了完成一項詳細(xì)任務(wù)，由簡單處理功效所組成模塊，稱為功效性聚合模塊。這種模塊功效單一，內(nèi)部聯(lián)絡(luò)緊密，易于編程、調(diào)試和修改。所以，其獨立性最強，聚合度也最高。在上述七種模塊聚合方式中，其聚合度是依次升高。因為功效性聚合模塊聚合度最高，所以在劃分模塊過程中，首先應(yīng)盡可能采取功效性聚合方式；其次，依據(jù)需要能夠適當(dāng)考慮采取次序性聚合或數(shù)據(jù)性聚合方式，但要防止采取偶然性聚合和邏輯性聚合方式，以提升系統(tǒng)設(shè)計。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第27頁第3章

網(wǎng)站系統(tǒng)設(shè)計

3.3Web站點結(jié)構(gòu)化設(shè)計企業(yè)網(wǎng)站作為一類特殊信息系統(tǒng)，在系統(tǒng)設(shè)計時，應(yīng)該遵照上面介紹系統(tǒng)設(shè)計總體思想和標(biāo)準(zhǔn)。同時，因為它特殊性，在進行站點系統(tǒng)設(shè)計時，依據(jù)該類系統(tǒng)本身特點，還應(yīng)該把握下面一些關(guān)鍵點。3.3.1Web站點設(shè)計標(biāo)準(zhǔn)在當(dāng)前Internet應(yīng)用中，很多企業(yè)紛紛建立自己網(wǎng)站，但因為對于網(wǎng)站認(rèn)識還不夠深入，多數(shù)企業(yè)并不知道自己網(wǎng)站能干什么，更不了解網(wǎng)站設(shè)計需要把握規(guī)律。一些企業(yè)甚至只發(fā)一二頁內(nèi)容也算是建了一個網(wǎng)站，而且其信息從不更新。其實，要設(shè)計一個有吸引力網(wǎng)站，最少應(yīng)該遵照下述一些基本標(biāo)準(zhǔn)。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第28頁第3章

網(wǎng)站系統(tǒng)設(shè)計1.安全快速訪問足夠帶寬是快速訪問確保。很多單位管理人員喜歡把服務(wù)器放到自己單位，認(rèn)為這么做法保險、安全，其實這么所帶來直接后果就是帶寬問題。因為帶寬和租費是成正比，要想租一條1Mbps以上DDN專線，一般單位都會承受不起，所以很多單位只租用64KbpsDDN，充其量到達128Kbps。這么速率對于只有30頁以下小站還能夠應(yīng)付，但對于300頁以上網(wǎng)站，天天只有5000次以上訪問量，這個速率就顯得很低了。有穩(wěn)定、全天二十四小時、整年365天都能夠連續(xù)工作服務(wù)器也至關(guān)主要。網(wǎng)站管理員最頭痛就是服務(wù)器死機、病毒發(fā)作等問題。北京電報局信息服務(wù)機房里現(xiàn)在已放置了上百臺服務(wù)器，其中60％~70％是基于高檔計算機NT服務(wù)器。據(jù)調(diào)查，這些服務(wù)器故障率很高。對于一些專用服務(wù)器，如Sun、Apple等服務(wù)器，這類問題可能要少些。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第29頁第3章

網(wǎng)站系統(tǒng)設(shè)計

2.及時更新信息網(wǎng)站信息必須經(jīng)常更新。在網(wǎng)站建設(shè)早期，很多人錯誤地認(rèn)為，要想讓網(wǎng)站吸引住瀏覽者，就—定要把主頁設(shè)計盡可能做得漂亮。但伴隨網(wǎng)站建設(shè)發(fā)展，人們越來越清楚地認(rèn)識到，這種看法有極大片面性。主頁設(shè)計得好，自然會吸引人們注意，但這種吸引是暫時，要想長久吸引住瀏覽者，最終還是靠網(wǎng)站內(nèi)容不停更新。每次更新網(wǎng)頁內(nèi)容盡可能要在主頁中提醒給瀏覽者。因為網(wǎng)站內(nèi)容結(jié)構(gòu)普通都是樹形結(jié)構(gòu)，全部文章都包含在各級版塊或欄目里。所以，假如每次更新網(wǎng)頁內(nèi)容全都被放進了各級版塊和欄目中，瀏覽者并不知道更新了哪些東西，假如讓用戶到版塊或欄目中去查找，不是一個好方法。所以在這種情況下，一定要在首級主頁中顯示出最新更新網(wǎng)頁目錄，方便于訪問者瀏覽。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第30頁第3章

網(wǎng)站系統(tǒng)設(shè)計

3.完善檢索能力對于一個網(wǎng)站來說，怎樣合理地組織自己要公布信息內(nèi)容，方便讓瀏覽者能夠快速、準(zhǔn)確地檢索到要查尋信息，這是一個網(wǎng)站是否成功關(guān)鍵。假如當(dāng)用戶進入一個網(wǎng)站后不能快速地找到自己要找內(nèi)容，那么這個網(wǎng)站就極難吸引住瀏覽者。處理這個問題，通?？山?jīng)過對網(wǎng)站內(nèi)容全漢字檢索來實現(xiàn)。假如一個網(wǎng)站只有幾十頁內(nèi)容，則根本不用進行全漢字檢索，用遍歷方法就可查洵。但假如—個網(wǎng)站有幾百甚至幾千個網(wǎng)頁怎么辦，遍歷法顯然不行。所以，從實際應(yīng)用上，一定規(guī)模網(wǎng)站一定要提供全漢字檢索能力，方便于用戶查找本網(wǎng)站信息。4.網(wǎng)站信息交互能力假如一個網(wǎng)站只是為訪問者提供瀏覽，而不能引導(dǎo)瀏覽者參加到網(wǎng)站內(nèi)容部分建設(shè)中去，那么它吸引力是有限。只有當(dāng)瀏覽者能夠很方便地和信息公布者相互交流，該網(wǎng)站魅力才能充分表達出來。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第31頁第3章

網(wǎng)站系統(tǒng)設(shè)計

3.3.2Web站點設(shè)計關(guān)鍵點各種類型web站點設(shè)計側(cè)重點不一樣，但總說來有以下設(shè)計關(guān)鍵點。1.目標(biāo)明確、定位正確Web站點設(shè)計是企業(yè)或機構(gòu)發(fā)展戰(zhàn)略主要組成部分。想要將企業(yè)站點作為因特網(wǎng)這個新媒體上展示企業(yè)形象、企業(yè)文化信息空間，領(lǐng)導(dǎo)一定要給予足夠重視，明確設(shè)計站點目標(biāo)和用戶需求，從而做出切實可行計劃。挑選與錘煉企業(yè)關(guān)鍵信息，利用一個邏輯結(jié)構(gòu)有序地組織起來，開發(fā)一個頁面設(shè)計原型，選擇用戶代表來進行測試，并逐步精煉這個原型，形成創(chuàng)意。

分析有些網(wǎng)站效果不如預(yù)想好，主要原因是對用戶需求了解有偏差，缺乏用戶檢驗造成。設(shè)計者經(jīng)常將企業(yè)市場營銷和商業(yè)目標(biāo)放在首位，而對用戶和潛在用戶真正需求了解不多。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第32頁第3章

網(wǎng)站系統(tǒng)設(shè)計所以，企業(yè)或機構(gòu)應(yīng)清楚地了解本網(wǎng)站用戶群體基本情況，如受教育程度、收入水平、需要信息范圍及深度等，從而能夠有放矢。2.主題鮮明、富有特色在目標(biāo)明確基礎(chǔ)上，完成網(wǎng)站構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站整體格調(diào)和特色做出定位，規(guī)劃網(wǎng)站組織結(jié)構(gòu)。Web站點應(yīng)針對所服務(wù)對象（機構(gòu)或人）不一樣而含有不一樣形式。有些站點只提供簡練文本信息；有些則采取多媒體表現(xiàn)手法，提供華麗圖像、閃爍燈光、復(fù)雜頁面布置，甚至能夠下載聲音和錄像片段。最好Web站點將把圖形圖像表現(xiàn)手法與有效組織與通信結(jié)合起來。要做到主題鮮明突出，力爭簡練，關(guān)鍵點明確，以簡單明確語言和畫面告訴大家本站點主題，吸引對本站點有需求人視線，對無關(guān)人員也能留下一定印象。對于一些行業(yè)標(biāo)志和企業(yè)標(biāo)志應(yīng)充分加以利用。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第33頁第3章

網(wǎng)站系統(tǒng)設(shè)計調(diào)動一切伎倆充分表現(xiàn)網(wǎng)站個性和情趣，突出個性，辦出網(wǎng)站特色。Web站點主頁應(yīng)具備基本成份包含：（1）頁頭：準(zhǔn)確無誤地標(biāo)識你站點和企業(yè)標(biāo)志；（2）E-mail地址：用來接收用戶垂詢；（3）聯(lián)絡(luò)信息：如普通郵件地址或電話；（4）版權(quán)信息。注意重復(fù)利用已經(jīng)有信息，如客戶手冊、公共關(guān)系文檔、技術(shù)手冊和數(shù)據(jù)庫等能夠輕而易舉地用到企業(yè)Web站點中。3.版式編排布局合理網(wǎng)頁設(shè)計作為一個視覺語言，當(dāng)然要考究編排和布局，即使主頁設(shè)計不等同于平面設(shè)計，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第34頁第3章

網(wǎng)站系統(tǒng)設(shè)計版式設(shè)計經(jīng)過文字圖形空間組合，表示出友好與美。版式設(shè)計經(jīng)過視覺要素理性分析，和嚴(yán)格形式組成訓(xùn)練，培養(yǎng)對整體畫面把握能力和審美能力。一個優(yōu)異網(wǎng)頁設(shè)計者也應(yīng)該知道哪一段文字、圖形該落于何處，才能使整個網(wǎng)頁生輝。努力做到整體布局合理化、有序化、整體化。優(yōu)異之作，善于以巧妙、合理視覺方式使一些語言無法表示思想得以闡述，做到豐富多樣而又簡練明了。多頁面站點頁面編排設(shè)計要求把頁面之間有機聯(lián)絡(luò)反應(yīng)出來，這里主要問題是頁面之間和頁面內(nèi)秩序與內(nèi)容關(guān)系。為了到達最正確視覺表現(xiàn)效果，應(yīng)考究整體布局合理性。尤其是關(guān)系十分緊密有上下文關(guān)系頁面，一定要設(shè)計向前和向后按鈕，便于瀏覽者仔細(xì)研讀。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第35頁第3章

網(wǎng)站系統(tǒng)設(shè)計站點設(shè)計簡單有序，主次關(guān)系分明，將零亂頁面組織過程混雜內(nèi)容依整體布局需要進行分組歸納，經(jīng)過進行含有內(nèi)在聯(lián)絡(luò)組織排列，重復(fù)推敲文字、圖形與空間關(guān)系，使瀏覽者有一個流暢視覺體驗。4.色彩友好重點突出色調(diào)及黑、白、灰三色空間關(guān)系不論在設(shè)計還是在繪畫方面都起著主要作用。在頁面上一定得明確、協(xié)調(diào)、友好，而其它有色或無色內(nèi)容均屬黑、白、灰三色空間關(guān)系，從而組成它們空間層次。色彩是藝術(shù)表現(xiàn)要素之一，它是光刺激眼睛再傳導(dǎo)到大腦中樞而產(chǎn)生一個感覺。在網(wǎng)頁設(shè)計中，依據(jù)友好、均衡和重點突出標(biāo)準(zhǔn)，將不一樣色彩進行組合、搭配來組成漂亮頁面。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第36頁第3章

網(wǎng)站系統(tǒng)設(shè)計利用色彩對人們心理影響結(jié)果，合理地加以利用。按照色彩記憶性標(biāo)準(zhǔn)，普通暖色較冷色記憶性強。色彩還含有聯(lián)想與象征特質(zhì)，如：紅色象征火、血、太陽；藍(lán)色象征大海、天空和水面等。所以設(shè)計出售冷食虛擬店面，應(yīng)使用消極而沉靜顏色，使人心理上感覺清涼一些。在色彩利用過程中，還應(yīng)注意一個問題是：因為國家和種族不一樣，宗教和信仰不一樣，生活地理位置、文化涵養(yǎng)差異，不一樣人群對色彩喜惡程度有著很大差異。如：兒童喜歡對比強烈、個性鮮明純顏色；生活在草原上人喜歡紅色；生活在鬧市中人喜歡淡雅顏色；生活在沙漠中人喜歡綠色。在設(shè)計中要考慮主要讀者群背景和組成。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第37頁第3章

網(wǎng)站系統(tǒng)設(shè)計

5.形式內(nèi)容友好統(tǒng)一形式服務(wù)于內(nèi)容，內(nèi)容又為目標(biāo)服務(wù)，形式與內(nèi)容統(tǒng)一是設(shè)計網(wǎng)頁基本標(biāo)準(zhǔn)之一。畫面組織標(biāo)準(zhǔn)中，將豐富意義和多樣形式組織在一個統(tǒng)一結(jié)構(gòu)里，形式語言必須符合頁面內(nèi)容，表達內(nèi)容豐富含義。利用對比與調(diào)和，對稱與平衡，節(jié)奏與韻律以及留白等伎倆，如經(jīng)過空間、文字、圖形之間相互關(guān)系建立整體均衡狀態(tài)，產(chǎn)生友好美感。如對稱標(biāo)準(zhǔn)在頁面設(shè)計中，它均衡有時會使頁面顯得呆板，但假如加入一些動感文字、圖案，或采取夸大手法來表現(xiàn)內(nèi)容往往會到達比很好效果。點、線、面是視覺語言中基本元素，使用點、線、面相互穿插、相互襯托、相互補充組成最正確頁面效果。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第38頁第3章

網(wǎng)站系統(tǒng)設(shè)計（1）點是全部空間形態(tài)中最簡練元素，也能夠說是最活躍、最不安分元素。設(shè)計中，一個點就能夠包羅萬象，表達設(shè)計者無限心思，網(wǎng)頁中圖標(biāo)，單個圖片，按鈕或一團文字等都能夠說是點。點是靈活多變，我們能夠?qū)⒁慌盼淖忠暈橐粋€點，將一個圖形視為一個點。在網(wǎng)頁設(shè)計中點，因為大小、形態(tài)、位置不一樣而給人不一樣心理感受。（2）線是點移動軌跡，線在編排設(shè)計中有強調(diào)、分割、導(dǎo)線，視覺線作用。線會因方向、形態(tài)不一樣而產(chǎn)生不一樣視覺感受，比如垂直線給人平穩(wěn)、屹立感覺，弧線使人感到流暢、輕盈；曲線使人跳動、不安。在頁面中內(nèi)容較多時，就需進行版面分割，經(jīng)過線分割確保頁面良好視覺秩序，頁面在直線分割下，產(chǎn)生友好統(tǒng)一美感；經(jīng)過不一樣百分比空間分割，有時會產(chǎn)生空間層次韻律感。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第39頁第3章

網(wǎng)站系統(tǒng)設(shè)計（3）面形態(tài)除了規(guī)則幾何形體外，還有其它一些不規(guī)則形態(tài)，能夠說表現(xiàn)形式是各種多樣。面在平面設(shè)計中是點擴大，線重復(fù)形成。面狀給人以整體美感，使空間層次豐富，使單一空間多元化，在表示較含蓄。網(wǎng)頁設(shè)計中點、線、面利用并不是孤立，很多時候都需要將它們結(jié)合起來，表示完美設(shè)計意境。6.多媒體功效利用最大資源優(yōu)勢在于多媒體功效，因而要盡一切努力挖掘它，吸引瀏覽者保持注意力。因而畫面內(nèi)容應(yīng)該有一定實用性，如產(chǎn)品介紹甚至能夠用三維動畫來表現(xiàn)。這里需要注意問題是，因為網(wǎng)絡(luò)帶寬限制，在使用多媒體形式表現(xiàn)網(wǎng)頁內(nèi)容時應(yīng)考慮客戶端傳輸速度，或者說將多媒體內(nèi)容控制在用戶可接收下載時間內(nèi)是十分必要。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第40頁第3章

網(wǎng)站系統(tǒng)設(shè)計

7.相關(guān)站點引導(dǎo)鏈接一個好網(wǎng)站基本要素是用戶進入后，與本網(wǎng)站相關(guān)信息都能夠方便快捷地找到，其中要借助于相關(guān)站點，所以做好導(dǎo)引是一項主要工作。超文本這種結(jié)構(gòu)使全球全部聯(lián)上因特網(wǎng)計算機成為超大規(guī)模信息庫，鏈接到其它網(wǎng)站輕而易舉。在設(shè)計網(wǎng)頁導(dǎo)引組織時，應(yīng)該給出多個相關(guān)網(wǎng)站鏈接，使得用戶感到想得到信息就在鼠標(biāo)馬上就能夠點擊地方。8.網(wǎng)站測試必不可少為何精心設(shè)計網(wǎng)站是經(jīng)得起推敲，就是因為它經(jīng)過認(rèn)真細(xì)致測試。測試實際上就是模擬用戶訪問網(wǎng)站過程，得以發(fā)覺問題改進設(shè)計。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第41頁第3章

網(wǎng)站系統(tǒng)設(shè)計因為普通網(wǎng)站設(shè)計都是一些專業(yè)人員設(shè)計，他們對計算機和網(wǎng)絡(luò)有較深了解，但要考慮到訪問網(wǎng)站大部分人只是使用計算機和網(wǎng)絡(luò)，應(yīng)切實滿足他們需要。所以有許多成功經(jīng)驗表明，讓對計算機不是很熟悉人來參加網(wǎng)站測試工作效果非常好，這些人會提出許多專業(yè)人員沒有顧及到問題或一些好提議。9.合理地利用新技術(shù)因特網(wǎng)是IT界發(fā)展最快領(lǐng)域，其中新網(wǎng)頁制作技術(shù)幾乎天天都會出現(xiàn)，假如不是介紹網(wǎng)絡(luò)技術(shù)專業(yè)站點，一定要合理地利用網(wǎng)頁制作新技術(shù)，切忌將網(wǎng)站變?yōu)橐粋€制作網(wǎng)頁技術(shù)展臺，永遠(yuǎn)記住用戶方便快捷地得到所需要信息是最主要。但對于網(wǎng)站設(shè)計者來說，必須學(xué)習(xí)跟蹤掌握網(wǎng)頁設(shè)計新技術(shù)，如Java、DHTML、XML等，依據(jù)網(wǎng)站內(nèi)容和形式需要合理地應(yīng)用到設(shè)計中。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第42頁第3章

網(wǎng)站系統(tǒng)設(shè)計要將企業(yè)站點作為在Internet上展示企業(yè)形象、企業(yè)文化信息中間，有明確目標(biāo)、良好定位Web站點設(shè)計是企業(yè)或機構(gòu)發(fā)展戰(zhàn)略主要組成部分。對此，主管部門一定要給予足夠重視，明確設(shè)計站點目標(biāo)和用戶需求，從而做出切實可行計劃。挑選與錘煉企業(yè)關(guān)鍵信息，利用邏輯結(jié)構(gòu)有序地組織起來，并開發(fā)一個頁面設(shè)計原型，選擇代表性用戶來進行測試，然后逐步精煉這個原型，最終形成創(chuàng)意。3.3.3Web站點設(shè)計流程在Web站點設(shè)計階段，主要包含以下設(shè)計工作。1.搜集該站點關(guān)鍵信息它包含站點目標(biāo)客戶、擬公布內(nèi)容、Web服務(wù)器開發(fā)平臺等。2.概念開發(fā)設(shè)計人員依據(jù)搜集信息進行構(gòu)思。通常，設(shè)計人員要把這些構(gòu)思用草圖形式展現(xiàn)給用戶代表，這個草圖要有整個網(wǎng)站結(jié)構(gòu)、不一樣布局設(shè)計及導(dǎo)航。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第43頁第3章

網(wǎng)站系統(tǒng)設(shè)計

3.內(nèi)容綜合設(shè)計人員開始制作一些初始圖樣，這些圖樣用諸如Photoshop應(yīng)用程序來創(chuàng)建，然后，設(shè)計人員將圖樣打印出來，配上文字說明。4.HTML布局和導(dǎo)航一旦客戶同意了這些內(nèi)容，設(shè)計人員開始編制Web頁面，導(dǎo)航器也被編制到頁面中，使客戶有所體驗。5.圖形制作假如客戶同意了站點外觀和設(shè)計思想，設(shè)計人員將大量制作所需圖形，并進行優(yōu)化。簡練明快、獨具特色、保持統(tǒng)一網(wǎng)站格調(diào)能讓用戶產(chǎn)生深刻印象，不停來訪問。優(yōu)異網(wǎng)頁畫面少不了漂亮圖像，但更主要是布局效果。網(wǎng)頁布局采取主要技術(shù)是HTML表格（Table）和框架（Frame）功效。6.內(nèi)容流程客戶書面材料利用各種網(wǎng)頁技術(shù)（如CSS、Java、Flash），使其內(nèi)部流程有機地和相關(guān)圖形整合在一起。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第44頁第3章

網(wǎng)站系統(tǒng)設(shè)計

7.測試在站點被提交給客戶之前，設(shè)計人員要全方面測試每個Web頁面和頁面間鏈接，利用清單進行修補。測試實際上就是模擬用戶訪問網(wǎng)站，從中得以發(fā)覺問題改進設(shè)計。因為普通網(wǎng)站都是一些專業(yè)人員設(shè)計，他們對計算機和網(wǎng)絡(luò)有較深了解，但要考慮到訪問網(wǎng)站大部分人只是使用計算機和網(wǎng)絡(luò)。所以，網(wǎng)站應(yīng)切實滿足使用者需要。許多成功經(jīng)驗表明，讓不是很熟悉計算機人來參加網(wǎng)站測試工作效果會非常好，這些人會提出許多專業(yè)人員沒有顧及到問題或一些好提議。8.交付一旦簽收，用戶要經(jīng)常進行測試，找出排版和內(nèi)容方面錯誤，完成這些次要修正后，就可正式啟用站點。這套完整計劃能夠安排在一定時間內(nèi)完成。當(dāng)站點啟用后，要進行跟蹤調(diào)查，以確定人們怎樣使用站點。經(jīng)過—段時間試運行之后，搜集數(shù)據(jù)，開始重新設(shè)計，將此Web設(shè)計過程再深入完善。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第45頁第3章

網(wǎng)站系統(tǒng)設(shè)計

3.3.4Web站點基本模塊1.站點結(jié)構(gòu)圖（Sitemap）站點結(jié)構(gòu)圖是一個相關(guān)站點結(jié)構(gòu)、組織方式示意圖。各主要內(nèi)容或題目標(biāo)詳細(xì)內(nèi)容將被列在其下副標(biāo)題中。當(dāng)訪問者點擊標(biāo)題、題目或副標(biāo)題時，相關(guān)網(wǎng)頁就會出現(xiàn)在屏幕當(dāng)中。站點結(jié)構(gòu)圖還能夠被視作是站點分級結(jié)構(gòu)圖。以這種方式組織起來信息能夠使訪問者快速找到他所需要信息所在位置。站點結(jié)構(gòu)圖與導(dǎo)航欄區(qū)分是：站點結(jié)構(gòu)圖能夠而且也應(yīng)該包含與導(dǎo)航欄類似鏈接，供用戶點擊至相關(guān)網(wǎng)頁，但它并不是一個單純導(dǎo)航工具。它目標(biāo)在于提供獨守、更詳細(xì)站點結(jié)構(gòu)概況。2.導(dǎo)航欄（NavigationBar）當(dāng)用戶訪問網(wǎng)站時，他們怎樣從一個地方到另一個地方？怎樣預(yù)防他們走丟？定義網(wǎng)站導(dǎo)航系統(tǒng)能夠處理這些問題。導(dǎo)航系統(tǒng)出現(xiàn)在網(wǎng)站每頁上，使用戶很方便地在不一樣部分之間跳轉(zhuǎn)。假如可能，把全局導(dǎo)航元素限制在5-7個之間。另一個方法是把網(wǎng)站商標(biāo)（企業(yè)標(biāo)志）加入全局導(dǎo)航系統(tǒng)作為返回網(wǎng)站首頁鏈接。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第46頁第3章

網(wǎng)站系統(tǒng)設(shè)計局部導(dǎo)航能夠有不一樣形式，能夠是主題列表，比如YAHOO；能夠是選項菜單形式，比如GeoCities中membersarea：或者能夠是一些相關(guān)條目標(biāo)列表。每個Web站點都應(yīng)該包含一組導(dǎo)航工具，它出現(xiàn)在此站點每—個頁面中。導(dǎo)航欄中按鈕應(yīng)該包含：主頁、聯(lián)絡(luò)方式、反饋及其它—些用戶感興趣內(nèi)容。這些內(nèi)容應(yīng)該與站點結(jié)構(gòu)圖中主要題目相關(guān)聯(lián)，設(shè)計導(dǎo)航欄應(yīng)注意以下幾點：（1）圖表比單純文字效果更佳，但它必須能夠清楚地表達出它所鏈接內(nèi)容。圖表下應(yīng)附有文字說明，以防止圖像抵達不清而引發(fā)混同。（2）無任何鏈接內(nèi)容不要做成按鈕形式。（3）使用慣用顏色。防止在鏈接處使用特殊顏色，應(yīng)該使用標(biāo)準(zhǔn)、醒目標(biāo)顏色。屏幕上顯示頁面所對應(yīng)按鈕應(yīng)該對應(yīng)變成灰色，或突出顯示，或以其它方式表示出來。（4）每個頁面都應(yīng)包含代表“返回”或“前進”箭頭。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第47頁第3章

網(wǎng)站系統(tǒng)設(shè)計

3.聯(lián)絡(luò)方式頁面（ContactPage）創(chuàng)建可轉(zhuǎn)到發(fā)送E-mail信息屏幕連接。網(wǎng)站地址能夠自動地出現(xiàn)在“收信人”欄中。這么，訪問者在錄入相關(guān)內(nèi)容后，點擊“發(fā)送”按鈕，即可完成操作。此頁面還應(yīng)包含其它聯(lián)絡(luò)方式，比如通信地址及聯(lián)絡(luò)人、傳真、電話號碼等。在導(dǎo)航欄中應(yīng)能很方便地找到這些信息。4.反饋表（FeedbackForms）利用反饋表，訪問者能夠隨時提出信息需求，而無須再打電話聯(lián)絡(luò)。反饋表還為那些沒有E-mail賬號用戶提供了方便。每一個反饋對企業(yè)來說都是一個不停提升服務(wù)質(zhì)量，以滿足用戶需求機會。從反饋表中能夠發(fā)覺，在站點中哪些信息是主要，哪些是無關(guān)緊要。另外，還能夠考慮加設(shè)消息欄，用戶能夠在此發(fā)表一些評論，提出他們所關(guān)心問題。這不但以使他們與企業(yè)保持聯(lián)絡(luò)，而且能夠讓他們相互之間進行交流。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第48頁第3章

網(wǎng)站系統(tǒng)設(shè)計

5.引人入勝內(nèi)容（CompellingContent）在每頁中都要包含相關(guān)、引人入勝內(nèi)容。尤其是當(dāng)要銷售某種產(chǎn)品時候，每個頁面都要用精心修飾內(nèi)容和圖像。企業(yè)目標(biāo)是為了吸引普通用戶，所以站點上所使用語言也應(yīng)該通俗易懂，并對專業(yè)用語及技術(shù)術(shù)語進行解釋?？蓪⒂绕渲饕獌?nèi)容用符號標(biāo)識出來，但不要用得過多，以保持頁面簡練，不要把站點建成單純網(wǎng)上企業(yè)介紹。6.常見問題解答（FAQ）創(chuàng)建FAQ能夠防止重復(fù)回答相同問題，假如將問題列于FAQ頁面上部，并將每個問題與答案連接在一起，能夠節(jié)約企業(yè)和訪問者雙方時間和精力。須確認(rèn)在導(dǎo)航欄中包含有FAQ按鈕。7.精美圖像（GoodGraphics）圖像不應(yīng)使用過多，但要選擇適當(dāng)、無需太多內(nèi)存及下載時間圖像。有兩種保持圖像方法：能夠經(jīng)過將圖像保留為16色而不是256色來處理圖像；也能夠?qū)γ宽撐淖趾蛨D像進行限制。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第49頁第3章

網(wǎng)站系統(tǒng)設(shè)計

8.相關(guān)站點鏈接（RelevantLinks）成功網(wǎng)站通常都能夠鏈接到其它站點，以提供更多相關(guān)信息。對每個鏈接都要做簡明說明，以幫助訪問者選擇最適合其需求站點。企業(yè)需要對所鏈接站點做定時訪問，刪除那些死站點，以免使訪問者感到厭煩。每七天維護一次就足夠了，但要持之以恒。3.4網(wǎng)站設(shè)計慣用技術(shù)Internet是發(fā)展最快領(lǐng)域，新網(wǎng)頁制作技術(shù)幾乎天天都會出現(xiàn)，企業(yè)站點應(yīng)該合理地利用網(wǎng)頁制作新技術(shù)，不要將網(wǎng)站變?yōu)橐粋€單純制作網(wǎng)頁技術(shù)展臺，記住用戶方便、快捷地得到所需要信息是最主要。3.4.1慣用網(wǎng)站設(shè)計技術(shù)從技術(shù)上講，設(shè)計站點并不十分困難。當(dāng)前，有很多網(wǎng)頁設(shè)計軟件，比如FrontPage、Hotdog等，都能夠幫助我們方便地設(shè)計制作網(wǎng)頁。專業(yè)化網(wǎng)站建設(shè)更主要意義表達在經(jīng)過各種應(yīng)用開發(fā)，實現(xiàn)數(shù)據(jù)庫調(diào)用及多媒體信息播放等功效，進而完成網(wǎng)絡(luò)營銷站點中交互功效。所以，網(wǎng)絡(luò)設(shè)計者不但從技術(shù)人員角度來學(xué)習(xí)怎樣設(shè)計制作主頁，更多是要站在經(jīng)營者市場從事商業(yè)站點主頁設(shè)計。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第50頁第3章

網(wǎng)站系統(tǒng)設(shè)計對于網(wǎng)站設(shè)計者來說，必須學(xué)習(xí)、跟蹤、掌握網(wǎng)頁設(shè)計新技術(shù)，將站點功效有機地與內(nèi)容結(jié)合起來。這實際上對網(wǎng)站設(shè)計者素質(zhì)要求極高，因為這是一個正在形成和蓬勃發(fā)展新領(lǐng)域，幾乎天天都會有新技術(shù)和規(guī)范產(chǎn)生，詳細(xì)如Java、DHTML、XML、DOM等新技術(shù)，需要不停學(xué)習(xí)才能不落伍。為此，在建設(shè)網(wǎng)站時，就需要依據(jù)不一樣功效采取不一樣設(shè)計技術(shù)。就當(dāng)前情況來看，企業(yè)網(wǎng)站設(shè)計技術(shù)基本上有七種。1.網(wǎng)頁設(shè)計技術(shù)網(wǎng)頁設(shè)計技術(shù)無疑是網(wǎng)站開發(fā)基本功。網(wǎng)站是否美觀大方，是否擁有強烈視覺沖擊力，與網(wǎng)頁設(shè)計技術(shù)親密相關(guān)。設(shè)計網(wǎng)頁技巧各種多樣，各類參考書籍也是數(shù)不勝數(shù)。2.數(shù)據(jù)庫技術(shù)當(dāng)前，數(shù)據(jù)庫技術(shù)在網(wǎng)站設(shè)計上非常流行。實際上，一個網(wǎng)站假如沒有數(shù)據(jù)庫技術(shù)支持，它維護成本會相當(dāng)高昂。采取數(shù)據(jù)庫技術(shù)最大好處于兩個方面：一是方便用戶瀏覽、查詢檢索以及統(tǒng)計比較等；二是輕易進行信息、數(shù)據(jù)更新，系統(tǒng)維護成本相對較低。數(shù)據(jù)庫技術(shù)能夠廣泛應(yīng)用于企業(yè)網(wǎng)站，常見有：網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第51頁第3章

網(wǎng)站系統(tǒng)設(shè)計（1）新聞數(shù)據(jù)庫系統(tǒng)。它能夠使企業(yè)及時更新資料，并讓用戶快速查閱關(guān)于企業(yè)各項新聞動態(tài)資料。（2）產(chǎn)品數(shù)據(jù)庫系統(tǒng)。它能夠集中進行企業(yè)產(chǎn)品介紹、評價、導(dǎo)購、檢索、網(wǎng)上訂購和使用問答等等。（3）調(diào)查數(shù)據(jù)庫系統(tǒng)。它能夠在網(wǎng)上進行服務(wù)調(diào)查、產(chǎn)品調(diào)查、形象調(diào)查、宣傳調(diào)查等，并能夠自動進行統(tǒng)計分析。（4）用戶數(shù)據(jù)庫系統(tǒng)。它經(jīng)過用戶網(wǎng)上注冊，能夠提供良好售后服務(wù)。3.表單回收技術(shù)所謂表單回收技術(shù)是指在網(wǎng)上設(shè)置一些表格，用戶填寫之后，能夠自動反饋給企業(yè)。表單回收技術(shù)并不復(fù)雜，因而在Internet中應(yīng)用非常廣泛。尤其是在企業(yè)網(wǎng)站建設(shè)當(dāng)中，少了表單回收技術(shù)，網(wǎng)站功效就會大大遜色。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第52頁第3章

網(wǎng)站系統(tǒng)設(shè)計企業(yè)網(wǎng)站應(yīng)用表單回收技術(shù)主要包含：用戶提議、投訴、人才招聘、招商合作、意見反饋等。4.郵件列表技術(shù)郵件列表（Mailing

List）技術(shù)能夠讓用戶及時訂閱企業(yè)最新資料或者網(wǎng)站更新動態(tài)。假如企業(yè)希望更多訪問者留下聯(lián)絡(luò)信息話，提議采取這一技術(shù)。5.全文檢索技術(shù)采取全文檢索技術(shù)，能夠讓用戶快速查找到所需要內(nèi)容。假如企業(yè)網(wǎng)站比較大，應(yīng)該使用這一技術(shù)。6.搜索引擎技術(shù)這個技術(shù)能夠把與企業(yè)相關(guān)資料、網(wǎng)站集合在一起，從而使用戶快速查閱與企業(yè)產(chǎn)品、服務(wù)、權(quán)益等相關(guān)各種資料。比如，企業(yè)網(wǎng)站是彩電類，應(yīng)用搜索引擎技術(shù)，經(jīng)過網(wǎng)站就能夠鏈接到大量與彩電知識相關(guān)網(wǎng)站。這么網(wǎng)站自然是尤其輕易受到用戶歡迎，這也是當(dāng)前最為流行“企業(yè)門戶網(wǎng)站”概念。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第53頁第3章

網(wǎng)站系統(tǒng)設(shè)計

7.電子商務(wù)技術(shù)采取電子商務(wù)技術(shù)，能夠?qū)崿F(xiàn)網(wǎng)上訂購與交易功效，但因為此項技術(shù)包括到資金轉(zhuǎn)移，因而難度很高，當(dāng)前還未形成氣候。但此項技術(shù)將是企業(yè)網(wǎng)站發(fā)展方向之一，所以在網(wǎng)站設(shè)計時應(yīng)該留一個發(fā)展余地。理論上說，囊括了上述技術(shù)網(wǎng)站無異將是非常出眾。但有一點：必須注意，假如全部采取上述技術(shù)，其投入費用相當(dāng)高。所以，在實際運作中，企業(yè)應(yīng)該依據(jù)自己實際情況和實際能力，量力而行。在知識爆炸信息時代，要想建立—個成功網(wǎng)站，吸引大量來訪者，必須有快速連接速度、豐富內(nèi)容和不停地更新，同時也要有一套完善安全機制。這么除了完善對采編人員管理機制外，網(wǎng)站合理結(jié)構(gòu)和高性能就成為決定性原因。網(wǎng)站性能包含網(wǎng)絡(luò)性能（包含網(wǎng)絡(luò)帶寬、拓?fù)浣Y(jié)構(gòu)等），服務(wù)器性能（包含CPU、RAM等），系統(tǒng)軟件性能（包含操作系統(tǒng)、Web服務(wù)器、數(shù)據(jù)庫等），應(yīng)用程序性能（包含程序結(jié)構(gòu)、數(shù)據(jù)結(jié)構(gòu)、算法效率等）。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第54頁第3章

網(wǎng)站系統(tǒng)設(shè)計

3.4.2首頁設(shè)計首頁設(shè)計是一個網(wǎng)站成功是否關(guān)鍵。是否能夠吸引瀏覽者留在站點上，是不是能夠促使瀏覽者繼續(xù)點擊進入，全憑首頁設(shè)計效果。所以，首頁設(shè)計和制作是絕對要重視和花心思。從根本上說，首頁就是全站內(nèi)容目錄，也是一個索引。但只是羅列目錄顯然是不夠，怎樣設(shè)計好一個首頁呢？這需要處理好以下兩方面工作。1.確定首頁功效模塊首頁內(nèi)容模塊是指在首頁上需要實現(xiàn)主要內(nèi)容和功效。Web站點首頁應(yīng)具備基本成份包含：頁頭，準(zhǔn)確無誤地標(biāo)識企業(yè)站點和標(biāo)志；E-mail地址，用來接收用戶垂詢；聯(lián)絡(luò)信息，如普通郵件地址或電話、版權(quán)信息。注意可重復(fù)利用已經(jīng)有信息，比如客戶手冊、公共關(guān)系文檔、技術(shù)手冊和數(shù)據(jù)庫等。普通站點都需要以下一些模塊：網(wǎng)站名稱（Logo）、廣告條（Banner）、主菜單（Menu）、新聞（What'snew）、搜索（Search）、友情鏈接（Links）、郵件列表（MailList）、計數(shù)器（Count）、版權(quán)（Copyright）等。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第55頁第3章

網(wǎng)站系統(tǒng)設(shè)計選擇哪些模塊，實現(xiàn)哪些功效，是否需要添加其它模塊，這些都是首頁設(shè)計首先需要確定。2.設(shè)計首頁版面在功效模塊確定后，開始設(shè)計首頁版面。像搭積木一樣，每個模塊是一塊積木，怎樣拼搭出一座漂亮房子，就看設(shè)計者創(chuàng)意和想象力了。設(shè)計版面最好方法是：找一張白紙、—支筆，先將理想中草圖勾勒出來，然后再用網(wǎng)頁制作軟件實現(xiàn)。在設(shè)計中，應(yīng)防止“封面”問題。封面是指沒有詳細(xì)內(nèi)容，只放一個標(biāo)徽Logo點擊進入，或者只有簡單圖形菜單首頁。除非是藝術(shù)性很強站點，或者確信內(nèi)容獨特足以吸引瀏覽者深入點擊進入站點，不然話，封面式首頁并不會給企業(yè)站點帶來什么好處。用戶上網(wǎng)瀏覽需要是快速、有價值信息，假如等候若干分鐘，只顯示出一個粗劣“進入”圖標(biāo)，那么沒有些人會再耐心地等候進入下一頁。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第56頁第3章

網(wǎng)站系統(tǒng)設(shè)計

3.4.3網(wǎng)站內(nèi)容開發(fā)Internet最大資源優(yōu)勢在于它多媒體功效，因而要盡一切努力開發(fā)挖掘，吸引瀏覽者保持注意力。因而網(wǎng)頁畫面內(nèi)容應(yīng)該有一定實用性，如產(chǎn)品介紹能夠用三維動畫來表現(xiàn)。這里需要注意問題是，因為網(wǎng)絡(luò)帶寬限制，在使用多媒體形式表現(xiàn)網(wǎng)頁內(nèi)容時，應(yīng)考慮客戶端傳輸速度，或者說，應(yīng)將多媒體內(nèi)容控制在用戶可接收下載時間內(nèi)。1.協(xié)調(diào)頁面元素關(guān)系網(wǎng)絡(luò)上三維空間是一個假想空間，這種空間關(guān)系需要借助動靜改變、圖像百分比關(guān)系等空間原因表現(xiàn)出來。在頁面中，圖片、文字之間前后位置及疏密程度所產(chǎn)生視覺效果各不相同。在網(wǎng)頁上，圖片、文字前后疊壓所組成空間層次當(dāng)前還不多見，常見是一些設(shè)計得比較規(guī)范化、簡明化頁面，這種疊壓排列能產(chǎn)生強節(jié)奏空間層次，視覺效果強烈。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第57頁第3章

網(wǎng)站系統(tǒng)設(shè)計比如，頁面上、左、右、下、中位置所產(chǎn)生空間關(guān)系，以及疏密位置關(guān)系所產(chǎn)生空間層次，這兩種位置關(guān)系使視覺流程生動而清楚，注目程度高，疏密位置關(guān)系改變使空間層次富有彈性，同時也讓人產(chǎn)生輕松或緊迫心理感受。需要指出是，伴隨Web普及和計算機技術(shù)迅猛發(fā)展，人們已不滿足于HTML語言編制二維Web頁面，三維世界誘惑開始吸引更多人。虛擬現(xiàn)實要在Web網(wǎng)上展示其迷人風(fēng)采，于是VRML語言出現(xiàn)了。VRML是一個面向?qū)ο笳Z言，它類似Web超級鏈接所使用HTML語言，也是一個基于文本語言，并能夠運行在各種平臺之上，只不過能夠更多為虛擬現(xiàn)實環(huán)境服務(wù)。但VRML只是一個語言，對于三維環(huán)境藝術(shù)設(shè)計仍需要理論和實踐指導(dǎo)。2.網(wǎng)站內(nèi)容開發(fā)關(guān)鍵點影響網(wǎng)站成功原因主要有網(wǎng)站結(jié)構(gòu)合理性、直觀性，多媒體信息實效性。成功網(wǎng)站最大秘訣在于讓用戶感到網(wǎng)站對他們非常有用，所以，網(wǎng)站內(nèi)容開發(fā)對于網(wǎng)站建設(shè)至關(guān)主要。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第58頁第3章

網(wǎng)站系統(tǒng)設(shè)計進行網(wǎng)站內(nèi)容開發(fā)關(guān)鍵點包含：●HTML文檔效果由其本身質(zhì)量和瀏覽器解釋HTML方法決定。因為不一樣瀏覽器解釋方法不盡相同，所以在網(wǎng)頁設(shè)計時要充分考慮到這一點，讓全部瀏覽器都能夠正常瀏覽?！窬W(wǎng)站信息組織沒有任何簡單快捷方法，吸引用戶關(guān)鍵在于總體結(jié)構(gòu)層次分明。應(yīng)該盡可能防止形成復(fù)雜網(wǎng)狀結(jié)構(gòu)。網(wǎng)狀結(jié)構(gòu)不但不利于用戶查找感興趣內(nèi)容，而且在信息不停增多后還會使維護工作非常困難?！駡D像、聲音和視頻信息能夠比普通文本提供更豐富和更直接信息，產(chǎn)生更大吸引力，但文本字符可提供較快瀏覽速度。所以，圖像和多媒體信息使用要適中，降低文件數(shù)量和大小是必要。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第59頁第3章

網(wǎng)站系統(tǒng)設(shè)計●對于任何網(wǎng)站，每一個網(wǎng)頁或主頁都是非常主要，因為它們會給用戶留下第一印象，好第一印象能夠吸引用戶再次光臨這個網(wǎng)站。●網(wǎng)站內(nèi)容應(yīng)是動態(tài)，隨時進行修改和更新，以使自己網(wǎng)站緊跟市場時尚。在主頁上，注明更新日期及URL對于經(jīng)常訪問用戶非常有用。●網(wǎng)頁中應(yīng)該提供—些聯(lián)機幫助功效。比如輸入查詢關(guān)鍵詞就能夠提供一些簡單例子，千萬不能讓用戶不知所措。●網(wǎng)頁文本內(nèi)容應(yīng)簡明扼要、通俗易懂。全部內(nèi)容都要針對設(shè)計目標(biāo)而編寫，不要節(jié)外生枝。文字要正確，不能有語法錯誤和錯別字。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第60頁第3章

網(wǎng)站系統(tǒng)設(shè)計下面以培訓(xùn)站點為例，簡明給予說明。一個培訓(xùn)站點基本包含以下三部分內(nèi)容：（1）關(guān)于培訓(xùn)詳細(xì)介紹，比如培訓(xùn)學(xué)校背景、培訓(xùn)課程、培訓(xùn)老師、培訓(xùn)方式、招生簡章、報名程序等。（2）幫助學(xué)員深入了解培訓(xùn)和學(xué)習(xí)場所，比如教學(xué)論壇、實習(xí)天地、學(xué)員作品選登等。（3）一些指向相關(guān)站點鏈接，比如相關(guān)軟件無償下載、實時新聞、其它著名同類站點、合作搭檔等。假設(shè)企業(yè)要為自己做一個電視節(jié)目，不過企業(yè)不可能在攝制組來了之后才開始構(gòu)思。企業(yè)事先要準(zhǔn)備一個腳本，并非常仔細(xì)地列出企業(yè)所需要全部要素，然后按次序來實施，這么才可能做出企業(yè)想要節(jié)目。從某種意義上說，企業(yè)主頁也是一個節(jié)目，它將向世界展示企業(yè)。對那些僅僅經(jīng)過企業(yè)主頁了解企業(yè)訪問者來說，只有內(nèi)容看起來令人感興趣、并值得一看網(wǎng)站，他們才會認(rèn)為值得訪問。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第61頁第3章

網(wǎng)站系統(tǒng)設(shè)計就像一個電視節(jié)目—樣，企業(yè)計劃最終究為兩大類：內(nèi)容和技術(shù)。當(dāng)然，此二者是相互關(guān)聯(lián)。企業(yè)頁面內(nèi)容類型將決定企業(yè)要準(zhǔn)備技術(shù)細(xì)節(jié)；技術(shù)限制也將影響企業(yè)對內(nèi)容選擇。企業(yè)將在二者間不停尋找平衡點。3.Web站點經(jīng)典內(nèi)容企業(yè)Web站點應(yīng)包含以下經(jīng)典內(nèi)容。（1）企業(yè)基本背景介紹企業(yè)背景介紹材料，假如有條件，最好能夠提供對應(yīng)英文版，介紹文字最好提供簡單和詳實兩個版本。專業(yè)電子版企業(yè)介紹應(yīng)該含有圖文混排非HTML格式，比如能夠使用AcrobatPDF格式供客戶下載，因為Acrobat文件能夠保持圖文排列整體觀感。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第62頁第3章

網(wǎng)站系統(tǒng)設(shè)計

（2）詳細(xì)產(chǎn)品資料或服務(wù)介紹生產(chǎn)制造類企業(yè)應(yīng)該把自己主要產(chǎn)品全貌反應(yīng)在網(wǎng)站上，讓客戶能夠查詢到產(chǎn)品主要技術(shù)規(guī)格、照片和其它可公開信息；服務(wù)類企業(yè)應(yīng)該經(jīng)過各種伎倆把詳盡服務(wù)內(nèi)容和條款列出。為使企業(yè)產(chǎn)品能夠在網(wǎng)站上用更形象伎倆表達，能夠采取VRML編輯器構(gòu)筑一些虛擬現(xiàn)實場景。依據(jù)企業(yè)產(chǎn)品或服務(wù)門類多少，企業(yè)網(wǎng)站也應(yīng)該采取不一樣內(nèi)容結(jié)構(gòu)方式。假如企業(yè)產(chǎn)品線比較復(fù)雜，而且經(jīng)常有產(chǎn)品升級換代，那么最好采取Web數(shù)據(jù)庫技術(shù)，讓訪問者能夠進行數(shù)據(jù)庫查詢和分類檢索。（3）技術(shù)支持資料除了產(chǎn)品說明書之外，企業(yè)還應(yīng)該掌握自己產(chǎn)品更多信息，比如常見故障處理、計算機產(chǎn)品編程接口等。這些資料假如能夠公開，可放入網(wǎng)站，以減輕企業(yè)技術(shù)支持人員工作量。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第63頁第3章

網(wǎng)站系統(tǒng)設(shè)計（4）企業(yè)營銷網(wǎng)絡(luò)很多企業(yè)在總部以外都有其它分支機構(gòu)，為此企業(yè)應(yīng)該在網(wǎng)站上列出全球范圍內(nèi)全部可接洽到辦公場所，包含它們電話、傳真、電子郵件，并列出它們各自職能。（5）財務(wù)匯報對于股份制尤其是上市企業(yè)，應(yīng)該將主要財務(wù)匯報上網(wǎng)，讓股民能夠方便查詢到這些信息，包含中報、年報和各種配股計劃。（6）搜集客戶反饋在企業(yè)網(wǎng)站上應(yīng)該最少帶有一個客戶反饋表單，用于搜集客戶和普通訪問者對企業(yè)改進產(chǎn)品和服務(wù)意見或提議。網(wǎng)絡(luò)管理員應(yīng)該經(jīng)常檢驗提交上來內(nèi)容，并及時轉(zhuǎn)交給企業(yè)決議部門使用。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第64頁第3章

網(wǎng)站系統(tǒng)設(shè)計

（7）其它針對企業(yè)經(jīng)營特點內(nèi)容比如服裝制造企業(yè)能夠加入一些時尚網(wǎng)站鏈接，音響制品廠商能夠加入音樂站點鏈接。不過，千萬不要直接鏈接到競爭廠商網(wǎng)站。在企業(yè)Web站點建立后，要不停更新內(nèi)容，利用這種新媒體宣傳本企業(yè)企業(yè)文化、企業(yè)理念和企業(yè)產(chǎn)品。站點信息不停更新和新產(chǎn)品不停推出，會讓瀏覽者感到企業(yè)實力和發(fā)展，同時也會使企業(yè)愈加有信心。在企業(yè)web站點上，要認(rèn)真回復(fù)用戶電子郵件、傳統(tǒng)信件、電話垂詢和傳真，做到有問必答。最好將用戶進行分類，比如售前—般了解、銷售、售后服務(wù)等，由相關(guān)部門處理，使網(wǎng)站訪問者感受到企業(yè)真實存在，產(chǎn)生信任感。

網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第65頁第3章

網(wǎng)站系統(tǒng)設(shè)計需要注意是，不要許諾實現(xiàn)不了內(nèi)容，在企業(yè)真正有能力處理回復(fù)之前，不要哀求用戶輸入信息或羅列一大堆自己不能及時回復(fù)電話號碼。假如要求訪問者自愿提供其個人信息，應(yīng)公布并認(rèn)真推行個人隱私保護承諾，如不向第三方提供此信息等。3.4.4頁面可視化設(shè)計頁面可視化設(shè)計主要包含頁面組織效果、頁面色調(diào)效果、頁面版式設(shè)計、頁面美術(shù)設(shè)計等幾方面內(nèi)容。1.頁面組織效果形式服務(wù)于內(nèi)容，內(nèi)容又為目標(biāo)服務(wù)，形式與內(nèi)容統(tǒng)一是設(shè)計網(wǎng)頁基本標(biāo)準(zhǔn)之一，應(yīng)將豐富意義和多樣形式組織在一個統(tǒng)一結(jié)構(gòu)里，且形式語言必須符合頁面內(nèi)容，表達內(nèi)容豐富含義。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第66頁第3章

網(wǎng)站系統(tǒng)設(shè)計在頁面組織過程中，能夠利用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等伎倆。比如，經(jīng)過空間、文字、圖形之間相互關(guān)系建立整體均衡狀態(tài)，產(chǎn)生友好美感。對稱標(biāo)準(zhǔn)在頁面設(shè)計中，它均衡有時會使頁面顯得呆板：但假如加入一些動感文字、圖案，或采取夸大手法來表現(xiàn)內(nèi)容，往往會到達比很好效果。點、線、面是視覺語言中基本元素，使用點、線、面相互穿插、相互襯托、相互補充，可組成最正確頁面效果。（1）點點是全部空間形態(tài)中最簡練元素，也能夠說是最活躍、最不安分元素。設(shè)計中，一個點就能夠包羅萬象，表達設(shè)計者無限心思，網(wǎng)頁中圖標(biāo)、單個圖片、按鈕或一段文字等都能夠說是點。點是靈活多變，我們能夠?qū)⒁慌盼淖忠暈橐粋€點，或?qū)⒁粋€圖形視為一個點。在網(wǎng)頁設(shè)計中點，因為大小、形態(tài)、位置不一樣而會給人不一樣心理感受。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第67頁第3章

網(wǎng)站系統(tǒng)設(shè)計

（2）線線在編排設(shè)計中有強調(diào)、分割、導(dǎo)線、視覺線作用。線會因方向、形態(tài)不一樣而產(chǎn)生不一樣視覺感受，比如垂直線給人平穩(wěn)、屹立感覺：弧線使人感到流暢、輕盈；曲線使人跳動、不安。在頁面中內(nèi)容較多時，就需進行版面分割，經(jīng)過線分割確保頁面良好視覺秩序。頁面在直線分割下，產(chǎn)生友好統(tǒng)一美感；經(jīng)過不一樣百分比空間分割，有時會產(chǎn)生空㈨層次韻律感。（3）面面形態(tài)除了規(guī)則幾何形體外，還有其它—些小規(guī)則形態(tài)，它表現(xiàn)形式是各種多樣。面給人以整體美感，使空間層次豐富，使單—空間多元化，在表示上較含蓄。網(wǎng)頁設(shè)計中點、線、面利用并不是孤立，很多時候都需要將它們結(jié)合起來，以表示完美設(shè)計意境。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第68頁第3章

網(wǎng)站系統(tǒng)設(shè)計

2.頁面色調(diào)效果色彩是藝術(shù)表現(xiàn)要素之一，在網(wǎng)頁設(shè)計中，依據(jù)友好、均衡和重點突出標(biāo)準(zhǔn)，將不一樣色彩進行組合、搭配來組成漂亮頁面。色調(diào)及黑、白、灰三色空間關(guān)系不論是在設(shè)計上，還是在繪畫上都起著主要作用。在頁面上一定得明確色調(diào)，而其它有色或無色內(nèi)容均屬黑、白、灰三色空間關(guān)系，從而組成它們空間層次。色彩會對人們心理產(chǎn)生影響，應(yīng)合理地加以利用。按照色彩記憶性標(biāo)準(zhǔn)，普通暖色較冷色記憶性強。另外，色彩還含有聯(lián)想與象征特質(zhì)，比如，紅色象征火、血、太陽：藍(lán)色象征大海、天空和水面等。設(shè)計出售冷食虛擬店面，可使用清涼而沉靜顏色，使人心埋上會感覺清涼一些。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第69頁第3章

網(wǎng)站系統(tǒng)設(shè)計在色彩利用過程中，還應(yīng)注意一個問題是：因為國家和種族不一樣，宗教和信仰不一樣，生活地理位置、文化涵養(yǎng)差異，不一樣人群對色彩喜惡程度有著很大差異。比如，兒童喜歡對比強烈、個性鮮明純顏色：生活在草原上人喜歡紅色：生活在鬧市中人喜歡淡雅顏色；生活在沙漠中人喜歡綠色。在設(shè)計中要考慮各企業(yè)主要讀者群背景和組成。關(guān)于色彩原理有許多，在此僅僅闡述一些網(wǎng)頁配色時慣用技巧。（1）用一個色彩。這里是指先選定一個色彩，然后調(diào)整透明度或者飽和度（說得通俗些就是將色彩變淡或加深），產(chǎn)生新色彩，用于網(wǎng)頁。這么頁面看起來色彩統(tǒng)一，有層次感。（2）用兩種色彩。先選定一個色彩，然后選擇它對比色。（3）用一個色系。簡單說就是用一個感覺色彩，比如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第70頁第3章

網(wǎng)站系統(tǒng)設(shè)計在網(wǎng)頁配色中，還要切記一些誤區(qū)：（1）不要將全部顏色都用到，盡可能控制在三種色彩以內(nèi)。（2）背景和前文對比盡可能要大，絕對不要用花紋繁復(fù)圖案作背景，方便突出主要文字內(nèi)容。3.頁面版式設(shè)計設(shè)計版面就像傳統(tǒng)報刊雜志編輯—樣，將網(wǎng)頁看作一張報紙、一本雜志來進行排版布局。即使動態(tài)網(wǎng)頁技術(shù)發(fā)展使得我們開始趨向于學(xué)習(xí)場景編劇，不過固定網(wǎng)頁版面設(shè)計基礎(chǔ)依然是必須學(xué)習(xí)和掌握。它們基本原理是互通，讀者能夠領(lǐng)會其關(guān)鍵點，舉一反三。版面指是瀏覽器看到完整—個頁面（能夠包含框架和層次）。因為每個人顯示器分辨率不一樣，所以同一個頁面大小可能出現(xiàn)640~480像素、800~600像素、1024x768像素等不一樣尺寸。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第71頁第3章

網(wǎng)站系統(tǒng)設(shè)計

（1）版面布局步驟①草案屬于創(chuàng)造階段，不考究細(xì)膩工整，也無須考慮細(xì)節(jié)功效，只以粗陋線條勾畫出創(chuàng)意輪廓即可。盡可能多畫幾張，最終選定一幅滿意作為繼續(xù)創(chuàng)作腳本。②粗略布局在草案基礎(chǔ)上，將需要放置功效模塊安排到頁面上。功效模塊主要包含網(wǎng)站標(biāo)志、主菜單、新聞、搜索、友情鏈接、廣告條、郵件列表、計數(shù)器和版權(quán)信息等。注意，這里必須遵照突出重點、平衡協(xié)調(diào)標(biāo)準(zhǔn)，將網(wǎng)站標(biāo)志、主菜單等最主要模塊放在最顯眼、最突出位置，然后再考慮次要模塊排放。③定案將粗略布局精細(xì)化、詳細(xì)化，最終到達滿意定案。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第72頁第3章

網(wǎng)站系統(tǒng)設(shè)計對于版畫布局設(shè)計，應(yīng)該重視以下標(biāo)準(zhǔn)：加強視覺效果，加強文字圖案可視度和可讀性；統(tǒng)一感視覺；新鮮和個性是布局最高境界。網(wǎng)頁設(shè)計作為—種視覺語言，當(dāng)然要考究編排和布局，即使網(wǎng)頁設(shè)計不等同于平面設(shè)計，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計經(jīng)過文字及圖形空間組合，表示出友好與美。一個優(yōu)異網(wǎng)頁設(shè)計者應(yīng)該知道哪一段文字及某個圖形該落于何處，才能使整個網(wǎng)頁生輝。網(wǎng)頁設(shè)計者應(yīng)努力做到整體布局合理化、有序化、整體化。優(yōu)異之作善于以巧妙、合理視覺方式使一些語言無法表示思想得以闡述，做到既豐富多樣，又簡練明了。多頁面站點編排設(shè)計要求從頁面之間有機聯(lián)絡(luò)反應(yīng)出來，這里主要問題是頁面之間和頁面內(nèi)秩序與內(nèi)容關(guān)系。為了到達最好視覺表現(xiàn)效果，應(yīng)考究整體布局合理性。尤其是關(guān)系十分緊密有上文關(guān)系頁面，一定要設(shè)計有向前和向后按鈕，便于瀏覽者能夠往返仔細(xì)研讀。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第73頁第3章

網(wǎng)站系統(tǒng)設(shè)計

（2）慣用版面布局形式①“T”結(jié)構(gòu)布局所謂“T”結(jié)構(gòu)就是指頁面頂部為橫條網(wǎng)站標(biāo)志+廣告條，下方左面為主菜單，右面顯示內(nèi)容布局。因為菜單條背景較深，整體效果類似英文字母“T”，所以稱為“T”形布局。這是網(wǎng)頁設(shè)計中使用最廣泛—種布局方式。這種布局優(yōu)點是頁面結(jié)構(gòu)清楚、主次分明，且是初學(xué)者最輕易掌握布局方法。缺點是規(guī)矩呆板，假如色彩細(xì)節(jié)上再不注意，很輕易讓人看后乏味。’②“U”形布局這是一個象形說法，就是頁面普通上下各有一個廣告條，左面是主菜單，右面放友情鏈接等，中間是主要內(nèi)容。這種布局優(yōu)點是充分利用版面，信息量大。缺點是頁面擁擠，不夠靈活。也有將四邊空出，只用中間窗口型設(shè)計，比如網(wǎng)易壁紙站。網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第74頁第3章

網(wǎng)站系統(tǒng)設(shè)計④對稱對比布局顧名思義，采取左右或者上下對稱布局，—半深色：另二分之一淺色普通用于設(shè)計型站點。優(yōu)點是視覺沖擊力強，缺點是將兩部分有機地結(jié)合比較困難。⑤POP布局POP引自廣告術(shù)語，就是指頁面布局像一張宣傳海報，以一張精美圖片作為頁面設(shè)計中心。這類布局慣用于時尚類站點，比如ELLE.com。優(yōu)點是顯而易見，漂亮吸引人，缺點是速度慢。以上總結(jié)了當(dāng)前網(wǎng)絡(luò)上常見幾個布局，另外還有許許多多別具一格布局，關(guān)鍵在于網(wǎng)站本身創(chuàng)意和設(shè)計。4.頁面美術(shù)設(shè)計網(wǎng)站系統(tǒng)設(shè)計培訓(xùn)課程第75頁第3章

網(wǎng)站系統(tǒng)設(shè)計專業(yè)美術(shù)設(shè)計人員幫助對企業(yè)站點成功設(shè)計是至關(guān)主要。即便是一個沒有一點網(wǎng)頁設(shè)計經(jīng)驗專業(yè)美術(shù)設(shè)計人員，也能提供很多關(guān)于排版、色彩等方面提議。實際上，很多傳統(tǒng)出版行業(yè)規(guī)則和禁忌，也大都適合用于網(wǎng)頁設(shè)計。網(wǎng)頁設(shè)計與其它出版設(shè)計最大不一樣表現(xiàn)在以下三方面：（1）傳輸媒介不一樣許多用戶是用MODEM上網(wǎng)，考慮到用戶容量程度，圖形普通不宜太大；通常每個圖形應(yīng)小于30KB，