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

　　

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