1電子商務網站建設與維護

第一頁，共五十三頁。21.電子商務能給企業帶來什么？在目前的信息社會，電子商務對企業來講非常重要。

第一階段，電子商務是“救命稻草”。第二階段，電子商務是“錦上添花”。2.企業真的需要電子商務網站嗎？

網站可以為企業提供的服務主要包括3S，即SHOW、SALE、SERVE：SHOW（展示）SALE（交易）SERVE（服務）

1電子商務網站概述提出問題第二頁，共五十三頁。32電子商務網站的分類1．按商務目的和業務功能分類

基本型電子商務網站：針對小型企業，宣傳作用，構建價格低，多用虛擬主機方式實施。

宣傳型電子商務網站：內容簡潔，突出信息宣傳客戶服務型電子商務網站：突出產品服務宣傳和技術支持，如殺毒軟件提供商。

完全電子商務運作型網站：宣傳，營銷，銷售

第三頁，共五十三頁。42電子商務網站的分類2．按構建網站主體分類

行業電子商務網站：為本行業企業和部門提供信息、交流平臺。

企業電子商務網站：為企業產品服務提供支持。政府電子商務網站：以政府機構為主體構建，為政府稅收和公共服務提供平臺。服務機構電子商務網站：商務、金融、郵政、家政、休閑娛樂等服務機構為主體構建，為大眾服務。

第四頁，共五十三頁。52電子商務網站的分類3．按電子商務網站開辦者分類

流通型電子商務網站：是電子商務網站的主要存在形式。突出眾多商品展示、查詢及銷售

生產型電子商務網站：為企業產品服務提供宣傳和技術支持，網站特色突出與企業文化一脈相承。

第五頁，共五十三頁。62電子商務網站的分類4．按產品線的廣度和深度分類（主要針對B2B電子商務模式）

垂直型電子商務網站：集中對某一產品提供縱深型服務，在產品的互補性和購物的便捷性方面有優勢，專業性更強。

水平型電子商務網站：圍繞某一產品或行業進行產品線的橫向展開，進行跨行業，多產品類型的信息提供。專門電子商務網站：提供某一類品牌知名度高的產品信息和服務支持。

公司電子商務網站：為本公司產品和服務提供支持。

第六頁，共五十三頁。73電子商務網站規劃概述電子商務網站的設計思想和總體目標1.設計思想:

以客戶為中心樹立企業形象提升企業核心競爭力2.總體目標:

依企業生產經營方向確定,實施電子商務網站的不同功能.

第七頁，共五十三頁。8網站規劃的任務1．明晰網站建設的流程具體要解決以下三個任務?

（1）網站制作有哪些流程（2）每一個流程由誰來完成。（3）每一項內容何時完成。第八頁，共五十三頁。92．確定網站的目的、功能

為什么要建立網站，為了宣傳產品，還是要進行網上交易？做本企業網站，還是建立行業性網站？為了企業日常任務需要，還是市場開拓的延伸？根據公司的需要和網站建設計劃，確定網站的整體功能。目的確定，功能明晰，為后繼工作掌握好方向，此后的工作才能順暢進行。第九頁，共五十三頁。103．確定網站的技術解決方案網站技術解決方案（1）服務器的選用

（2）服務器平臺選型

（3）開發技術選型

（4）數據庫選型

第十頁，共五十三頁。114．對網站內容進行總體規劃規劃時要解決網站有哪些欄目的問題規劃時要解決每個欄目都有什么內容的問題+內容規劃

第十一頁，共五十三頁。125．確定網頁設計方案

網站規劃時，還要確定網頁的設計方案，明確每一個頁面的設計方案。包括版式設計，目錄設計，導航設計及風格設計等。實際實施制作的技術人員取得該方案后，可以快速按照指定的要求進行制作。6．制定網站后期的運營、維護、管理、安全方案對網站制作完成后的運營方案、維護計劃、管理體系、安全防范等都要進行統一規劃，這是網站規劃的一項重要任務，也是網站規劃中不可缺少的一個有機組成部分。

第十二頁，共五十三頁。134電子商務網站規劃與設計的原則

1.明確網站設計目標與用戶需求

（1）明確建立網站目的：市場營銷，技術支持和產品銷售。（2）了解目標市場；（3）明確競爭優勢；（4）如何為客戶提供信息：企業必須清楚地了解本網站受眾群體的基本情況，如受教育程度，收入水平，需要信息的范圍及深度等等，從而作到有的放矢。而分析有些網站的效果不如預想好，主要原因就是對用戶的需求理解有偏差，缺少用戶的檢驗而造成的。（5）規劃好收款與配送事宜（6）評估網站獲利能力。第十三頁，共五十三頁。142.總體設計方案主體鮮明

總體設計方案，它包括對網站的整體風格和特色作出定位，規劃網站的組織結構。

針對所服務對象的不同，網絡站點有不同的形式。有的站點只提供簡潔文本信息，有的則采用多媒體表現手法。但最好的網絡站點是把圖形和圖象的表現手法與有效的組織與通信結合起來。作到主題鮮明突出，力求簡潔，要點明確，以簡單明確的語言和畫面告訴大家本站點的主題，其中對于一些行業標志和公司的標志應充分加以利用，加深訪問者的印象。

其最終的目標就是：調動一切手段充分表現網站的個性和情趣，突出個性，辦出網站的特色。第十四頁，共五十三頁。15

3.網絡結構設計簡潔明了

4.訪問安全快速

5.多媒體技術的合理應用

6.網站信息及時更新

7.網站的信息交互能力強

第十五頁，共五十三頁。16頭部內容體部內容尾部內容網站標識標題廣告條分類導航與檢索LogoTitleBannerMenuSearchBanner規格全幅半幅垂直寬型小型486x60234x60120x240728x9088x315電子商務網站頁面內容與欄目規劃第十六頁，共五十三頁。17頭部內容體部內容尾部內容網站標識標題廣告條分類導航與檢索LogoTitleBannerMenuSearch用戶注冊與登陸各類欄目相關站點鏈接LoginLinks版權聲明管理入口聯系方式CopyRight第十七頁，共五十三頁。18網站體部網站頭部網站尾部11第十八頁，共五十三頁。19阿里巴巴網站內容分析案例分析LOGO(含標題）宣傳標語產品檢索分類導航1、頭部內容第十九頁，共五十三頁。20案例分析2、體部內容（1）資訊欄目阿里巴巴網站內容分析第二十頁，共五十三頁。21阿里巴巴網站內容分析案例分析（2）社區欄目（1）資訊欄目2、體部內容第二十一頁，共五十三頁。22阿里巴巴網站內容分析案例分析（2）社區欄目（1）資訊欄目2、體部內容（3）交易欄目第二十二頁，共五十三頁。23案例分析3、尾部內容阿里巴巴網站內容分析第二十三頁，共五十三頁。247電子商務網站內容設計遵循的原則相關性真實性動態性準確性圖像替代以主題為主線展開內容設計對內容要嚴格把關

隨時進行修改和更新

尤其是報價、庫存

適中地使用圖像代替文本第二十四頁，共五十三頁。258欄目規劃概述1．什么是網站的欄目?

網站的欄目是指網站內容的提綱，是網站內容的大綱索引。其功能是將網站的所有內容都分門別類，利用欄目將網站的主體明確顯示出來。如果將網站比做一本書，那么書中的每章就是一個欄目。第二十五頁，共五十三頁。26一緊扣主題的原則

二精簡的原則

三四提綱挈領的原則

凸顯特色

2．網站欄目規劃的原則第二十六頁，共五十三頁。279欄目規劃策略分類法參照法+1．欄目規劃的常用方法所謂分類法，就是將欲在網站展示的所有資料進行分門別類，每一個類別形成一個欄目。

所謂參照法，就是參照同類網站所設置的欄目，結合實際需要進行欄目設置的方法第二十七頁，共五十三頁。282．欄目規劃的技巧設置自己的欄目，具體方法是：（1）所有同類網站都有的欄目，你一定要有；（2）70%以上同類網站都有的欄目你不妨也加上；（3）如果有些欄目只有50%網站具有，這類欄目，你要詢問客戶的意見后，再決定是否采用此欄目；（4）有些欄目只有50%以下網站擁有，這時要注意了，這類欄目一是用處不大的欄目，二是特色欄目，你要根據情況再三斟酌，而后決定。第二十八頁，共五十三頁。2910網站欄目的邏輯組織結構

電子商務網站結構大體可分為兩種結構類型，即邏輯結構和物理結構。邏輯結構描述的是網頁文檔之間的鏈接關系，而物理結構描述的是網頁文檔的實際存儲位置。因此，我們將邏輯結構的設計稱為欄目規劃，將物理結構的設計稱為目錄規劃。第二十九頁，共五十三頁。30網站欄目的邏輯組織模型

1.線型線型是最簡單、也是人們最為熟悉的組織形式,是將多個網頁按照一定的先后順序鏈接起來，常用于需要按步驟進行操作的欄目上，如：注冊信息等。最簡單的線型模型如圖所示:第三十頁，共五十三頁。31線型邏輯組織模型

在純線型的基礎上進行擴展，從而演變出更具靈活性的線型結構。第三十一頁，共五十三頁。32線型邏輯組織模型

第三十二頁，共五十三頁。332.層次型邏輯組織模型

層次型又稱為樹型，是Web站點上應用最多的組織結構，是按照網頁之間的包含關系組織而成的。優點：簡單直觀，清晰明了。缺點：瀏覽網頁效率低，需配置良好的導航系統給予引導。第三十三頁，共五十三頁。343.網絡型邏輯組織模型

網絡型是多個網頁間都有相互鏈接的一種結構。第三十四頁，共五十三頁。35混合型邏輯組織模型

混合型就是將以上三種模型混合在一起形成的組織模型，現在，幾乎所有的大型網站都采用混合型的組織模型。通常，首頁和一級頁面之間用網絡型結構，一級頁面和二級頁面之間用層次型結構，具有先后執行次序的網頁之間用線型結構。第三十五頁，共五十三頁。36網站欄目規劃

一個例子（服裝行業B2B站點）：第三十六頁，共五十三頁。3711電子商務網站目錄結構規劃網站目錄結構規劃

網站目錄是指建立網站時創建的目錄，用于存放網站中所有的圖片、網頁、數據庫等文件。目錄結構的規劃對于站點本身的維護、未來的擴充和移植有著重要的影響。第三十七頁，共五十三頁。38原則：（1）分類存放、分別建立目錄分門別類，有序存放（2）目錄的層次不要太深不超過3層（3）根目錄下不要存放所有文件主頁文件、流量統計的文本文件（4）根據欄目內容建立子目錄（5）在每個主欄目子目錄下都建立獨立的images目錄（6）不要使用中文目錄（7）不要使用過長的目錄名影響檢索速度網站目錄結構規劃

第三十八頁，共五十三頁。39網站目錄建設的步驟及方法

1.建立一個用于存放網站的總目錄2.進入此網站目錄，展開網站目錄的建設工作3.在網站的根目錄下建立一個Images子目錄存放首頁圖像文件4.在網站的根目錄下建立一個style子目錄存放樣式表文件5.在網站的根目錄為每一個欄目建立對應子目錄，每個子目錄下建立Images子目錄存放子頁面圖像文件如：MyWeb第三十九頁，共五十三頁。40案例：敦煌網的目錄結構動手制作1．敦煌網的LOGO及導航欄

第四十頁，共五十三頁。41動手制作2．敦煌網的目錄結構設計

首頁圖像文件目錄樣式文件目錄我的Dhgate欄目我的Dhgate的圖像文件夾

功能與服務欄目

功能與服務的圖像文件夾

熱門求購欄目

外貿通欄目

熱門求購的圖象文件夾

外貿通的圖像文件夾

案例：敦煌網的目錄結構第四十一頁，共五十三頁。42

1.完全自己建適合于公司網絡業務量大，且有專門的技術人員和設備。

優點：網站建設自主性大，不受他人限制

缺點：人力物力耗費巨大,技術性要求很高，不是一般公司能夠承受,例如IBM等大公司。

13電子商務網站總體設計網站硬件平臺的搭建第四十二頁，共五十三頁。43

2.自己租主機和線路，整機托管方式與完全自己建的方式相比，這種方式投資相對小一些，但也不是一般公司能夠承受，在技術和經費方面同樣有較高要求.和第一種相比，即用戶把設備放到ISP的中心機房或數據中心,然后通過其他低速線路進行網站的遠程管理和維護.

優點:較自己建降低了成本,又能得到水平較高的服務

缺點:維護和管理成本依然很高13電子商務網站總體設計網站硬件平臺的搭建第四十三頁，共五十三頁。4413電子商務網站總體設計網站硬件平臺的搭建第四十四頁，共五十三頁。45

設想一個在線商店提供實時定價和有效性信息。這個站點提供一個表單讓你來選擇產品。當你提交查詢后，網站會進行查找并把結果內嵌在HTML頁面中返回。網站可以有很多種方式來實現這種功能。我們介紹一個不使用應用程序服務器的情景和一個使用應用程序服務器的情景。觀察一下這兩種情景的不同會有助于你了解應用程序服務器的功能。案例分析第四十五頁，共五十三頁。46在此種情景下，一個Web服務器獨立提供在線商店的功能。Web服務器獲得你的請求，然后發送給服務器端可以處理請求的程序。此程序從數據庫或文本文件中查找定價信息。一旦找到，服務器端程序把結果信息表示成HTML形式，最后Web服務器把會它發送到你的Web瀏覽器。在此過程中，Web服務器只是簡單的通過響應HTML頁面來處理HTTP請求。

案例分析情景1：不帶應用程序服務器的Web服務器第四十六頁，共五十三頁。47情景2和情景1相同的是Web服務器還是把響應(response)的產生委托給可以處理請求的腳本程序。然而，你可以把查找定價的商業邏輯放到應用程序服務器上。由于這種變化，此腳本程序只是簡單的調用應用程序服務器的查找服務，而不是已經知道如何查找數據這個過程。這時當該腳本程序產生HTML響應時就可以使用該服務的返回結果了。

案例分析情景2：帶應用程序服務器的Web服務器第四十七頁，共五十三頁。48在情景2中應用程序服務器提供了用于查詢產品的定價信息的商業邏輯。(服務器的)這種功能沒有指出有關顯示和客戶端如何使用此信息的細節，相反客戶端和應用程序服務器只是來回傳送數據。當有客戶端調用應用程序服務器的查找服務時，此服務只是簡單的查找并返回結果給客戶端。

案例分析總結

通過從響應產生HTML的代碼中分離出來，在應用程序之中該定價(查找)邏輯的可重用性更強了。其他的客戶端，例如收款機，也可以調用同樣的服務來作為一個店員給客戶結帳。相反，在情景1中的定價查找服務是不可重用的，因為信息內嵌在HTML頁中了。第四十八頁，共五十三頁。49網頁開發技術

網頁是Web中的基本文檔，是用HTML語言或者其他語言（VBscript,Javascript,ASP,PHP,JSP)編寫的，因此網頁文件的擴展名一般為“.html”、“.htm”、“.asp”、“.php”、“.jsp”等。我們可以將網頁理解成兩種狀態，一種是源代碼狀態；另一種是瀏覽器顯示出來的可見狀態。因此按照網頁執行