【導(dǎo)讀】能低，并容易實現(xiàn)。同時，網(wǎng)站設(shè)計還要充分考慮網(wǎng)站。的擴展及延伸，為企業(yè)最終應(yīng)用提供良好的環(huán)境和平臺。所提出的新系統(tǒng)邏輯模型，建立起新系統(tǒng)的物理模型。好全部必要的技術(shù)資料和有關(guān)文件。更為詳細(xì)的設(shè)計指導(dǎo)書。細(xì)化、確定網(wǎng)站要素和網(wǎng)站設(shè)計三部分內(nèi)容。段、分步驟予以實施。這里，根據(jù)網(wǎng)站建設(shè)的項目特點，智能交互、制作策劃、形象包裝、宣傳營銷等。工作質(zhì)量直接關(guān)系到新系統(tǒng)的質(zhì)量和經(jīng)濟效益。同時，還要盡可能地。提高系統(tǒng)的性能。系統(tǒng)設(shè)計的目標(biāo)是評價和衡量系統(tǒng)設(shè)。反之，如果對可能發(fā)生的外界干擾因素考慮不周，就會在意外情況發(fā)生時，措手不及，造成嚴(yán)重的后果。全保障措施、操作的規(guī)章制度等?？睢y行劃撥、一卡通、信用卡等。系統(tǒng)的可維護性是指系統(tǒng)的可變更或可修改性。意度及系統(tǒng)未來可伸縮性的關(guān)鍵因素。要指出的是，系統(tǒng)的工作效率和計算機的效率是有一定區(qū)別的。

　　

【正文】 封面 ” 問題 。封面是指沒有具體內(nèi)容 ， 只放一個標(biāo)徽 Logo點擊進(jìn)入 ， 或者只有簡單的圖形菜單的首頁 。 除非是藝術(shù)性很強的站點 ， 或者確信內(nèi)容獨特足以吸引瀏覽者進(jìn)一步點擊進(jìn)入的站點 ， 否則的話 ， 封面式的首頁并不會給企業(yè)站點帶來什么好處 。 用戶上網(wǎng)瀏覽需要的是快速 、 有價值的信息 ， 如果等待若干分鐘 ， 只顯示出一個粗劣的 “ 進(jìn)入 ” 圖標(biāo) ， 那么沒有人會再耐心地等待進(jìn)入下一頁 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計 網(wǎng)站內(nèi)容的開發(fā) Inter最大的資源優(yōu)勢在于它的多媒體功能 ， 因而要盡一切努力開發(fā)挖掘 ， 吸引瀏覽者保持注意力 。 因而網(wǎng)頁畫面的內(nèi)容應(yīng)當(dā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)頁上 ， 圖片 、 文字前后疊壓所構(gòu)成的空間層次目前還不多見 ， 常見的是一些設(shè)計得比較規(guī)范化 、 簡明化的頁面 ， 這種疊壓排列能產(chǎn)生強節(jié)奏的空間層次 ， 視覺效果強烈 。 第 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ā)的要點 影響網(wǎng)站成功的因素主要有網(wǎng)站結(jié)構(gòu)的合理性 、 直觀性 ， 多媒體信息的實效性 。 成功網(wǎng)站的最大秘訣在于讓用戶感到網(wǎng)站對他們非常有用 ， 因此 ， 網(wǎng)站內(nèi)容開發(fā)對于網(wǎng)站建設(shè)至關(guān)重要 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計 進(jìn)行網(wǎng)站內(nèi)容開發(fā)的要點包括： ● HTML文檔的效果由其自身的質(zhì)量和瀏覽器解釋 HTML的方法決定 。 由于不同瀏覽器的解釋方法不盡相同 ， 所以在網(wǎng)頁設(shè)計時要充分考慮到這一點 ， 讓所有的瀏覽器都能夠正常瀏覽 。 ● 網(wǎng)站信息的組織沒有任何簡單快捷的方法 ， 吸引用戶的關(guān)鍵在于總體結(jié)構(gòu)的層次分明 。 應(yīng)該盡量避免形成復(fù)雜的網(wǎng)狀結(jié)構(gòu) 。 網(wǎng)狀結(jié)構(gòu)不僅不利于用戶查找感興趣的內(nèi)容 ， 而且在信息不斷增多后還會使維護工作非常困難 。 ● 圖像 、 聲音和視頻信息能夠比普通文本提供更豐富和更直接的信息 ，產(chǎn)生更大的吸引力 ， 但文本字符可提供較快的瀏覽速度 。 因此 ， 圖像和多媒體信息的使用要適中 ， 減少文件數(shù)量和大小是必要的 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計 ● 對于任何網(wǎng)站 ， 每一個網(wǎng)頁或主頁都是非常重要的 ， 因為它們會給用戶留下第一印象 ， 好的第一印象能夠吸引用戶再次光臨這個網(wǎng)站 。 ● 網(wǎng)站內(nèi)容應(yīng)是動態(tài)的 ， 隨時進(jìn)行修改和更新 ， 以使自己的網(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é)外生枝 。 文字要正確 ， 不能有語法錯誤和錯別字 。 第 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é)員進(jìn)一步了解培訓(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è) 。 對那些僅僅通過企業(yè)的主頁了解企業(yè)的訪問者來說 ，只有內(nèi)容看起來令人感興趣 、 并值得一看的網(wǎng)站 ， 他們才會認(rèn)為值得訪問 。 第 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站點的典型內(nèi)容 企業(yè)的 Web站點應(yīng)包括以下典型內(nèi)容 。 （ 1） 企業(yè)的基本背景介紹 企業(yè)的背景介紹材料 ， 如果有條件 ， 最好能夠提供相應(yīng)的英文版 ，簡介文字最好提供簡單和詳實兩個版本 。 專業(yè)的電子版企業(yè)簡介應(yīng)該具有圖文混排的非 HTML格式 ， 例如可以使用 Acrobat的 PDF格式供客戶下載 ， 因為 Acrobat文件能夠保持圖文排列的整體觀感 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計 （ 2） 詳細(xì)的產(chǎn)品資料或服務(wù)介紹 生產(chǎn)制造類企業(yè)應(yīng)該把自己的主要產(chǎn)品的全貌反映在網(wǎng)站上 ，讓客戶能夠查詢到產(chǎn)品的主要技術(shù)規(guī)格 、 照片和其他可公開的信息；服務(wù)類企業(yè)應(yīng)該通過各種手段把詳盡的服務(wù)內(nèi)容和條款列出 。 為使企業(yè)產(chǎn)品能夠在網(wǎng)站上用更形象的手段體現(xiàn) ， 可以采用 VRML編輯器構(gòu)筑一些虛擬現(xiàn)實場景 。 根據(jù)企業(yè)產(chǎn)品或服務(wù)門類的多少 ， 企業(yè)網(wǎng)站也應(yīng)該采用不同的內(nèi)容構(gòu)造方式 。 如果企業(yè)的產(chǎn)品線比較復(fù)雜 ， 并且經(jīng)常有產(chǎn)品升級換代 ， 那么最好采用 Web數(shù)據(jù)庫技術(shù) ， 讓訪問者可以進(jìn)行數(shù)據(jù)庫查詢和分類檢索 。 （ 3） 技術(shù)支持資料 除了產(chǎn)品說明書之外 ， 企業(yè)還應(yīng)該掌握自己產(chǎn)品的更多信息 ，比如常見故障處理 、 計算機產(chǎn)品的編程接口等 。 這些資料如果能夠公開 ， 可放入網(wǎng)站 ， 以減輕企業(yè)技術(shù)支持人員的工作量 。 第 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è)改進(jìn)產(chǎn)品和服務(wù)的意見或建議 。 網(wǎng)絡(luò)管理員應(yīng)該經(jīng)常檢查提交上來的內(nèi)容 ， 并及時轉(zhuǎn)交給企業(yè)決策部門使用 。 第 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)信件 、 電話垂詢和傳真 ， 做到有問必答 。 最好將用戶進(jìn)行分類 ，例如售前 — 般了解 、 銷售 、 售后服務(wù)等 ， 由相關(guān)部門處理 ， 使網(wǎng)站訪問者感受到企業(yè)的真實存在 ， 產(chǎn)生信任感 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計 需要注意的是 ， 不要許諾實現(xiàn)不了的內(nèi)容 ， 在企業(yè)真正有能力處理回復(fù)之前 ， 不要懇求用戶輸入信息或羅列一大堆自己不能及時答復(fù)的電話號碼 。 如果要求訪問者自愿提供其個人信息 ， 應(yīng)公布并認(rèn)真履行個人隱私保護承諾 ， 如不向第三方提供此信息等 。 頁面可視化設(shè)計 頁面可視化設(shè)計主要包括頁面組織效果 、 頁面色調(diào)效果 、 頁面版式設(shè)計 、 頁面美術(shù)設(shè)計等幾方面內(nèi)容 。 1. 頁面組織效果 形式服務(wù)于內(nèi)容 ， 內(nèi)容又為目的服務(wù) ， 形式與內(nèi)容的統(tǒng)一是設(shè)計網(wǎng)頁的基本原則之一 ， 應(yīng)將豐富的意義和多樣的形式組織在一個統(tǒng)一的結(jié)構(gòu)里 ， 且形式語言必須符合頁面的內(nèi)容 ， 體現(xiàn)內(nèi)容的豐富含義 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計 在頁面組織過程中 ， 可以運用對比與調(diào)和 、 對稱與平衡 、 節(jié)奏與韻律以及留白等手段 。 例如 ， 通過空間 、 文字 、 圖形之間的相互關(guān)系建立整體的均衡狀態(tài) ， 產(chǎn)生和諧的美感 。 對稱原則在頁面設(shè)計中 ，它的均衡有時會使頁面顯得呆板：但如果加入一些動感的文字 、 圖案 ， 或采用夸張的手法來表現(xiàn)內(nèi)容 ， 往往會達(dá)到比較好的效果 。 點 、 線 、 面是視覺語言中的基本元素 ， 使用點 、 線 、 面的互相穿插 、 互相襯托 、 互相補充 ， 可構(gòu)成最佳的頁面效果 。 （ 1） 點 點是所有空間形態(tài)中最簡潔的元素 ， 也可以說是最活躍 、 最不安分的元素 。 設(shè)計中 ， 一個點就可以包羅萬象 ， 體現(xiàn)設(shè)計者的無限心思 ， 網(wǎng)頁中的圖標(biāo) 、 單個圖片 、 按鈕或一段 文字等都可以說是點 。 點是靈活多變的 ， 我們可以將一排文字視為一個點 ， 或?qū)⒁粋€圖形視為一個點 。 在網(wǎng)頁設(shè)計中的點 ， 由于大小 、 形態(tài) 、 位置的不同而會給人不同的心理感受 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計 （ 2） 線 線在編排設(shè)計中有強調(diào) 、 分割 、 導(dǎo)線 、 視覺線的作用 。 線會因方向 、 形態(tài)的不同而產(chǎn)生不同的視覺感受 ， 例如垂直的線給人平穩(wěn) 、挺立的感覺：弧線使人感到流暢 、 輕盈；曲線使人跳動 、 不安 。 在頁面中內(nèi)容較多時 ， 就需進(jìn)行版面分割 ， 通過線的分割保證頁面良好的視覺秩序 。 頁面在直線的分割下 ， 產(chǎn)生和諧統(tǒng)一的美感；通過不同比例的空間分割 ， 有時會產(chǎn)生空㈨層次的韻律感 。 （ 3） 面 面的形態(tài)除了規(guī)則的幾何形體外 ， 還有其他 — 些小規(guī)則的形態(tài) ，它的表現(xiàn)形式是多種多樣的 。 面給人以整體美感 ， 使空間層次豐富 ，使單 — 的空間多元化 ， 在表達(dá)上較含蓄 。 網(wǎng)頁設(shè)計中點 、 線 、 面的運用并不是孤立的 ， 很多時候都需要將它們結(jié)合起來 ， 以表達(dá)完美的設(shè)計意境 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計 2. 頁面色調(diào)效果 色彩是藝術(shù)表現(xiàn)的要素之一 ， 在網(wǎng)頁設(shè)計中 ， 根據(jù)和諧 、 均衡和重點突出的原則 ， 將不同的色彩進(jìn)行組合 、 搭配來構(gòu)成美麗的頁面 。色調(diào)及黑 、 白 、 灰的三色空間關(guān)系無論是在設(shè)計上 ， 還是在繪畫上都起著重要的作用 。 在頁面上一定得明確色調(diào) ， 而其他有色或無色的內(nèi)容均屬黑 、 白 、 灰的三色空間關(guān)系 ， 從而構(gòu)成它們的空間層次 。 色彩會對人們的心理產(chǎn)生影響 ， 應(yīng)合理地加以運用 。 按照色彩的記憶性原則 ， 一般暖色較冷色的記憶性強 。 另外 ， 色彩還具有聯(lián)想與象征的特質(zhì) ， 例如 ， 紅色象征火 、 血 、 太陽：藍(lán)色象征大海 、 天空和水面等 。 設(shè)計出售冷食的虛擬店面 ， 可使用清涼而沉靜的顏色 ，使人心埋上會感覺涼爽一些 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計 在色彩的運用過程中 ， 還應(yīng)注意的一個問題是：由于國家和種族的不同 ， 宗教和信仰的不同 ， 生活的地理位置 、 文化修養(yǎng)的差異 ，不同的人群對色彩的喜惡程度有著很大的差異 。 例如 ， 兒童喜歡對比強烈 、 個性鮮明的純顏色：生活在草原上的人喜歡紅色：生活在鬧市中的人喜歡淡雅的顏色；生活在沙漠中的人喜歡綠色 。 在設(shè)計中要考慮各企業(yè)的主要讀者群的背景和構(gòu)成 。 關(guān)于色彩的原理有許多 ， 在此僅僅闡述一些網(wǎng)頁配色時的常用技巧 。 （ 1） 用一種色彩 。 這里是指先選定一種色彩 ， 然后調(diào)整透明度或者飽和度 （ 說得通俗些就是將色彩變淡或加深 ） ， 產(chǎn)生新的色彩 ，用于網(wǎng)頁 。 這樣的頁面看起來色彩統(tǒng)一 ， 有層次感 。 （ 2） 用兩種色彩 。 先選定一種色彩 ， 然后選擇它的對比色 。 （ 3） 用一個色系 。 簡單的說就是用一個感覺的色彩 ， 例如淡藍(lán) ，淡黃 ， 淡綠；或者土黃 ， 土灰 ， 土藍(lán) 。 第 3章 網(wǎng)站系統(tǒng)設(shè)計 在網(wǎng)頁配色中 ， 還要切