第5章

電子商務系統設計第5章電子商務系統設計5.1電子商務網站平臺系統設計5.2電子商務網站應用系統設計

5.1.1網站網絡結構設計5.1電子商務平臺系統設計5.1.2網站平安設計5.1.3硬件選型5.1.4軟件選型

完整的電子商務網站平臺系統網絡拓撲結構

5.1.1網站網絡結構設計5.1.1網站網絡結構設計電子商務網站平臺系統的構成--網站效勞器〔Web效勞器、數據庫效勞器〕--工作站--交換機：促成內部網絡中各效勞器和工作站的連接--防火墻：從邏輯上講內部網和外部網分開，保證內部網絡平安--路由器：實現本地網與互聯網的連接電子商務網站的建站方案〔1〕虛擬主機〔外包〕

〔2〕主機托管〔效勞器托管〕

〔3〕自建機房5.1.1網站網絡結構設計〔1〕虛擬主機

5.1.1網站網絡結構設計〔1〕虛擬主機

5.1.1網站網絡結構設計特點：網站效勞器管理簡單，諸如軟件配置、防病毒、防攻擊等平安措施都由專業效勞商提供，大大簡化了效勞器管理的復雜性；相對于購置獨立效勞器，網站建設費用大大降低，為普及中小型網站提供了極大便利；通常情況下，網站建設完成后虛擬主機的開通時間較短。

〔1〕虛擬主機

5.1.1網站網絡結構設計適用環境：對于一些處于開展初期的小型企業來說，網站內容比較少，功能簡單，訪問量也不大，虛擬主機的建站方便迅速、效勞器管理簡單等特點就非常適合這類企業的需要。而且選用虛擬主機方案，也可大大降低小型企業在網站人力、財力等方面的投入本錢，并可獲得專業的維護、更好的性能而無需維護人員與昂貴的電源系統支持。〔2〕主機托管

5.1.1網站網絡結構設計含義：指在專門的效勞器托管公司環境里放置一臺效勞器〔主機托管〕，或向其租用一臺效勞器〔主機租用〕，通過遠程控制的方式實現效勞器的管理。--主機租用即由效勞提供商提供硬件及根本軟件的安裝、配置，負責效勞器上根本效勞功能的運行，用戶獨享效勞器的資源，并效勞其自行開發運行的程序。--主機托管即用戶自備效勞器硬件，自己安裝軟件，由效勞提供商負責該機器能夠連接到網絡上，并在該機器當機時幫助其重啟。〔2〕主機托管

5.1.1網站網絡結構設計特點：由于采用專門效勞器，企業通過此種方式建立的企業網站，能夠享受專業的效勞器托管效勞，包括穩定的網絡帶寬，恒溫、防塵、防火、防潮、防靜電。具有更大、更強的功能；且在網站建立后，企業擁有對網站效勞器完全的控制權限，可自主決定運行的系統和從事的業務，靈活性也較強。〔2〕主機托管

5.1.1網站網絡結構設計適用環境：對于一些開展中期的中小企業來說，要求企業網站具有較吸引人的布面，具有適合企業的運作機制，但又無法投入更多的人力作后期維護，那么效勞器托管的方式將十分適合這類企業選擇。此種方式要求企業具有一定的經濟實力，能夠承擔效勞器的組建、線路租用以及后期維護費用。此方式也可稱為“半自建〞。〔3〕自建效勞器

5.1.1網站網絡結構設計含義：在企業內部構建網站平臺，開發網站系統以及建立一條直接的Internet連接。企業自己準備硬件資源，自己安裝效勞軟件，并自行維護。需要有水平較高的專業技術人員，還得投入較大的資金購置較好性能的效勞器，并且日常維護工作量也非常大。此類方式完整的平臺構建流程包括：申請互聯網接入線路、申請網站域名、購置網站效勞器、安排專門的技術人員管理與維護。〔3〕自建效勞器

5.1.1網站網絡結構設計特點：此類方式在投入本錢方面大大高于虛擬主機以及效勞器托管，但企業可以根據實際情況配置效勞器，安裝適合企業運作的管理軟件，更快的獲得市場商機、加強與客戶的溝通；同時，可通過企業網站效勞器建立內部局域網，加強員工之間的交流，也方便了企業對員工工作的監控與管理。〔3〕自建效勞器

5.1.1網站網絡結構設計適用環境：成熟的大中型企業，或是只是為了實現單純的文件共享或是訪問量不大的Web需求的中小型企業，均可采用此類網站建設方式。

〔1〕虛擬主機

使用特殊的軟硬件技術，把一臺計算機主機分成一臺臺“虛擬〞的主機，每一臺虛擬主機都具有獨立的域名和IP地址〔或共享IP地址〕，具有完整的Internet效勞器的功能。〔2〕主機托管

客戶將購置的網絡效勞器放置在Internet數據中心的機房，由客戶自己進行維護，或者是由其它的簽約人進行遠程維護，每年支付一定的費用。〔3〕自建機房

在企業內部構建網站平臺，開發網站系統以及建立一條直接的Internet連接。5.1.1網站網絡結構設計電子商務網站面臨的平安威脅〔1〕客戶端威脅〔2〕通信信道威脅〔3〕效勞器端威脅

5.1.2網站平安設計網站平安設計內容〔1〕硬件網絡級平安設計 ①網絡平安設計 防火墻、入侵檢測、虛擬專網 ②效勞器平安設計 雙機熱備份、冗余磁盤陣列、硬件平安加密、不間斷電源〔2〕軟件級平安設計 ①操作系統平安設計 ②應用軟件平安設計5.1.2網站平安設計效勞器選擇〔1〕效勞器相關技術 ①小型機及其相關技術

SMP技術、集群技術、NUMA技術、模塊化結構、硬件分區 ②PC效勞器及其相關技術

SMP技術、SCSI技術、EMP、ASR技術

5.1.3硬件選型效勞器選擇〔2〕效勞器的選型原那么 ①可靠性高、平安性好 ②可擴展性好 ③網絡吞吐量以及網絡接口能力高 ④開放的體系結構

5.1.3硬件選型數據存儲選擇〔1〕磁盤陣列〔RAID)

是通過磁盤陣列與數據條塊化方法相結合,以提高數據可用率的一種結構。RAID可分為RAID級別0到RAID級別6。〔2〕磁帶庫 基于磁帶的備份系統，能夠提供自動備份和數據恢復功能，〔3〕光盤庫 一種可存放幾十張或幾百張光盤并帶有機械臂和一個光盤驅動器的光盤柜。5.1.3硬件選型路由器選擇

〔1〕路由器相關技術介紹 ①路由協議 靜態路由、動態路由 ②路由器分類 從能力上、結構上、網絡位置、功能上劃分

5.1.2硬件選型路由器選擇〔2〕路由器的選擇原那么 ①類型要對口實用 ②功能要強大實在 ③對尺寸和品牌也要考慮

5.1.2硬件選型交換機選擇〔1〕交換機及其分類 ①交換機可以智能地分析數據包，有選擇地將其發送出去。 ②局域網交換機又分為機架式交換機、固定配置式帶/不帶擴展槽交換機。

5.1.3硬件選型交換機選擇〔2〕交換機選擇原那么 ①交換端口的數量 ②交換端口的類型 ③系統的擴充能力 ④主干線連接手段 ⑤交換機總交換能力 ⑥是否需要路由選擇能力 ⑦是否需要熱切換能力 ⑧是否需要容錯能力 ⑨能否與現有設備兼容，順利連接 ⑩網絡管理能力

5.1.3硬件選型防火墻選擇〔1〕防火墻及其分類 ①防火墻在企業內網與因特網間執行一定的平安策略,所有從因特網流入或流向因特網的信息都將經過防火墻,所有流經防火墻的信息都應接受檢查。 ②根據防御方式的不同，防火墻產品又可分為包過濾型防火墻、應用級網關型防火墻和代理效勞型防火墻。

5.1.2硬件選型防火墻選擇〔2〕防火墻的選擇原那么 ①防火墻的平安性能 自身平安性、訪問控制能力和抗攻擊能力 ②防火墻的網絡性能 最大吞吐量、延遲、轉送速率、丟包率、緩沖性能以及訪問控制規那么 ③防火墻的功能 ④易管理性和靈活性5.1.2硬件選型網絡操作系統選擇 〔1〕主要的網絡操作系統

WINDOWS效勞器操作系統、Linux操作系統、UNIX操作系統 〔2〕選擇網絡操作系統時要考慮的因素 ①本錢問題 ②網絡操作系統的穩定性和可靠性 ③網絡操作系統的平安性 ④可集成性與可擴展性 ⑤維護的難易程度5.1.4軟件選型數據庫軟件選擇 〔1〕常用數據庫軟件

SQLServer、MYSQL、Oracle、DB2

〔2〕數據庫軟件選擇要考慮的問題 數據庫的任務、數據庫數據量、數據修改更新頻率、數據庫技術支持、數據庫將運行的效勞器平臺上、數據庫效勞器硬件軟件配置、購置數據庫效勞器軟硬件的預算、數據庫的平安性以及可靠性要求。5.1.4軟件選型WEB效勞器軟件選擇 〔1〕常用WEB效勞器軟件

MicrosoftIIS、Apache、IPlanetApplicationServer、IBMWebSphere、BEAWebLogic、Tomcat

〔2〕選擇Web效勞器軟件時應該考慮的問題 技術支持、平安、管理、功能、性能

5.1.4軟件選型網站開發工具選擇 〔1〕常用網站開發工具

PHP、Java、

〔2〕網站開發工具的選擇原那么 開發工具的選擇主要根據不同的操作系統平臺以及程序開發者的使用習慣來選擇。 如果用戶使用Windows系統和IIS，那么開發工具可以使用ASP.NET；如果用戶使用LINUX系統和ApacheHttpdserver，那么開發工具可以使用PHP等；如果用戶使用UNIX系統那么可以使用Java。5.1.4軟件選型防病毒軟件選擇 〔1〕主要的防病毒軟件諾頓〔Norton〕防毒軟件Mcafee防毒軟件卡巴斯基防毒軟件瑞星防毒軟件江民防毒軟件

5.1.4軟件選型防病毒軟件選擇 〔2〕防病毒軟件選擇的原那么 ①先進的查殺病毒技術 ②廠商開發、效勞的本地化 ③安裝、操作、管理簡單 ④能夠實現病毒防護的實時性 ⑤具備對網絡內效勞器、工作站等所有計算機的防病毒能力 ⑥具備可實施遠程自動分發、自動產品版本及防病毒引擎文件升級等遠程控制功能5.1.4軟件選型效勞器防火墻軟件選擇 〔1〕適合WINDOWS系統的防火墻軟件

BlackICEServerProtection、CyberwallPLUS-SV、KFW傲盾防火墻效勞器版 〔2〕適合LINUX系統防火墻軟件

IPCHAINS、NAIGauntlet、Firestarter5.1.4軟件選型第5章電子商務系統設計5.1電子商務網站平臺系統設計5.2電子商務網站應用系統設計

5.2.1網站結構設計5.2.2網站功能設計5.2電子商務網站應用系統設計網站結構是為了合理地向用戶表達企業信息所采用的網站導航、網頁布局、網站文字、網站色彩等。5.2.1網站結構設計網站導航結構設計網站導航的概念和作用網站導航設計思想導航元素的設計案例分析生活中的導航街頭路標、商場、圖書館指示牌、頁碼、章節標題網站中的導航網站導航的分類全局導航

每一個頁面上一組通用的導航元素，以一致的外觀出現在網站的每一頁，扮演著對用戶最根本的訪問方向性指引。

輔助導航 又被稱作“面包屑路徑〞或層級菜單、頁面名稱全局導航的五元素實用工具搜索的方式站點ID〔標志〕欄目返回主頁的鏈接全局導航五元素>站點ID網站的標志字體、圖形看起來“像〞站點ID全局導航五元素>站點ID區別與其他文字和圖片(商場標識)每一頁都應該出現位置處于頁面左上方全局導航五元素>欄目〔導航條〕到達主要欄目的鏈接處于站點層次的最頂端大局部包括二級菜單目錄全局導航五元素>欄目〔導航條〕制作技巧：一級欄目數量一般不超過8個；導航的欄目層次一般控制在三級以內；設置合理、層次清楚；設置醒目、清晰、準確。提供網站地圖。全局導航五元素>欄目〔導航條〕全局導航五元素>欄目>網站地圖又稱站點地圖，就是一個頁面，上面放置了網站上所有頁面的鏈接。在網站上找不到自己所需要的信息時，可把網站地圖作為一種補救措施。全局導航五元素>實用工具關于我們聯系我們隱私聲明站點地圖常見問題人才招聘購物車下載注冊登錄論壇幫助顧客轉化全局導航五元素>搜索三種模式防止使用花哨詞匯，如：QuickFind〔快速查找〕、QuickSearch〔快速搜索〕注明搜索選項——搜索什么？注明搜索范圍——整個站點？局部站點？整個web？網站導航的分類全局導航

每一個頁面上一組通用的導航元素，以一致的外觀出現在網站的每一頁，扮演著對用戶最根本的訪問方向性指引。

輔助導航 又被稱作“面包屑路徑〞或層級菜單、頁面名稱輔助導航——“你在這里〞指示器改變文字的顏色改變按鈕的顏色使用粗體按鈕反白輔助導航——“面包屑路徑〞注明從主頁到達當前頁面的路徑使用文字鏈接，并用“>〞隔開最后一個元素加粗，表示“你在這里〞輔助導航——頁面名稱頁面名稱應與點擊的鏈接一致每個頁面都應該有頁面名稱要引人注意——字體大小、顏色、留白空間網站導航測試隨機進入網站的任何一頁，均能快速圈出以下元素這是什么網站？〔站點ID〕這個網站的主要欄目有哪些？〔欄目清單〕在這個層次上我有哪些選擇?(本頁導航)我在導航系統的什么位置？〔“你在這里〞指示器〕我怎么搜索?站點ID標簽導航條頁面名稱搜索框實用工具頁內導航網站導航測試網站導航設計思想一目了然引導用戶行為，實現利益轉換關注細節，遵循習慣用法，方便用戶操作保持一致性，突出重點網站導航設計禁忌使用移動的圖片采用“很酷〞的表現技巧導航沒有文字提示點評：只有當鼠標移到對應的圖片上，才會展開顯示內容“電子事業〞，如果單純的看兩個OurBusiness，誰能知道有什么區別呢？網站頁面布局設計什么樣的首頁布局是合理的？首頁廣告放置的位置是最正確位置嗎？動畫圖片出現在哪個位置適宜？用戶登陸框為什么最好不要放在網頁左上角？

用戶眼球視線跟蹤實驗

瀏覽者的視線通常固定在網頁左上角，然后在這個區域逡巡一陣后，開始右移，在頂部位置仔細停留閱讀后，開始往下掃描。

用戶網頁瀏覽行為的研究結果

〔1〕用戶對網頁的瀏覽視線呈F型。他們更傾向于在網頁頂部閱讀長句，隨著網頁越往下，他們越不會閱讀長句，這就使得每個句子的開頭兩個詞匯尤其重要。〔2〕人們非常擅長于篩選出一頁中無關信息，將注意力集中到一小局部突出的網頁元素中。〔3〕訪問者對那些圖片中有人物直視自己的內容非常注意，如果那個直視自己的人物有一定吸引力效果更佳，但相貌不要太漂亮。如果圖片中的人物猶如職業模特那么沒有吸引力，因為這樣的人物沒有現實親和力。

用戶網頁瀏覽行為的研究結果

〔4〕圖片放在網頁正中會對訪問者產生阻礙。

〔5〕用戶對那些提供有用信息的圖片會產生更好的反響，裝飾性過強的圖片那么難以激起用戶反響。

〔6〕消費者對于搜索引擎結果中的廣告鏈接一瞥而過，作為“其次考慮〞的事情

網站頁面布局技巧

最重要的信息放在最顯著位置；頁面內容不宜太繁雜；在頁面左上角放置企業LOGO;公司介紹、聯系信息、網站地圖等網站實用工具一般放置在網頁最下方；站內檢索、會員注冊等引導客戶的網站實用工具放置在右側或中上方顯眼位置。1.字號字號大小的計算：磅或像素。最適合于網頁正文顯示的字體大小為12磅左右。較大的字體可用于標題或其他需要強調的地方小一些的字體可以用于頁腳和輔助信息小字號易產生整體感和精致感，但可讀性較差。

網站文字設計2.字體字體選擇是一種感性、直觀的行為，要依據網頁的總體設想和瀏覽者的需要。粗體字強壯有力，有男性特點，適合機械、建筑業等內容；細體字高雅細致，有女性特點，更適合服裝、化裝品、食品等行業的內容。

網站文字設計2.字體在同一頁面中，字體種類少，版面雅致，有穩定感；字體種類多，那么版面活潑，豐富多采。文字大小疏密的處理，能突出重點，層次清楚。正文內容最好采用缺省字體。在確有必要使用特殊字體的地方，可將文字制成圖像，然后插入頁面中。

網站文字設計3.行距一般情況下，接近字體尺寸的行距設置比較適合正文。行距的常規比例為10:12，即用字10點，那么行距12點。有意識地加寬或縮窄行距，可表達獨特的審美意趣如，加寬行距可表達輕松、舒展情緒，適用于娛樂性抒情性的內容。通過精心安排，使寬、窄行距并存，可增強版面的空間層次與彈性，表現出獨到的匠心。

網站文字設計點評：上、中部文字編排疏散，傳達出輕松愉快的感覺。下部的文字編排采用較小的行距，與上面的編排方式形成比照，豐富了版面空間層次。

色彩的根本知識網頁色彩的搭配網站色彩設計〔1〕三原色：紅黃黑〔2〕顏色分類：彩色和非彩色〔黑白灰〕〔3〕飽和度和透明度：由同一種顏色不同的透明度和色彩飽和度可以組成相似的不同色調。

色彩的根本知識

飽和度低飽和度高〔4〕色環紅黃綠藍紅依次過度漸變形成同一顏色在色環上有2種或更多同色不同色調顏色在色環上靠的越近的顏色越相似，它的對面是顏色的比照色，角度越大比照度越大分為：暖色、中性色和冷色，暖色調有前進特征，冷色調有后退的感覺同一顏色或者相近顏色給人的感覺是和安靜和簡潔,而比照色那么給人比較強烈的視覺沖突

色彩的根本知識

〔5〕色彩的心理感受設計網頁時選擇一些適合網頁主題或風格的顏色.醫院一般使用黃色和綠色,這樣可以幫助病人更快的痊愈,銀行大多使用藍色,這樣可以看上去更專業一點,有時候也會使用綠色,這樣給人的感覺更平安.

色彩的根本知識

〔5〕色彩的心理感受不同的飽和度或透明度也會產生不同的感覺

色彩的根本知識

四種配色方式---〔1〕單一顏色：使用一種顏色加上一種中性色,常用的中性色有"黑色""白色""灰色""米色“網頁色彩的搭配四種配色方式---〔2〕單一顏色不同色調：使用同一種顏色,但是該顏色不同色彩飽和度的顏色(不同色調)進行搭配。這種配色方案會給人整體十分和諧統一的感覺。網頁色