一、為什么要設計網站

企業進行網站建設時一定要先了解自身的綜合狀況，明確企業希望通過網站實現的功能，了解企業建站目的，才能實現企業最終想要的效果。

【案例2-1】“紅孩子”為什么能“紅”起來

案例點評

在很多時候，真正起效果的不是照書上說的按部就班地設計網站，也不是模仿其他網站的成功經驗，而是打破常規、標新立異，尋找出最適合自己的方法。

所以，學習是為了掌握思路及別人的成功經驗，但是不要盲目模仿。需要打破常規，嘗試按自己的思路進行制作，設計出滿足顧客使用習慣的個性化網站。

知識鏈接

（一）網站目標指導網站設計

網站目標必須是實在的、可以操作的，用來指導網站設計及所有網站運營行為的，而不是表面的、敷衍了事的。企業必須在動手建立網站之前就確定好網站目標。這樣，在網站制作過程中若遇到某些問題，可以依據網站目標進行取舍。另外，網站目標要明確。很多沒有經驗的人不一定能做到這一點。最常見的錯誤就是把網站目標定得過于寬泛，無法指導實踐。

網站目標在設計網站的整個過程中指導營銷人員作出判斷和決定。在設計網站的所有元素和細節時，應該從各個角度促使瀏覽者接納你想讓他采取的行動，以達成營銷目標。

在網站設計過程中，可能會遇到以下問題。

（1）添加一個箭頭的圖片是否能把用戶目光吸引到箭頭指向的網站口號上？或者吸引到“下一步”按鈕？

（2）添加一張員工真實照片是否能增強用戶信任？還是僅僅因為設計師覺得頁面更美觀？

（3）包含促銷信息的旗幟廣告在用戶來到購物車，以及后面的付款頁面時是否還要顯示？會不會分散用戶注意力？

（4）電子雜志注冊表格僅放在電子雜志說明頁面，還是放在所有頁面最顯著位置？廣告旗幟、導航和電子雜志注冊表格哪個更接近網站目標？

（5）免費試用版軟件下載前是否要求用戶留下姓名和電子郵件地址？下載和收集郵件地址哪個是網站目標？

（6）“免費下載”文字或圖片是否可以放大，讓用戶一打開網頁別的什么也沒看到時就不可避免地看到“免費下載”？

如果在設計網站時不清楚網站目標是什么，也就意味著不清楚最該讓網站瀏覽者做什么，在設計網站時就不會把所有設計元素的力量集中在網站目標上。只有明確了網站目標，在網站制作過程中才會有意識地采取各種手段，把用戶引導到網站目標上。

（二）確定網站目標的原則

確定網站目標的原則主要有以下幾點。

1．現實性

現實性，即用戶有可能達成的網站目標。例如，當網站銷售的是價值幾十萬，甚至幾百萬的工業設備時，網站就不要設定為直接在線銷售，而是留下聯系方式，讓瀏覽者聯系企業，詢問進一步情況，索取報價單、產品目錄，或者直接打電話給銷售部門。

2．可測量性

網絡營銷最大的優勢之一就是營銷效果可以精確測量和分析，并可以在此基礎上改進營銷手法。如在線訂單、訂閱電子雜志、下載軟件、下載電子書等，都會在網站后臺或服務器日志文件中留下明確數據。但有時則要想一些方法才能實現網站目標的測量，如輔助實體店，吸引用戶打印折扣券（雖然可以知道用戶是否打開了折扣券所在的網頁，但有沒有打印，網站是不容易知道的）。

3．行動性

網站目標應該是特定的用戶行為，也就是用戶要采取行動的一件具體事情。無論是生成訂單還是注冊電子郵件列表，或者下載、填寫在線聯系表格、打電話、單擊鏈接等，都是明確的用戶行為。

4．明確單一

網站目標設定不可以太多。不然在建設網站或遇到一些需要做決策的問題時，就會常產生沖突，難以抉擇。在某些特殊情況下，若單一目標達成困難，可以加一個輔助目標。如購物類網站，第一位的網站目標當然就是直接產生銷售，如果瀏覽者沒在網站買任何東西，就要想辦法讓瀏覽者訂閱電子雜志，作為輔助網站目標。

（三）選擇域名

在做一個網站之前，必須先選擇好一個域名。一個好的域名可以起到事半功倍的作用。

1．域名選擇的注意點

1）域名后綴的選擇

現在的域名后綴種類繁多，有.com/.net/.cn/.com.cn/.net/.org/.cc/.la/.name/.in等幾十種之多。面對這么多的后綴，該如何選擇呢？其實這也不難，首先就是要了解這些后綴域名的使用量。目前而言，.com的后綴域名一直都名列前茅，其次是.net和.org后綴域名，而.cc后綴域名則是直線上升。通常，使用量大的說明其普及率很高，那么在選擇后綴域名時，應該以其為主。

2）域名組成形式的選擇

一般，域名的組成方式有純數字、純字母、混合型（是指將數字、字母或者符號混合）三種。在注冊域名時，要根據自己的需要來組合域名，然后通過相關的工具來查詢自己想到的域名是否已被注冊。

3）域名的易記易讀性

一個易記易讀的域名可以幫助用戶記住網址，以便再次回訪時可以通過直接輸入網址來訪問網站，這樣有利于打造網站品牌。但是要注意，盡量不要選擇簡拼的域名，有些簡拼很拗口也很難記錄。

4）域名與網站的相關性

若網站域名與網站類型具有相關性，在優化網站時可以在搜索引擎的排名中得到加分。所以在建設網站時，首先要確定自己的網站類型，然后根據自己的網站類型選擇與之相關的域名。

2．怎樣選擇一個好的域名

（1）必須使用自己的獨立域名。

對一個要真正在互聯網上有所作為的網站來說，使用別人的網址風險過大。一旦服務商方面有任何風吹草動，辛辛苦苦建立起來的流量、品牌、搜索引擎排名等將付之東流。因此，建議所有企業或個人都要注冊自己的獨立域名。

（2）域名要短，且容易記憶。

現在用得比較多的域名是“英文字母+數字”，因此，短域名比較容易被記住。如大家知道的hao123這個站點（見下圖），其域名就是采用“英文字母+數字”的方法，方便用戶記憶。從銷售角度來說，好記的域名可以節省推廣成本，在同一行業中更有優勢。

（3）連詞符的使用。

當企業想用某個域名，而該域名又被注冊時，就可以考慮在單詞中間加連字符，如panda-inc.com、seo-help.com等。

但是要注意，不可過多地使用連詞符，一般包括1～3個還是可以被接受的。

（4）選擇與行業相關的域名。

在選擇域名時，可以考慮把行業相關的詞融合到域名里面，這樣便于用戶清楚了解該網站所從事的行業（見下圖）。

（5）域名后綴以.com最好。

現在的域名種類很多，不過無論是用戶還是站長，提到網站域名，最優先的選擇還是.com域名，所以在可能的情況下，應該盡量選擇注冊.com域名（見下圖）。如果想要的.com域名版本已經被注冊，那么.cn也是不錯的選擇。

如果是機構組織而非商業網站，第一選擇當然是.org域名。除非有很明確的原因，否則不建議注冊.info、.name或其他更加奇怪的域名類型。

（6）域名注冊以品牌優先。

大部分情況下，域名注冊時可以適當包含關鍵詞。如果企業或站長目標更為遠大，希望在網絡領域創出真正的名牌，則不建議在域名中含有關鍵詞，無論是英文單詞還是拼音。

要想真正創造一個品牌，最好的方式是拋棄產品或行業名稱作為公司名稱，甚至自己的名字都不用，而是自造一個念起來響亮的單詞。

（7）域名應及早確定，不宜改動。

企業網站必須及早確定和注冊域名，除非有萬不得已的原因，日后不宜再作改動。

好的域名想到就應該盡快注冊，不然被其他人搶注，可能會后悔莫及。網站開通后，所有的營銷工作、流量、品牌，都以確定的域名為基礎，不宜再作改動。如果想做內容完全不同的網站，就注冊一個新域名。

如果因為域名被懲罰而換域名，則更沒有必要。如果沒有找到域名被懲罰的原因，不從根本上解決問題，換多少域名還是會被懲罰。

（四）選擇主機

注冊了域名之后，下面開始選擇主機。

1．選擇主機的注意事項

1）主機的速度

現在人們的生活節奏越來越快，幾秒打不開網頁就會因為速度太慢而直接關掉網頁。所以，想留住用戶，網站速度必須快。

2）空間的穩定性

網站分類有很多，主要有下載站、圖片站、小說站、視頻站等。在選擇時，最好選擇那些分類比較明確的。通常，有實力的服務商都會將這些網站進行分類，并將不同類別的網站放置在不同的服務器上，使其互不影響。而有些服務商的服務器則是亂七八糟，什么都放，這樣很容易導致網站打不開。

3）技術服務支持

對于新手而言，他們可能不了解掛馬、流量攻擊等網絡安全方面的知識，那就更談不上對網絡中的威脅防御了。所以，在建設網站時就應該設置好技術服務支持，一旦出現問題就可以直接向其請教。國內的IDC（Internet Data Center，互聯網數據中心）在這方面做得比較好，但是主機的價格不便宜。

4）主機環境

一般所需的主機環境都是常規的，但是也有特別的。所以，在選擇主機前一定要知道是否支持功能插件。在選擇時一定要多了解、多詢問。

5）主機的流量

很多主機都會限制流量，可以根據訪問量選擇對應的主機。有些主機在正常訪問時沒有問題，但是若遇到非常規流量攻擊時，就會導致網站無法打開。在選擇時，最好使用沒有流量限制的主機，但不限制流量的主機的缺點是穩定性不好。

2．主機種類的選擇

網站空間的主機主要有以下幾種選擇。

1）虛擬主機

虛擬主機是指多個網站用戶分享一臺服務器資源。

2）獨立服務器

獨立服務器是指一臺服務器只有一個用戶，資源獨享。它包括服務器租用和服務器托管兩種形式。

3）VPS主機

VPS主機是指多個用戶分享一臺服務器，但每個用戶都有自己的權限，有獨立的資源劃分。

（五）制定網站方案

在設計網站之前一定要進行細致的規劃，制定一個完整的網站設計方案，只有這樣才可能達到預期的建站目的。制定網站方案主要可以分為市場分析及網站定位、網站內容設計、網站維護與推廣、網站運營、網站投資與風險分析五個部分。

1．市場分析及網站定位

1）市場分析

● 分析相關行業的市場行情、特點等。

● 分析競爭對手上網情況及其網站規劃、功能作用。

● 分析公司自身條件、公司概況、市場優勢、可以利用網站提升哪些競爭力、建設網站的能力（費用、技術、人力）等。

2）建設網站的目的及功能定位

● 明確設計網站的目的，如宣傳產品、進行電子商務、開拓市場等。

● 根據公司的需要和計劃，整合公司資源，確定網站的功能，如產品宣傳、網上營銷、客戶服務、電子商務等。

● 根據網站功能，確定網站應達到的目的和作用。

● 分析企業內部網的建設情況和網站的可擴展性。

2．網站內容設計

1）網站技術解決方案

● 考慮采用自建服務器，還是租用虛擬主機。

● 選擇操作系統。可根據投入成本、功能、穩定性和安全性等進行選擇。

● 采用系統性的解決方案。

● 制定網站安全性措施，如防黑、防病毒方案。

● 相關程序開發，如網頁程序ASP、JSP、CGI及數據庫程序等。

2）網站內容規劃

● 根據網站的目的和功能規劃網站內容，一般包括公司簡介、產品介紹、服務內容、價格信息、聯系方式、網上訂單等內容。

● 對于電子商務類網站而言，要提供會員注冊、詳細的商品服務信息、信息搜索查詢、訂單確認、付款、個人信息保密措施、相關幫助等。

3）網頁設計

● 網頁設計一般要與企業整體形象一致，要符合CI規范，要注意網頁色彩、圖片的應用及版面規劃，保持網頁的整體一致性。

● 網頁設計要考慮主要目標訪問群體的分布地域、年齡階層、網絡速度、閱讀習慣等。

● 制訂網頁改版計劃，如半年到一年時間進行一次較大規模的改版。

4）網站測試

● 測試服務器穩定性、安全性。

● 測試程序及數據庫。

● 測試網頁兼容性。

5）網站建設日程表

網站建設日程表主要包括各項規劃任務的開始完成時間安排以及負責人等內容。

3．網站維護與推廣

1）網站維護

● 服務器及相關軟硬件的維護。即對可能出現的問題進行評估，制定響應時間。

● 數據庫維護。有效地利用數據是網站維護的重要內容。

● 內容的更新、調整等。

● 制定相關網站維護的規定，將網站維護制度化、規范化。

2）網站發布與推廣

● 借助聯盟計劃、搜索引擎登記、廣告等方法推廣網站。

4．網站運營

1）網站的運營管理

網站的運營管理包括：制定網站運營管理制度，制作網站運營目標和運營實施計劃，安排網站及內容更新人員和網站安全維護技術人員等。

2）人員需求與工作分配

網站可以實施主編負責制，由主編管理網站的日常運營工作；副主編協助主編工作，負責網站的策劃、改版、維護等工作；設計人員負責網站的整體形象設計、改版及新建欄目模版的設計；技術人員負責網站程序設計、編制以及網站服務的維護和安全工作；欄目負責人協助主編管理專欄，保證欄目更新以及與會員的溝通交流；編輯人員根據專題更新網站內容。

5．網站投資與風險分析

1）費用明細

費用明細主要包括各項事宜所需的費用清單。

2）投資與風險分析

網站的投資風險主要包括行業周期風險、產品周期風險、經營費用上升風險、技術安全性風險、開發市場風險等。針對這些風險，企業可以采取以下措施來降低風險程度。

● 行業周期風險：采用分期投入方式。

● 產品周期風險：盡快建立起數據庫，占領行業交易市場及經濟情報市場；同時做好技術服務、社會培訓等其他輔助性業務。

● 經營費用上升風險：加強費用核算，控制成本。

● 技術安全性風險：安排專人緊密跟蹤網絡安全技術的發展，及時維護網站。

● 開發市場風險：采用網絡技術，加大宣傳力度，擴大社會影響，降低開發市場的投入。

（六）建立網站框架

建立網站框架主要包括確定網站欄目與版塊、確定網站目錄結構與鏈接結構等。

1．確定網站欄目與版塊

1）網站欄目

欄目主要是指網站的大綱索引，該索引需要將網站的主體明確地顯示出來。常見的欄目主要有休閑娛樂類、文化教育類、生活服務類（見下圖）以及招聘類等。

安排網站欄目的注意事項如下。

● 要緊扣網站主題。

● 設置最近更新與網站導航欄目（見下圖）。

● 設定可以雙向交流的欄目，如電話（見下圖）、留言板、BBS、郵箱等。

● 設置一個下載或常見問題回答的欄目（見下圖）。

2）版塊設置

版塊的概念比欄目的概念要大一些，欄目包含在版塊之中（見下圖）。

設計版塊的注意事項如下。

● 各版塊之間要有相對獨立性。

● 各版塊之間要有相互關聯性。

● 版塊的內容要圍繞站點主題。

所有版塊結合在一起就組成了網站的版面。網站的版面通常是指在瀏覽器中可以看到的完整頁面。版面布局是指在一個限定范圍內合理安排、布置圖像和文字的位置，使頁面整齊美觀。常見的版面布局主要有“同”字形結構布局、“回”字形結構布局、“匡”字形布局、左右對稱結構布局、自由式結構布局、另類結構布局等。

（1）“同”字形結構布局。

“同”字形結構布局是指頁面頂部為主菜單，下方左側為二級欄目條，右側為鏈接欄目條，中間顯示具體內容布局（見下圖）。該布局方式可以使頁面結構清晰、主次分明，但顯得有點呆板，會讓人感覺乏味。

（2）“回”字形結構布局。

“回”字形結構布局是在“同”字形結構布局的下方添加一橫條狀的菜單或廣告（見下圖）。該布局方式可以充分利用版面，信息量大以及切換方便，但頁面比較擁擠，四面封閉的形式讓人感覺憋氣。

（3）“匡”字形結構布局。

“匡”字形結構布局是“同”字形結構布局的變形，只要將“同”字形結構逆時針旋轉90度就可以（見下圖）了。這種布局結構克服了“回”字形結構封閉的缺陷，所列信息量和“同”字形結構大體相同。

（4）左右對稱結構布局。

左右對稱結構布局是采用分割屏幕的方式實現的，是網頁布局結構中最為簡單的構圖（見下圖）。該布局方式頁面的信息含量較低，不適合大型專業化的網站。

（5）自由式結構布局。

自由式結構布局的頁面像一張宣傳海報，主要以一張精美的圖片作為頁面設計中心，菜單欄目自由地布置在頁面上（見下圖）。該布局方式較為美觀，容易吸引瀏覽者的眼球，一般用于時尚站點，如時裝、化妝品等相關網站。

（6）另類結構布局。

另類結構布局是以整體圖案為主體的布局結構，所有元素有機地組合在一起，無縫連接，渾然一體，有著強烈的立體空間感。

另類結構布局通常把主體圖案設計成一模擬的實物或場景，把帶有鏈接性的按鈕設計成實物的某一部件或場景中的個體。這類網頁有著明顯的叛逆的特色，故稱為“另類”結構布局。

2．確定網站目錄結構與鏈接結構

1）目錄結構

網站的目錄結構也就是建立網站時創建的目錄。網站的目錄結構對于站點本身的上傳、網站內容的擴展和移植有著重要的影響。

建立網站目錄結構的注意事項如下。

● 不要將所有的文件都存放在根目錄下。因為這樣易導致文件管理混亂及上傳速度慢等。

● 按目錄內容建立子目錄。對于需要經常更新的內容可以為其建立獨立的子目錄，而那些相關性強，并且不需要經常更新的欄目可以存放在同一個子目錄中。

● 在每個主目錄下建立獨立的images目錄，這樣有利于管理。

● 目錄的層次不可太深，建議不要超過三層。

● 不要使用中文目錄。因為中文目錄在網址中不易顯示。

● 不要使用過長的目錄。因為長目錄不易于記憶。

● 要使用意義明確的目錄。

2）鏈接結構

網站的鏈接結構是指網頁之間相互鏈接的拓撲結構，是建立在目錄結構基礎之上的。網站的鏈接結構有兩種形式。

● 樹狀鏈接結構。該結構類似DOS的目錄結構，首頁鏈接指向二級頁面，然后設置二級界面指向三級界面（見下圖）。樹狀鏈接結構的條理清晰，便于訪問者明確了解自己的位置，但其瀏覽效率較低。

● 星狀鏈接結構。該結構是在每個頁面之間都建立鏈接（見下圖）。星狀鏈接結構的優點是瀏覽方便，但鏈接太多容易使瀏覽者搞不清自己所在的位置。

最好的鏈接結構是在首頁與一級頁面之間采用星狀鏈接結構，而在一級頁面與二級頁面之間采用樹狀鏈接結構。

（七）設計網站頁面

網站頁面是企業向用戶提供信息的平臺。網站頁面的設計主要從以下幾個方面進行。

1．掌握網站頁面設計要素

1）要具有特色

不管是新聞網站還是商業網站，具有一定的特色可以把網站的宗旨和理念有力地予以詮釋。例如，一個設計精巧的LOGO能夠迅速地吸引用戶的眼球，有利于用戶記憶，最終提升網站影響力。

2）整體設計簡潔

在設計首頁的時候，要力求整體簡潔、樸素，色彩搭配順暢、均衡、和諧，頁面布局大方，版塊過渡要協調、合理，字間距、行間距適度。同時，要強化信息本身的功能，屏棄雜亂無章的廣告、友情鏈接等。

3）欄目分類清晰

為了頁面整體上的美觀以及用戶查找訪問的方便，需要對信息及相關服務進行必要的分類，形成清晰、合理、可行的欄目規劃，使其可以引導用戶輕松、快捷地按需要選擇相關欄目。

4）局部創新

網站要在各方面保持持續創新的態度，尤其是首頁。因此，網站首頁的內容布局和總體風格可以在局部位置大膽求新求變，以改變呆板、落伍的形象，適應廣大用戶求新、求變、求奇、求特的心理，保持用戶的持續興趣。可以借鑒傳統平面媒體的經驗，在字體、字號、顏色、排向、圖片構圖等方面根據信息內容以及信息引導的需要作出相應的調整。

2．首頁設計

1）確定首頁的功能模塊

首頁的功能模塊（見下圖）主要有以下幾種。

● 網站名稱、廣告條、主菜單。

● 新聞、搜索、友情鏈接。

● 聯系方式及版權信息等。

2）首頁版面設計

首頁版面設計是指運用造型要素及形式原理對版面中的文字、圖像、線條、表殼、色塊等進行排版，主要包括以下幾個過程。

● 構思并畫出草圖。

● 從草稿中選出設計稿，并進一步描繪出其細節。

● 完成以上的操作后，開始進行正式的設計、排版以及繪制操作。

3）處理技術上的細節

技術細節的處理主要是指在風格、鏈接、圖形、動畫、文字以及速度等方面進行處理。

3．欄目與版面設計

對于欄目與版面設計，最好的方法是先找一張白紙，將理想中的草圖勾勒出來，然后再用網頁設計軟件進行制作。

1）版面設計的原則

● 主次分明，中心突出。

● 大小搭配，相互呼應。

● 圖文并茂，相得益彰。

2）版面布局的常用方法

● 正常平衡。正常平衡又稱均勻，是指左右上下對稱，主要強調秩序，能達到安定誠實、值得信賴等效果。

● 異常平衡。異常平衡也就是非對稱形式，但它也有平衡與韻律。該布局可以達到強調性、不安性、高注目性等效果。

● 對比。對比可以在形式上分清主從關系，便于瀏覽。

● 凝視。凝視是利用頁面中的人物視線，使瀏覽者仿照跟隨。從而達到注視頁面的效果。

● 空白。空白是指網頁中不同元素間的區域，該區域并不一定是白色的，而是內容上的空白。使用空白區域減少了訪客需要瀏覽一氣呵成的文字量，有助于他們瀏覽網站或網頁的不同部分。有效地使用空白區域可以平衡網站布局，使網站模板干凈利落并清新

● 圖片解說。該方法對不能用語言說服或用語言無法表達的情感特別有效。圖片解說的內容可以傳達給瀏覽者更多的心理因素。

4．頁面可視化設計

頁面可視化設計要遵循頁面視覺效果設計合理、導覽性好、下載速度快等原則。頁面可視化設計主要需注意色彩設計、字體設計等內容。

1）色彩設計

每一種色彩都可以有無數種搭配的可能，但最基本的搭配有以下六種。

● 單色搭配。單色色相通常都由暗、中、明三種色調組成，并沒有形成顏色層次，但是形成了明暗層次（見下圖）。這種搭配在設計中使用效果更佳。

● 類比色搭配。類比色通常是指相鄰的顏色（見下圖），而類比色之間都會有共同的顏色。這種顏色搭配可以產生令人悅目的和諧美感。

● 補色搭配。補色通常是指在色輪上直線相對的兩種顏色（見下圖）。補色搭配可以形成強烈的對比效果，可以讓人感受到活力。

● 分裂補色。分裂補色是指同時使用補色及類比色來確定顏色關系（見下圖）。這樣既具有類比色的美感，又具有補色的力量感。

● 原色搭配。原色就是指紅、黃、藍三原色（見下圖）。通常，三原色同時使用是比較少見的。但是，紅黃搭配的應用范圍比較廣。而紅藍搭配只有在兩者區域分離時才會吸引人，若緊靠在一起就會產生沖突感。

● 二次色搭配。二次色之間都會擁有一種共同的顏色（見下圖），比如，兩者共同擁有藍色、兩者共同擁有黃色、兩者共同擁有紅色，所以可以很容易地形成協調的搭配。

2）字體設計

一般情況下，瀏覽器是通過GB 2312字符集和英文ISO—8859—1字符集來解釋和翻譯網頁源代碼的。瀏覽器默認字體為中文宋體、英文Times New Roman字體，這兩種字體可以在任何操作系統和瀏覽器中使用。

設計字體時要注意以下幾點。

● 盡量不使用字體變形。因為變形后的字體通常會顯得不夠美觀。

● 排版時要做到大標題、小內文（即粗標題、細內文）。

● 要保證色彩與背景具有一定的差異，實現可見性、易讀性。

● 字體大小要適中，要保持頁面整潔，閱讀舒適。

● 全文排版要分段，做到層次分明。

● 同一頁面采用的字體應在3種以內。

● 對于理性類網站宜采用較冷靜理智的方正字體，而感性類網站可使用較具變化感的字體。

5．圖像設計

圖像設計主要注重圖像的格式、大小、設計技巧等。

1）圖像的格式與大小

● 格式。圖像的格式通常采用GIF與JPEG格式。

● 大小。對于圖像的大小要求，一般是單張30KB、單頁60KB。對于較大圖像可以進行切割。

2）圖像設計技巧

● 在進行圖像設計時，要盡量為圖像加入說明。

● 要注意縮略圖的使用。

● 要適時進行圖片更新。

● 對于圖像要善用透明色。

● 對于網頁背景圖片要使用得當。

6．動畫設計

動畫設計主要可以分為GIF動畫與Flash動畫兩種。其中，GIF動畫是圖像文件格式。而Flash為網頁動畫設計軟件，是一種交互式動畫設計工具，用它可以將音樂，聲效、動畫以及富有新意的界面融合在一起，以制作出高品質的網頁動態效果。

（八）設計導航系統

導航通常是線框圖模板的一部分，即多個頁面具有相同的導航條，這些導航條組成了網站復雜的導航系統。為了使瀏覽者不在網站中迷失方向，最好的辦法是為網站設計導航系統，且要保證每個網頁中至少有一個指向主頁的鏈接。

1．導航類型

1）全局導航

全局導航包括網站的主要欄目和一級目錄內容所對應的頁面（見下圖）。全局導航出現在網站的每頁上，使用戶在瀏覽網站時可以隨時隨地由全局導航鏈接直接抵達相應的頁面。

2）局部導航

局部導航包括網站的次要欄目和二級以上目錄內容所對應的頁面。用戶可以通過局部導航鏈接進入相關頁面。

2．導航策略

1）導航條

導航條實際上是一組鏈接，通過它可以告訴瀏覽者目前所在的位置（見下圖）。一般來說，網站的每個網頁上都會顯示一個導航條。

2）網站導航圖

網站導航圖通常用于大型網站，就是將網站的主要欄目在一個網頁中集中體現（見下圖）。導航圖可以在一個大型和復雜的網站上提供快速導航，瀏覽者可以得到關于網站系統的內容和設計的概要，為網站的回頭客提供參考點等。但是，由于導航圖只能提供有限的內容，而且很難幫助瀏覽者確定自己的位置，所以不能作為主要的導航方式。

3．導航技巧

除了上面介紹的導航條和導航圖外，還有許多導航技巧可以使用，以幫助瀏覽者更簡單有效地查閱網站信息。

（1）抓住能表達鏈接頁面含義的文字作為超鏈接，有效控制超鏈接的字串長度，避免字串過長或過短。

（2）在使用圖形導航按鈕或圖像導航圖時，要同時采用文本鏈接，以保證讓瀏覽者看明白。

（3）要為圖形導航按鈕提供替換文本。這樣，當瀏覽者取消圖片顯示后，替換文本就可以顯示。

（4）超文本的顏色應該區別于單純敘述文本的顏色。

（5）不要在短小的網頁中提供太多的超鏈接。

（6）不要提供超鏈接到尚未完成的網頁。

（7）突出超鏈接。

（8）鏈接層次不宜過深。

（9）使用“上一頁”、“下一頁”、“轉到N頁”、“返回”、“回首頁”等鏈接按鈕。