《電子商務(wù)網(wǎng)站建設(shè)》電子教案.ppt

1、電子教案編輯：謝莉莉，2008年1月，電子商務(wù)網(wǎng)站的建立，第1章，電子商務(wù)網(wǎng)站建設(shè)概述，電子商務(wù)網(wǎng)站的建立，電子商務(wù)網(wǎng)站的建立，本章重點介紹：建立電子商務(wù)網(wǎng)站的目的，電子商務(wù)網(wǎng)站的組成，電子商務(wù)網(wǎng)站的特點和功能，電子商務(wù)網(wǎng)站的建立，創(chuàng)建電子商務(wù)網(wǎng)站的目的，以及什么是電子商務(wù)電子商務(wù)電子商務(wù)起源于英語電子商務(wù)，縮寫為EC。顧名思義，它的內(nèi)容包括兩個方面，一個是電子方式，另一個是商業(yè)活動。也就是說，使用簡單、快速和低成本的電子通信，買方和賣方可以進行各種商業(yè)活動而不需要彼此見面。2.建設(shè)電子商務(wù)網(wǎng)站的目的建設(shè)電子商務(wù)網(wǎng)站的主要目的是：發(fā)布企業(yè)產(chǎn)品和服務(wù)信息、介紹企業(yè)歷史、收集客戶反饋、進行在線市場

2、調(diào)查、進行在線營銷、提供在線客戶服務(wù)、逐步實施電子商務(wù)等。建設(shè)電子商務(wù)網(wǎng)站，2。電子商務(wù)網(wǎng)站的類型和構(gòu)成。根據(jù)電子商務(wù)模式，電子商務(wù)網(wǎng)站的類型可以分為以下幾種。(1)B2B是指企業(yè)之間通過互聯(lián)網(wǎng)交換產(chǎn)品、服務(wù)和信息。(2)B2C是指企業(yè)直接向消費者銷售產(chǎn)品和服務(wù)。(3)C2C(C對C)是指消費者對消費者，這是美國易趣采用的商業(yè)模式。建立電子商務(wù)網(wǎng)絡(luò)站；2.電子商務(wù)網(wǎng)站的類型和構(gòu)成；2.電子商務(wù)網(wǎng)站的構(gòu)成(1)電子商務(wù)網(wǎng)站的基礎(chǔ)設(shè)施構(gòu)成了認證中心安全認證系統(tǒng)：認證中心(Certificate Authority)是“認證機構(gòu)”，負責頒發(fā)證書、認證證書和管理頒發(fā)的證書。目前，國內(nèi)認證市場主要由大型

3、行業(yè)或地方政府部門設(shè)立的認證機構(gòu)組成。例如，如圖所示，中國金融認證中心(CFCA)于2000年10月開始運營。這是一個由13家銀行建立和運營的認證體系，其主要市場是企業(yè)與銀行之間的資本轉(zhuǎn)移和流動服務(wù)。第二，電子商務(wù)網(wǎng)站、支付系統(tǒng)的類型和組成：支付系統(tǒng)在公共網(wǎng)絡(luò)和傳統(tǒng)銀行網(wǎng)絡(luò)之間搭建了一座橋梁，對支付信息(銀行賬號、密碼等)進行加密。2)用戶需要通過認證中心認證系統(tǒng)在公共網(wǎng)絡(luò)上傳輸，并將其發(fā)送到銀行內(nèi)部網(wǎng)絡(luò)；同時，接收銀行系統(tǒng)的響應(yīng)消息被加密并發(fā)送給最終用戶，保證了用戶支付信息在公共網(wǎng)絡(luò)上傳輸?shù)陌踩院涂煽啃?。目前，浙江支付寶網(wǎng)絡(luò)技術(shù)有限公司是中國領(lǐng)先的提供在線支付服務(wù)的互聯(lián)網(wǎng)企業(yè)，由全球領(lǐng)先的

4、B2B網(wǎng)站阿里巴巴創(chuàng)立。支付寶()，如圖所示。建立電子商務(wù)網(wǎng)絡(luò)站；2.電子商務(wù)網(wǎng)站、綜合接入平臺的類型和構(gòu)成：綜合接入平臺為電子商務(wù)各方提供安全、便捷的接入手段。接入平臺解決了中國網(wǎng)絡(luò)和計算機普及率低給用戶參與電子商務(wù)帶來的困難。中國電信電子商務(wù)綜合接入平臺支持計算機、電話、簡易終端、智能終端等多種接入方式。用戶可以通過電腦、電話等方式參與電子商務(wù)。電子商務(wù)不再需要先進的計算機知識，用戶只要能使用電話或進行簡單的計算機操作，就能享受電子商務(wù)給學(xué)習(xí)、生活和工作帶來的極大便利。商務(wù)系統(tǒng)：不管電子商務(wù)基礎(chǔ)設(shè)施有多完善，電子商務(wù)商務(wù)系統(tǒng)能讓用戶感受到電子商務(wù)的好處。目前，中國電信聯(lián)合銀行、證券、商務(wù)、

5、醫(yī)療、交通、教育等部門，共同開發(fā)了多種電子商務(wù)應(yīng)用系統(tǒng)，如電子支付、電子銀行、電子證券、網(wǎng)上購物、網(wǎng)上醫(yī)療、網(wǎng)上訂票、網(wǎng)上訂票、網(wǎng)上尋呼、安全電子郵件等。為廣大用戶開辟多種電子商務(wù)服務(wù)。電子商務(wù)網(wǎng)站建設(shè)；2.電子商務(wù)網(wǎng)站的類型和構(gòu)成；(2)典型電子商務(wù)網(wǎng)站主要功能模塊的構(gòu)成以校園手機網(wǎng)絡(luò)一書為例，電子商務(wù)網(wǎng)站可分為以下模塊：會員系統(tǒng)、產(chǎn)品系統(tǒng)、新聞發(fā)布系統(tǒng)、站內(nèi)信息檢索系統(tǒng)、網(wǎng)上購物系統(tǒng)、網(wǎng)上支付系統(tǒng)、網(wǎng)上技術(shù)支持、網(wǎng)上管理系統(tǒng)(后臺)等模塊。“校園手機網(wǎng)”前框架，“校園手機網(wǎng)”后框架，電子商務(wù)網(wǎng)站的建立，第三，電子商務(wù)網(wǎng)站的特點和功能，1。電子商務(wù)網(wǎng)站的特點(1)信息傳遞速度快(2)信息資源

6、廣泛(3)資源投入少(4)見效快(5)品牌優(yōu)勢更明顯(6)心智、愿景和決策比金錢更重要(7)免費客戶和付費客戶同等重要，而電子商務(wù)網(wǎng)站的建立。2.電子商務(wù)網(wǎng)站的作用(1)樹立全新的企業(yè)形象(2)優(yōu)化企業(yè)內(nèi)部管理(3)增強銷售力量(4)增加附加值，建設(shè)電子商務(wù)網(wǎng)站。第二章，電子商務(wù)網(wǎng)站的總體設(shè)計，電子商務(wù)網(wǎng)站的建立，電子商務(wù)網(wǎng)站的建立，本章重點介紹：規(guī)劃電子商務(wù)網(wǎng)站常用的網(wǎng)站建設(shè)技術(shù)和工具，建立良好的網(wǎng)站導(dǎo)航系統(tǒng)，建立電子商務(wù)網(wǎng)站。1.常用的網(wǎng)站建設(shè)技術(shù)(1)超文本標記語言(2)動態(tài)超文本標記語言(3)Java和Java小程序(4)activeX(5)CGI(6)ASP(7)PHP(8)JSP(

7、9)flash，電子商務(wù)網(wǎng)絡(luò)的網(wǎng)站建設(shè)，以及常用的網(wǎng)站建設(shè)技術(shù)和工具。2.常用的網(wǎng)站建設(shè)工具(1)FrontPage 2000FrontPage 2000是一個理想的網(wǎng)頁編輯工具，它支持“所見即所得”的編輯方法。它不要求用戶掌握網(wǎng)頁制作技術(shù)的深層知識，甚至不要求用戶理解超文本標記語言的基本語法。FrontPage 2000是微軟Office 2000家族的一員，所以界面保持了Word、Excel等軟件的一致風(fēng)格，非常友好，如圖所示。我們可以像使用Word一樣創(chuàng)建一個網(wǎng)頁。此外，F(xiàn)rontPage 2000與操作系統(tǒng)有很好的集成，因此它在網(wǎng)站管理和其他網(wǎng)頁編輯軟件方面具有無可比擬的優(yōu)勢。(2)D

8、reamweaver MX Dreamweaver MX是Macromedia公司推出的一款優(yōu)秀的可視化網(wǎng)頁設(shè)計和網(wǎng)站管理工具軟件，其界面如圖所示。它支持最新的網(wǎng)絡(luò)技術(shù)，包括超文本標記語言檢查、超文本標記語言格式控制、超文本標記語言格式選項、家庭網(wǎng)站或BBEdit綁定、可視化網(wǎng)頁設(shè)計、圖像編輯、全局搜索和替換、全文件傳輸協(xié)議功能、處理流媒體格式(如閃存和沖擊波)和動態(tài)超文本標記語言，以及基于團隊的網(wǎng)絡(luò)創(chuàng)建。在編輯時，用戶可以選擇可視化模式或個人喜歡的源代碼編輯模式。Dreamweaver MX不僅是專業(yè)人士制作網(wǎng)站的首選工具，而且已經(jīng)在大多數(shù)網(wǎng)頁制作愛好者中普及開來。FrontPage 200

9、0界面，Dreamweaver MX界面，電子商務(wù)網(wǎng)站的建立，第二，電子商務(wù)網(wǎng)站的創(chuàng)建過程，第一步，網(wǎng)站規(guī)劃。包括定義網(wǎng)站建設(shè)的目的、網(wǎng)站域名、空間使用、網(wǎng)站目標定位、網(wǎng)站目標用戶和潛在用戶的需求，以及確定網(wǎng)站的整體風(fēng)格。注意：域名注冊。域名可以說是企業(yè)的“網(wǎng)上商標”，所以域名的選擇應(yīng)該與注冊商標一致，便于記憶；虛擬主機。虛擬主機是網(wǎng)頁的存儲空間，虛擬主機的優(yōu)劣直接影響網(wǎng)站的訪問速度。不要使用太便宜的主機，空間是足夠的。主要檢查標準是帶寬、主機配置、CGI權(quán)限、數(shù)據(jù)庫、服務(wù)和技術(shù)支持。第二步是網(wǎng)站設(shè)計(程序開發(fā))。網(wǎng)站設(shè)計應(yīng)與公司的企業(yè)形象(VI)相一致，主要根據(jù)建立網(wǎng)站的目的和功能，規(guī)劃需要

10、什么樣的風(fēng)格以及是否需要安裝程序，如論壇、社區(qū)、留言簿(反饋表)等。利用規(guī)劃階段所做的工作，將內(nèi)容有機地聯(lián)系在一起，網(wǎng)站的設(shè)計包括前臺、后臺和數(shù)據(jù)庫。設(shè)計頁面布局，制作效果圖，查看整體情況，包括頁面的導(dǎo)航、文本、圖像和程序，設(shè)計符合編程和視覺效果的靜態(tài)頁面，然后開發(fā)程序。第三步是測試和發(fā)布網(wǎng)站。要測試一個設(shè)計好的網(wǎng)站，我們不僅要依次測試影響頁面顯示的所有細節(jié)，還要測試頁面中的超鏈接是否正常。最重要的是看這個電子商務(wù)網(wǎng)站的功能是否可用，是否方便，能否解決企業(yè)的商務(wù)問題。3.電子商務(wù)網(wǎng)站規(guī)劃，1。網(wǎng)站定位(1)網(wǎng)站類型定位信息發(fā)布類型：其主要功能是發(fā)布企業(yè)信息，如眾多中小企業(yè)網(wǎng)站。網(wǎng)上直銷：在發(fā)布

11、企業(yè)基本信息的基礎(chǔ)上，增加了網(wǎng)上接單和支付功能。這種類型經(jīng)常被一些大型企業(yè)網(wǎng)站采用。電子商務(wù)型：這種網(wǎng)站應(yīng)該基于更高的企業(yè)信息平臺，不僅具備前兩種網(wǎng)站的功能，而且整合了包括供應(yīng)鏈管理在內(nèi)的整個企業(yè)流程整合信息處理系統(tǒng)，運營成本更高。(2)網(wǎng)站的目標用戶通常包括分銷商、最終消費者、普通員工和銷售人員、求職者等。企業(yè)應(yīng)加強對網(wǎng)絡(luò)消費者行為的研究，這是改善客戶服務(wù)的基礎(chǔ)。注意分析企業(yè)目標客戶的年齡、性別、學(xué)歷、職業(yè)、個性、行為、收入水平、地理分布等數(shù)據(jù)。我們還應(yīng)該看到，網(wǎng)站的目標用戶是基于產(chǎn)品銷售的目標客戶，但他們不能完全劃等號。(3)網(wǎng)站訴求點的定位一般可分為三種類型：理性訴求、情感訴求和綜合訴求

12、。理性訴求強調(diào)推理和邏輯性，以事實為基礎(chǔ)，主要是介紹性的詞語，突出公司的實力、產(chǎn)品的質(zhì)量和卓越的服務(wù)。感性訴求強調(diào)直覺，直覺以價值為基礎(chǔ)，注重企業(yè)形象塑造。至于綜合網(wǎng)站，它是以上兩者的結(jié)合。企業(yè)網(wǎng)站的訴求點應(yīng)與企業(yè)的營銷宣傳理念相一致。(4)網(wǎng)站CI是企業(yè)形象的縮寫，這一營銷理念在這里被用作企業(yè)網(wǎng)站的形象設(shè)計。如果一個網(wǎng)站能在CI設(shè)計中成功定位，就能提高用戶對網(wǎng)站的認知度。CI設(shè)計一般包括LOGO設(shè)計。設(shè)計和制作一個網(wǎng)站LOGO就像為一個產(chǎn)品設(shè)計一個商標，這是一個網(wǎng)站最顯著的標志?？吹絃OGO會讓每個人想起這個網(wǎng)站。3、建立電子商務(wù)網(wǎng)絡(luò)站。電子商務(wù)網(wǎng)站的規(guī)劃。網(wǎng)站導(dǎo)航(1)網(wǎng)站導(dǎo)航的目的是通過

13、分類為訪問者提供友好的路徑，以便他們能夠盡快找到他們需要的內(nèi)容，如圖所示。告訴瀏覽者網(wǎng)站當前的位置，即歷史軌跡導(dǎo)航，如圖所示。告訴觀眾訪問了什么。在許多網(wǎng)頁上，點擊的鏈接用不同的顏色標記。為查看者提供相關(guān)資源的上下文和鏈接。當瀏覽者在互聯(lián)網(wǎng)上瀏覽產(chǎn)品時，該頁面將提供相關(guān)產(chǎn)品的鏈接。例如，在校園手機網(wǎng)絡(luò)上瀏覽三星SGH-D410手機時，網(wǎng)站會提供其他相關(guān)產(chǎn)品的鏈接，如圖所示。向訪問者推薦網(wǎng)站的最新內(nèi)容、特色內(nèi)容和關(guān)鍵內(nèi)容，如圖所示。校園手機網(wǎng)絡(luò)分類導(dǎo)航，校園手機網(wǎng)絡(luò)相關(guān)產(chǎn)品鏈接，校園手機網(wǎng)絡(luò)精品推薦，校園手機網(wǎng)絡(luò)歷史軌跡導(dǎo)航，電子商務(wù)網(wǎng)站建立，電子商務(wù)網(wǎng)站規(guī)劃，(2)網(wǎng)站導(dǎo)航的原則和技巧，盡可能

14、提供相關(guān)資源的鏈接。企業(yè)網(wǎng)站會有很多信息，但研究表明，訪問者往往不知道自己需要什么信息，網(wǎng)站可以幫助用戶收集一些相關(guān)資源并放到頁面上。一致性原則網(wǎng)站的導(dǎo)航元素應(yīng)該與設(shè)計風(fēng)格一致，以便于操作。網(wǎng)站欄目和層次的合理劃分不同板塊的內(nèi)容應(yīng)盡量避免內(nèi)容重疊和重復(fù)，共性較大的內(nèi)容應(yīng)盡可能劃分到同一個板塊，劃分的結(jié)構(gòu)層次不應(yīng)太深。整體導(dǎo)航設(shè)計技巧在設(shè)計網(wǎng)站的整體導(dǎo)航時，需要在每個頁面上添加一個“主頁”鏈接，以便及時返回網(wǎng)站主頁；同時，還應(yīng)提供“關(guān)于我們”鏈接，介紹公司概況和產(chǎn)品管理狀況；還需要提供“聯(lián)系我們”，并公布企業(yè)的電子郵件地址、電話號碼、傳真號碼、聯(lián)系人和公司所在地，如圖所示。設(shè)計輔助導(dǎo)航網(wǎng)站通常提

15、供文件下載服務(wù)，需要注明下載文件的大小和格式，并提供執(zhí)行軟件(如Adobe Acrobat Reader、RealPlayer等軟件)的下載鏈接。當聲音和動畫文件插入頁面時，應(yīng)提前通知訪問者。此外，內(nèi)容較多的網(wǎng)站需要提供信息查詢服務(wù)。常見的導(dǎo)航技巧如果一個網(wǎng)站的導(dǎo)航元素是圖片，那么相應(yīng)的文本應(yīng)該設(shè)置在圖片的ALT屬性中。所有頁面的LOGO都應(yīng)該有一個到主頁的鏈接?？傮w鏈接，如聯(lián)系信息、使用條款、版權(quán)信息和隱私保護，通常應(yīng)在網(wǎng)頁的頁腳提供。校園手機網(wǎng)絡(luò)的整體導(dǎo)航，電子商務(wù)網(wǎng)站的建立，電子商務(wù)網(wǎng)站的規(guī)劃，其他要素(1)網(wǎng)站設(shè)計風(fēng)格(2)分類系統(tǒng)(3)購物車(4)在線支付方式(5)安全問題(6)客戶

16、跟蹤(7)產(chǎn)品推廣(8)分銷，電子商務(wù)網(wǎng)站的建立個人網(wǎng)站的大部分內(nèi)容不僅來自其自身的創(chuàng)意，還依賴于數(shù)據(jù)的收集。如果數(shù)據(jù)收集不完整，可能需要在設(shè)計中途停止。同時，在收集信息時，我們主要收集其他經(jīng)典網(wǎng)站的頁面布局技巧、導(dǎo)航設(shè)計技巧、鏈接設(shè)計技巧、網(wǎng)站色彩處理技巧和網(wǎng)站具體內(nèi)容。雖然商業(yè)網(wǎng)站不像個人網(wǎng)站那樣從互聯(lián)網(wǎng)上收集內(nèi)容，但它們可以吸收其他類似網(wǎng)站的設(shè)計風(fēng)格的精髓，如布局風(fēng)格、導(dǎo)航技巧、色彩處理以及類似產(chǎn)品的宣傳技巧。收藏時，不要抄襲其他網(wǎng)站的風(fēng)格，要有自己的創(chuàng)意。第三章，校園手機網(wǎng)絡(luò)主頁界面設(shè)計，電子商務(wù)網(wǎng)站的建立，電子商務(wù)網(wǎng)站的建立，本章重點是熟悉常見的超文本標記語言標識，掌握使用表格布局網(wǎng)頁的技巧，合理運用網(wǎng)頁中的圖像和超鏈接，用CSS樣式美化網(wǎng)頁，制作包含表格的網(wǎng)頁，建立電子商務(wù)網(wǎng)站。首先，界面設(shè)計理論。首先，超文本標記語言介紹超文本標記語言是由各種標記組成的。一般來說，標記可以分為容器標記和非容器標記。容器標記由開始標記和結(jié)束標記組成，如段落標記；非容器標簽只有開始標簽，如換行符標簽。(1)html的基本標記a.b.c.d. (2)一些常用的html標記，如：等。建立電子商務(wù)網(wǎng)站，一是界面設(shè)計理論，二是Dreamweaver MX應(yīng)用介紹Dreamweaver