電子商務網(wǎng)站建設0210的課件

電子商務徐州師范大學管理學院市場營銷系2008年2月1/17/20231.第六章電子商務網(wǎng)站的建設第一節(jié)

電子商務網(wǎng)站的策劃第二節(jié)電子商務網(wǎng)站的建設第三節(jié)Web頁設計與制作1/17/20232.第一節(jié)電子商務網(wǎng)站的策劃一、電子商務網(wǎng)站的規(guī)劃二、電子商務網(wǎng)站的設計三、網(wǎng)站模版設計

1/17/20233.一、電子商務網(wǎng)站的規(guī)劃（一）確定電子商務網(wǎng)站的服務對象（二）確定網(wǎng)站目標（三）確定網(wǎng)站評價系統(tǒng)1/17/20234.（一）電子商務網(wǎng)站的服務對象新浪網(wǎng)的服務對象是誰？如何定位的？服務對象可能是：

供應商、顧客（大客戶、政府部門、一般顧客）網(wǎng)站資源有限，必須整合聚焦服務如何識別網(wǎng)站的服務對象？

確定訪問者范圍確定訪問者目的分為內(nèi)部訪問者和外部訪問者1/17/20235.外部訪問者（企業(yè)）訪問對象

潛在客戶、供應商、政府、其它組織和個人競爭者、投資者、債權者客戶：了解產(chǎn)品信息、訂購、反饋供應商：了解公司產(chǎn)品計劃、分析庫存競爭者：了解公司戰(zhàn)略和經(jīng)營情況過客：值得訪問信息（針對潛在客戶）1/17/20236.內(nèi)部訪問者（企業(yè)）經(jīng)常被忽略，僅限于參與建設部門按照價值鏈和業(yè)務流程確定制造部：了解客戶對產(chǎn)品評價研究部：了解客戶的偏好市場部：利用反饋信息制定特別促銷方案財務部：了解客戶定貨和回款情況采購部：了解客戶對產(chǎn)品（原料）評價1/17/20237.如何確定訪問目的討論會（類似市場調查）借鑒同行成熟網(wǎng)站網(wǎng)上測試識別不同目的的重要性（主要目的、次要目的）識別訪問目的背后的潛在需求1/17/20238.（二）確定網(wǎng)站目標（1/2）公司的任務或目標（Why）嘗試性、補充（輔助）、轉型（戰(zhàn)略調整）網(wǎng)站的近期目標與遠期目標（海爾）信息查詢-》產(chǎn)品展示和訂購-》網(wǎng)上交易-》網(wǎng)上經(jīng)營管理（數(shù)字化企業(yè)，與內(nèi)部信息系統(tǒng)整合）網(wǎng)站訪問者

根據(jù)不同階段確定不同訪問對象，以訂購為例，分為組織和個人。根據(jù)地域、經(jīng)濟、文化，以及年齡、性別、收入等細分（Dell分為大、中、小企業(yè)客戶）1/17/20239.確定網(wǎng)站目標（2/2）確定為訪問者提供的信息

時效性：及時更新（國內(nèi)網(wǎng)站很少更新）準確性：明確無誤（多為非專業(yè)人員制作）豐富性：詳細真實（多媒體）相關性：增加信息使用效果（相關鏈接）便捷性：使用方便，按顧客導向可行性：考慮成本/效益，信息成本最低1/17/202310.（三）確定網(wǎng)站評價系統(tǒng)明確競爭者網(wǎng)站特點建立評價站點的規(guī)則

頁面下載時間、頁面大小，布局，內(nèi)容訪問者評價（訪問量）評價分析

持續(xù)不斷跟蹤，建立評價系統(tǒng)（利用第三方監(jiān)測系統(tǒng)）1/17/202311.二、電子商務網(wǎng)站的設計（一）確定網(wǎng)站的內(nèi)容和功能（二）確定網(wǎng)站的裝飾風格（三）確定網(wǎng)站的導航系統(tǒng)1/17/202312.（一）確定網(wǎng)站的內(nèi)容如：海爾網(wǎng)站分為靜態(tài)和動態(tài)靜態(tài)內(nèi)容》一般、常規(guī)信息：公司的歷史、文化等》修改較少，初期建設注意規(guī)劃動態(tài)內(nèi)容》公司產(chǎn)品和服務有關信息，促銷信息》經(jīng)常修改，保持網(wǎng)站的吸引力和作用1/17/202313.確定網(wǎng)站的功能分為主要功能和輔助功能主要功能》信息發(fā)布、網(wǎng)上交易（海爾）輔助功能》配合主要功能而設置的。如客戶注冊管理(8848)功能確定原則》內(nèi)容與功能統(tǒng)一，功能滿足顧客需求（如退貨）1/17/202314.（二）確定網(wǎng)站的裝飾風格形式服從內(nèi)容與功能組織性裝飾、功能性裝飾和可視性裝飾組織性裝飾：按照小組、系統(tǒng)的結構安排站點功能，如子站點安排布局、顏色基調（整體）功能性裝飾：方便顧客利用功能，如功能、內(nèi)容的布局安排（局部）可視性裝飾：起著美化界面，如用圖形等（部件）1/17/202315.（三）確定網(wǎng)站導航系統(tǒng)分全局導航和局部導航全局導航

》出現(xiàn)在每個網(wǎng)站，連接主要大塊（子站點）》形式：固定鏈接橫條局部導航

》出現(xiàn)在相關頁面，便于相關頁面跳轉》形式：主題列表、選項菜單、相關條目導航系統(tǒng)保持一致；能快速回頁首1/17/202316.三、網(wǎng)站模板設計（一）制作網(wǎng)站的布局網(wǎng)格（二）設計網(wǎng)站的框架

（三）設計網(wǎng)站的頁面模型1/17/202317.（一）制作網(wǎng)站的布局網(wǎng)格布局網(wǎng)格是描述網(wǎng)頁的模板內(nèi)容是最重要的因素

所有主要部分的頁面形式應該很相似

必需考慮的其他元素包括：商標、廣告和贊助、導航、頁標題、頂端圖形、腳標（包括版權）

1/17/202318.(二)設計網(wǎng)站的框架

建立網(wǎng)站的統(tǒng)一的整體結構和整體外觀設計網(wǎng)站的框架以與修飾風格或網(wǎng)站結構基本原理結合

設計網(wǎng)站框架并不是絕對必要的

1/17/202319.（三）設計網(wǎng)站的頁面模型網(wǎng)頁模板》確定幾種最主要的一般性頁面作為模板》不同模板頁面應相似，同一模板應一致》考慮元素：商標、廣告和贊助、導航、頁標題、頂端圖形、腳標（包括版權）設計頁面模型》利用現(xiàn)有Web設計工具設計模型，并進行測試和最終確定。1/17/202320.第二節(jié)電子商務網(wǎng)站的建設一、電子商務網(wǎng)站的實施方式二、電子商務網(wǎng)站的域名申請三、電子商務網(wǎng)站的準備

四、電子商務網(wǎng)站的開發(fā)

五、電子商務網(wǎng)站的維護六、電子商務網(wǎng)站的推廣

1/17/202321.一、電子商務網(wǎng)站的實施方式外包、租借和自建1/17/202322.（一）外包全權委托外部專業(yè)化公司提供一攬子解決方案，并且實施特點》速度快，利用專業(yè)化服務，如上海書城采用IBMNet.CommerceV3的解決方案，2個月完成》定制方案，可以要求提供針對企業(yè)實際的方案》節(jié)省開發(fā)費用，可以節(jié)省1/3》獲得專業(yè)化服務，如網(wǎng)上支付、物流服務1/17/202323.（二）租借利用電子商務服務站點（ASP、BSP）提供空間建設站點。企業(yè)只需要提供有關材料，維護、收款以及物流配送由門戶站點負責。網(wǎng)上商城Http://操作步驟：填寫用戶資料，獲取用戶代碼和密碼，交納保證金商人門戶網(wǎng)站Http://特點：簡單、快捷、廉價缺點：大眾化、缺乏發(fā)展空間1/17/202324.（三）自行建設外包適合非技術類的大中企業(yè)，租借適合中小企業(yè)或者試探性大中企業(yè)自行建設適合大企業(yè)，技術力量雄厚。需要有經(jīng)驗、時間和大預算。優(yōu)勢是可以建立獨特的有競爭力的功能。自行建設時應充分利用現(xiàn)有的開放的平臺，并在此基礎上進行開發(fā)。如：IBM、HP、Intel、Microsoft等1/17/202325.二、電子商務網(wǎng)站的域名申請（一）域名的命名（二）域名的申請1/17/202326.（一）域名的命名與企業(yè)已有商標或企業(yè)名稱具有相關性簡單易記易用，3-8個字符多個域名：出現(xiàn)申請類似的域名，如Sohu、Sohoo國際性：以英語單詞為準,china與拼音民族性：符合民族特點，如Sina與支那1/17/202327.（二）域名申請獨立域名、子域名如：.cn英文域名與中文域名國際域名與國內(nèi)域名管理單位：InterNic、Cnnic申請：直接到管理單位申請，代理申請如：中國新網(wǎng)（http://www.chinaDNS.com）1/17/202328.表6-1：CNNIC域名注冊申請表CNNIC域名注冊申請表（CN－1共1頁REV5.0）1、申請選擇：()注冊()變更()注銷郵政編碼：2、域名申請目的理由和用途：商業(yè)應用電話：3、域名：傳真：4、域名申請單位電子郵件：名稱（中文）：6、技術聯(lián)系人（英文）：

查詢號：ZS6-CN（拼音）：7、承辦人單位名稱縮寫：查詢號：ZS6-CN單位負責人：8、繳費聯(lián)系人通訊地址（中文）：查詢號：ZS6-CN1/17/202329.（英文）：9、域名服務器郵政編碼：

主域名服務器名：單位所在地點：主域名服務器IP地址:485、域名管理聯(lián)系人主域名服務器機型：IntelPentiumIII450查詢號：主域名服務器操作系統(tǒng)：BSD/OS姓名（中文）：主域名服務器放置地點：北京（英文）：輔域名服務器名：單位名稱（中文）：輔域名服務器IP地址:02（英文）：輔域名服務器機型IntelPentiumIII450通訊地址（中文）：輔域名服務器操作系統(tǒng)：BSD/OS（英文）：輔域名服務器放置地點：北京

與此域名有關的一切法律責任由申請單位一方承擔。

申請單位（蓋章）單位負責人簽章或簽字年月日1/17/202330.三、電子商務網(wǎng)站建設的準備（一）Web服務器建設（二）準備網(wǎng)站資料（三）選擇網(wǎng)站開發(fā)工具1/17/202331.（一）Web服務器建設（1/2）涉及到架設網(wǎng)絡、安裝服務器，租用通信網(wǎng)絡方式：架設專用網(wǎng)絡、整體托管、虛擬主機托管、租用網(wǎng)頁空間、委托服務商代理架設專用網(wǎng)絡，自己架設通信網(wǎng)絡，速度快，費用昂貴，大型企業(yè)專業(yè)開發(fā)用整機托管，將服務器托管到IDC，遠程維護虛擬主機托管，邏輯上獨立，物理上共享，用戶可以擁有獨立的WWW、E-mail、FTP服務器1/17/202332.Web服務器建設（2/2）如何選擇ISP（虛擬主機托管）》速度。存放位置（國內(nèi)/國外），網(wǎng)絡連接速度》服務。E-mail信箱、數(shù)據(jù)庫開發(fā)能力，支持CGI、支持加密傳輸，流行管理軟件、頁面訪問統(tǒng)計；域名注冊、網(wǎng)站寄存、策劃、設計、制作、維護》價格。空間，服務內(nèi)容，服務質量租借網(wǎng)頁空間，申請子域名（虛擬域名），可自行上載網(wǎng)頁。委托服務商代理。類似于BSP，包括商務代理1/17/202333.（二）準備網(wǎng)站資料根據(jù)站點內(nèi)容和功能規(guī)劃選定材料策劃網(wǎng)站整體形象，統(tǒng)籌安排網(wǎng)頁公司簡介、產(chǎn)品資料（圖片、價格）增殖服務信息資料（相關產(chǎn)品技術資料、市場行情信息）材料類型：文字、圖像、動畫、聲音、影視等1/17/202334.（三）選擇網(wǎng)站開發(fā)工具網(wǎng)頁設計工具：FrontPage圖像處理工具：Adobe的Photoshop聲音、影視處理軟件交互式動態(tài)頁面設計工具，如微軟的ASP開發(fā)系統(tǒng)，支持CGI的Perl開發(fā)系統(tǒng)動態(tài)網(wǎng)頁請專業(yè)人員設計靜態(tài)網(wǎng)頁可以由企業(yè)內(nèi)部人員設計1/17/202335.四、電子商務網(wǎng)站的開發(fā)（一）電子商務網(wǎng)站開發(fā)的組織機構

（二）電子商務網(wǎng)站的組成（三）電子商務網(wǎng)站的開發(fā)管理（四）電子商務網(wǎng)站的測試（五）電子商務網(wǎng)站的發(fā)布1/17/202336.（一）電子商務網(wǎng)站開發(fā)的組織機構1/2外包開發(fā)方式，組織結構無須變動，只需指定有關人員負責與專業(yè)公司協(xié)調對于小型企業(yè)自行建設?？稍O網(wǎng)絡管理員職務，工作權限類似雜志編輯。具有預算、規(guī)劃、溝通、協(xié)調能力，同時具有一定技術知識對于大型企業(yè)，可設立網(wǎng)絡資源管理部門。（Web/InternetResourceExecutive）1/17/202337.電子商務網(wǎng)站開發(fā)的組織機構2/2WIRE合格人選條件優(yōu)秀的處理人際關系的能力較廣的網(wǎng)絡和電子商務知識一定的商業(yè)知識經(jīng)得起考驗的項目管理和協(xié)調能力有效的配合高層管理階層的工作能同時擔任領導者和促進者兩種角色優(yōu)秀的傾聽意見、吸取有用信息的能力1/17/202338.（二）電子商務網(wǎng)站的組成企業(yè)電子商務網(wǎng)站組成主要包括：主頁、企業(yè)信息、新聞頁面、產(chǎn)品服務、幫助、相關虛擬社區(qū)等。主頁

導航型：企業(yè)站點結構信息，簡潔，多層次

內(nèi)容展示型：展示主要內(nèi)容，豐富，一步到位視覺效果：分為文本型和圖片型。文本型追求簡潔、快速，輔以圖片；圖片型美觀、較慢1/17/202339.（1）電子商務網(wǎng)站——主頁/首頁企業(yè)名稱、標志、網(wǎng)站圖標（Logo）等CIS要素企業(yè)站點的網(wǎng)址企業(yè)站點的導航系統(tǒng)企業(yè)產(chǎn)品和/或服務最新的信息、有關新聞企業(yè)的聯(lián)系方式如E-mail、電話、傳真等相關站點的鏈接1/17/202340.（2）電子商務網(wǎng)站——新聞頁面包括企業(yè)最新信息：》產(chǎn)品和/或服務的最新信息，如品種、價格、實現(xiàn)方式等等》新項目的進行情況》企業(yè)的內(nèi)部變動情況》行業(yè)的最新動態(tài)》相關行業(yè)情況及時更新維護，企業(yè)重要公關形象步驟：收集資料-》制作標準新聞稿件-》轉換為Web頁1/17/202341.（3）電子商務網(wǎng)站——產(chǎn)品服務頁面企業(yè)在線業(yè)務的關鍵所在產(chǎn)品/服務目錄。提供相關信息，盡可能詳細，采用多媒體形式展示，虛擬現(xiàn)實訪問者、客戶評價。BBS以及代表性評價在線訂購和支付。定制訂購，方便、安全、自動。如提供購物藍（車）等形象訂購系統(tǒng)、選取系統(tǒng)、配送系統(tǒng)、支付系統(tǒng)（如貨款、運費、手續(xù)費計算）產(chǎn)品相關信息，產(chǎn)品使用小常識設計組織時盡量簡潔，按產(chǎn)品線/品牌分類1/17/202342.（4）電子商務網(wǎng)站——企業(yè)信息頁面對公眾（客戶、投資等）發(fā)布企業(yè)的公開信息發(fā)布信息包括：》發(fā)展歷程、企業(yè)大事記》組織架構、業(yè)務范圍》合作伙伴、發(fā)展計劃》財務信息（上市公司）最好圖文并茂，采用多媒體方式展示1/17/202343.（5）電子商務網(wǎng)站——幫助頁面方便用戶在繁雜的Web頁面快速找到信息信息方面幫助》站點結構圖（SiteMap）：展示主要鏈接》站點內(nèi)容搜索電子商務活動方面幫助》在線訂購、定制規(guī)則（Wizard）》在線支付方式和具體方法》物流配送方式，網(wǎng)站內(nèi)容搜索1/17/202344.（6）電子商務網(wǎng)站——虛擬社區(qū)培養(yǎng)訪問者忠誠度。交流購物體驗，增加人氣，建立訪問者之間的群體關系提供功能》個人電子信箱》公告欄（BBS）》在線聊天室（Chat）》在線實時通信（ICQ，OCIQ）電子虛擬社區(qū)的建立》選擇獨具特色的話題，一般與企業(yè)的產(chǎn)品、服務、經(jīng)營方式相關。如雅寶的“我的Yabuy經(jīng)歷”》選擇合適的論壇主持人，積極，引導1/17/202345.（7）電子商務網(wǎng)站頁面設計原則站點頁面的設計和開發(fā)要與企業(yè)CIS系統(tǒng)中的VI相一致使用模板和風格表來確保網(wǎng)站整體形象的統(tǒng)一，并簡化開發(fā)和以后的維護工作盡量使用成熟的技術，并使用多種瀏覽器進行檢驗，確保使用不同的瀏覽器瀏覽時沒有太大反差精簡頁面，提高訪問速度（8秒原則）盡量為訪問者和在線購物者提供方便1/17/202346.（1）瀑布法規(guī)劃需求分析概要設計詳細設計代碼調試維護瀑布法（三）電子商務網(wǎng)站的開發(fā)管理1/17/202347.（2）螺旋法統(tǒng)計風格和頁面（可視）后臺設計（不可視）循環(huán)信息結構設計結構設計第二版信息結構第二版結構跟蹤維護內(nèi)部文字組織螺旋法1/17/202348.（四）電子商務網(wǎng)站的測試發(fā)布前完成鏈接測試（空鏈、錯鏈）兼容性測試（不同版本瀏覽器使用）版面測試（不同版面，800*600為主流）語言測試（簡體、繁體）腳本語言測試下載速度1/17/202349.（五）電子商務網(wǎng)站的發(fā)布站點發(fā)布就是將設計好網(wǎng)頁存放到Web服務器E-mail方式，委托發(fā)布FTP方式，遠程直接發(fā)布CuteFTP3.5WWW方式，遠程直接發(fā)布FrontPage1/17/202350.五、電子商務網(wǎng)站的維護保持鏈接的有效性及時更換信息，根據(jù)信息性質不同確定更換頻率，保持信息的時效性最好是規(guī)劃、落實到具體部門，與業(yè)務整合在一起保持頁面內(nèi)容和拼寫正確，維護企業(yè)形象維持與訪問者的良好關系，及時反饋（E-mail，BBS）1/17/202351.六、電子商務網(wǎng)站的推廣全球有20億個網(wǎng)頁，僅20%可以搜索到；10%的網(wǎng)站吸引了90%用戶了解企業(yè)電子商務網(wǎng)站站點目前訪問率，訪問情況，如何進入網(wǎng)站；了解相關網(wǎng)站情況（競爭對手）制定推廣網(wǎng)站的策略網(wǎng)站推廣費用占維護費用的80%增加位置訪問率：吸引新用戶和讓老用戶瀏覽更多頁面1/17/202352.（一）網(wǎng)站推廣方法

（1）搜索引擎搜索引擎是吸引訪問的重要渠道

Yahoo，Sohu（閱讀：補充材料）提交站點（選擇類別）排名（關鍵字）登記方法：Sohu》選擇類別》填寫網(wǎng)站基本資料（名稱、URL、簡介）》填寫網(wǎng)站的聯(lián)系資料》登陸到開放目錄，然后定期放置到人工編輯目錄1/17/202353.（2）其它網(wǎng)上方法利用廣告聯(lián)盟

相互交換廣告鏈接，如LinkExchange

利用電子郵件（郵件列表）

定期發(fā)布更新信息，避免成為“垃圾郵件”參加相關論壇

注意網(wǎng)絡禮儀，不要隨便發(fā)布商業(yè)化信息建立網(wǎng)絡聯(lián)盟

交換鏈接利用傳統(tǒng)媒體（報紙、戶外、電臺、電視）1/17/202354.（二）網(wǎng)站推廣效果評價訪問量：委托第三方調查，包括廣度（訪問人數(shù)、頁面數(shù)）和深度（每人每次訪問頁面數(shù)、停留時間）總訪問人次數(shù)（UserSessions）、日平均頁面閱覽數(shù)（AveragePageViews）、總計頁面瀏覽數(shù)（PageViews）在線交易的數(shù)量和金額請求主頁鏈接的數(shù)量網(wǎng)絡廣告的收入媒體關注率1/17/202355.第三節(jié)Web頁設計與制作

一、Web頁設計語言二、HTML語言

三、Web頁編輯制作

1/17/202356.一、Web頁設計語言Web頁的設計主要涉及的語言有HTML語言、Java語言、JavaScript和VBScript等1．Java編程語言，也是一個平臺（虛擬機和應用程序界面）特點：簡單、面向對象、可分布、可解釋、強壯、安全性、結構化、輕便、功能強大、多線程、動態(tài)。

1/17/202357.

2．JavaScript

一種腳本語言

除了可以增加頁面的交互性、完成一些初步功能外，還可以節(jié)省瀏覽者的訪問時間和網(wǎng)絡流量

JavaScript與JAVA語言差異

》JavaScript不是JAVA的替代語言》JavaScript源代碼無須編譯》JavaScript無須特殊開發(fā)環(huán)境

1/17/202358.3．VBScript

3．VBScript

3．VBScriptVBScript目前只能在Windows環(huán)境下的瀏覽器運行4．CGICGI代表通用網(wǎng)關接口（CommonGatewayInterface）

5．XML

》XML可直接在Internet上使用》XML應支持廣泛的不同類型的應用》XML應與SGML兼容1/17/202359.二、HTML語言HTML是用于WorldWideWeb的語言，Web上的每個網(wǎng)站都用HTML顯示有關信息一般來說，HTML文檔包含兩種類型的信息：標記信息和內(nèi)容信息

HTML標記通常是英文詞匯（如塊引用）或縮略語（如"p"代