電子商務(wù)（6）電子商務(wù)網(wǎng)站的建設(shè)第六講 電子商務(wù)網(wǎng)站的建設(shè) ● 第一節(jié) Web頁設(shè)計與制作● 第二節(jié)電子商務(wù)網(wǎng)站的策劃● 第三節(jié)電子商務(wù)網(wǎng)站的實施第一節(jié) Web頁設(shè)計與制作● 一、 HTML語言●

電子商務(wù)

（6）

電子商務(wù)網(wǎng)站的建設(shè)

第六講 電子商務(wù)網(wǎng)站的建設(shè) ● 第一節(jié) Web頁設(shè)計與制作

● 第二節(jié)電子商務(wù)網(wǎng)站的策劃

● 第三節(jié)電子商務(wù)網(wǎng)站的實施

第一節(jié) Web頁設(shè)計與制作

● 一、 HTML語言

● 二、 Web頁設(shè)計語言

● 三、 Web頁編輯制作

一、 HTML語言

● HTML 是用于World Wide Web的語言，Web 上的每個網(wǎng)站都用HTML 顯示有關(guān)信息

● 一般來說，HTML 文檔包含兩種類型的信息：標記信息和內(nèi)容信息 ● HTML 標記通常是英文詞匯（如塊引用）或縮略語（如"p" 代表Paragraph ）

● 注意：標記是成雙出現(xiàn)的。如

,則必須以另一個標記

一、 HTML語言

● HTML 語言標記

1. 標識html 文檔的開始結(jié)束

2. 描述html 文檔相關(guān)信息的標志對，在標題欄中顯示

3. 是html 文檔的主體部分，包含一系列標志對，如

設(shè)置背景顏色

設(shè)置文本顏色

（rrggbb 是用6個十六進制數(shù)表示顏色，或者用html 語言定義的常量名表示顏色 black，white ，green ，yellow 等）

一、 HTML語言

● 實例

紅色背景，藍色文本

二、 Web頁設(shè)計語言

● Web 頁的設(shè)計主要涉及的語言有HTML 語言、Java 語言、JavaScript 和VBScript 等

● 1．Java

SUN公司推出的一種編程語言，也是一個平臺（虛擬機和應(yīng)用程序界面），Java 非常適合于企業(yè)網(wǎng)絡(luò)和Internet 環(huán)境，現(xiàn)已成為Internet 中最受歡迎的編程語言之一。

特點：簡單、面向?qū)ο蟆⒖煞植?、可解釋、強壯、安全性、結(jié)構(gòu)化、輕便、功能強大、多線程、動態(tài)。

● 2．JavaScript 一種腳本語言 JavaScript 是由Netscape 公司開發(fā)的一種腳本語言，用來開發(fā)交互式網(wǎng)頁，除了可以增加頁面的交互性、完成一些初步功能外，還可以節(jié)省瀏覽者的訪問時間和網(wǎng)絡(luò)流量

● JavaScript 與JAVA 語言差異

》JavaScript 不是JAVA 的替代語言

》JavaScript 源代碼無須編譯

》JavaScript 無須特殊開發(fā)環(huán)境

● 3．VBScript

VBScript 是由微軟公司開發(fā)的腳本語言，基于visual basic，目前只能在Windows 環(huán)境下的瀏覽器運行

● 4．CGI

CGI 代表通用網(wǎng)關(guān)接口（Common Gateway Interface）

大部分的CGI 被用來解釋處理來自表單的輸入信息，并在服務(wù)器產(chǎn)生相應(yīng)的處理，或?qū)⑾鄳?yīng)的信息反饋給瀏覽器。

● 5．XML

XML 是一種擴展性標識語言，允許自己來創(chuàng)造html 中的標簽

》XML 可直接在Internet 上使用

》XML 應(yīng)支持廣泛的不同類型的應(yīng)用

》XML 應(yīng)與SGML 兼容

三、Web 頁編輯制作

●1 ．Web 頁面

瀏覽Web 時所看到的文件稱為Web 頁面，Web 頁面是使用HTML 語言建立的 ●2 ．Web 頁面制作工具 Web 頁面制作工具分成二類：一類是即見即所得，如：Netscape Navigator Golden Microsoft expression web 2007

DreamWaver 等。

另一類是文本編輯類，如Hotdog 、Homesite 、Webedit 等

● A dobe 公司是Web 開發(fā)工具市場的領(lǐng)頭羊，旗下的網(wǎng)頁三劍客：Dreamweaver 、flash 、fireworks

》Dreamweaver 應(yīng)用于網(wǎng)頁開發(fā)

》flash 應(yīng)用于動畫制作

》fireworks 處理網(wǎng)頁圖片，制作GIF 動畫

Photoshop ，Adobe reader等是Adobe 的主要產(chǎn)品

● 3．Web 頁編輯制作

》受到制約條件：空間和速度

》制作網(wǎng)頁的步驟：使用軟件建立網(wǎng)站框架； 在Web 頁面的單個頁面中填加各種信息資料；修改細節(jié)的HTML 語言源程序；在頁面之間加入鏈接；測試及發(fā)布

第二節(jié) 電子商務(wù)網(wǎng)站的策劃

● 一、電子商務(wù)網(wǎng)站的規(guī)劃

● 二、電子商務(wù)網(wǎng)站的設(shè)計

● 三、網(wǎng)站模版設(shè)計

一、電子商務(wù)網(wǎng)站的規(guī)劃

● （一）確定電子商務(wù)網(wǎng)站的服務(wù)對象

● （二） 確定網(wǎng)站目標

● （三）確定網(wǎng)站評價系統(tǒng)

（一）電子商務(wù)網(wǎng)站的服務(wù)對象

● ● 服務(wù)對象可能是：

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

確定訪問者目的

分為內(nèi)部訪問者和外部訪問者 外部訪問者（企業(yè)）

● 訪問對象

潛在客戶、供應(yīng)商、政府、其它組織和個人 競爭者、投資者、債權(quán)者

● 客戶：了解產(chǎn)品信息、訂購、反饋

● 供應(yīng)商：了解公司產(chǎn)品計劃、分析庫存 ● 競爭者：了解公司戰(zhàn)略和經(jīng)營情況 ● 過客：值得訪問信息（針對潛在客戶） 內(nèi)部訪問者（企業(yè)）

● 經(jīng)常被忽略，僅限于參與建設(shè)部門 ● 按照價值鏈和業(yè)務(wù)流程確定

● 制造部：了解客戶對產(chǎn)品評價

● 研究部：了解客戶的偏好

● 市場部：利用反饋信息制定特別促銷方案 ● 財務(wù)部：了解客戶定貨和回款情況 ● 采購部：了解客戶對產(chǎn)品（原料）評價 如何確定訪問目的

● 討論會（類似市場調(diào)查）

● 借鑒同行成熟網(wǎng)站

● 網(wǎng)上測試

● 識別不同目的的重要性（主要目的、次要目的）

● 識別訪問目的背后的潛在需求

（二）確定網(wǎng)站目標（1/2）

● 公司的任務(wù)或目標（Why ）

嘗試性、補充（輔助）、轉(zhuǎn)型（戰(zhàn)略調(diào)整）

● 網(wǎng)

信息查詢-》產(chǎn)品展示和訂購-》網(wǎng)上交易-》

網(wǎng)上經(jīng)營管理（數(shù)字化企業(yè)，與內(nèi)部信息系統(tǒng)整合） ● 網(wǎng)站訪問者

根據(jù)不同階段確定不同訪問對象，以訂購為例，分為組織和個人。根據(jù)地域、經(jīng)濟、文化，以及年齡、性別、收入等細分（Dell 分為大、中、小企業(yè)客戶）

確定網(wǎng)站目標（2/2）

● 確定為訪問者提供的信息

時效性：及時更新（國內(nèi)網(wǎng)站很少更新）

準確性：明確無誤（多為非專業(yè)人員制作）

豐富性：詳細真實（多媒體）

相關(guān)性：增加信息使用效果（相關(guān)鏈接）

便捷性：使用方便，按顧客導(dǎo)向

可行性：考慮成本/效益，信息成本最低

（三）確定網(wǎng)站評價系統(tǒng)

● 明確競爭者網(wǎng)站特點

● 建立評價站點的規(guī)則

頁面下載時間、頁面大小，布局，內(nèi)容

訪問者評價（訪問量）

● 評價分析 持續(xù)不斷跟蹤，建立評價系統(tǒng)（利用第三方監(jiān)測系統(tǒng)）

二、電子商務(wù)網(wǎng)站的設(shè)計

（一） 確定網(wǎng)站的內(nèi)容和功能

（二） 確定網(wǎng)站的裝飾風格

（三） 確定網(wǎng)站的導(dǎo)航系統(tǒng)

（一）確定網(wǎng)站的內(nèi)容

● 分為靜態(tài)和動態(tài)

●》一般、常規(guī)信息：公司的歷史、文化等

》修改較少，初期建設(shè)注意規(guī)劃

●》公司產(chǎn)品和服務(wù)有關(guān)信息，促銷信息

》經(jīng)常修改，保持網(wǎng)站的吸引力和作用

確定網(wǎng)站的功能

● 分為主要功能和輔助功能

● 主要功能

》信息發(fā)布、網(wǎng)上交易（海爾）

● 輔助功能

》配合主要功能而設(shè)置的。如客戶注冊管理(8848) ● 功能確定原則

》內(nèi)容與功能統(tǒng)一，功能滿足顧客需求(如取消訂單)

（二）確定網(wǎng)站的裝飾風格

● 形式服從內(nèi)容與功能

● 組織性裝飾、功能性裝飾和可視性裝飾 ● 組織性裝飾：按照小組、系統(tǒng)的結(jié)構(gòu)安排站點功能，如子站點安排布局、顏色基調(diào)（整體）

● 功能性裝飾：方便顧客利用功能，如功能、內(nèi)容的布局安排（局部）

● 可視性裝飾：起著美化界面，如用圖形等（部件）

（三）確定網(wǎng)站導(dǎo)航系統(tǒng)

● 分全局導(dǎo)航和局部導(dǎo)航

● 全局導(dǎo)航

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

● 局部導(dǎo)航

》出現(xiàn)在相關(guān)頁面，便于相關(guān)頁面跳轉(zhuǎn)

》形式：主題列表、選項菜單、相關(guān)條目

● 導(dǎo)航系統(tǒng)保持一致；能快速回頁首

三、網(wǎng)站模板設(shè)計

● （一）制作網(wǎng)站的布局網(wǎng)格

● （二）設(shè)計網(wǎng)站的框架

● （三）設(shè)計網(wǎng)站的頁面模型

（一）制作網(wǎng)站的布局網(wǎng)格

● 布局網(wǎng)格是描述網(wǎng)頁的模板

● 內(nèi)容是最重要的因素

● 所有主要部分的頁面形式應(yīng)該很相似

● 必需考慮的其他元素包括：商標、廣告和贊助、導(dǎo)航、頁標題、頂端圖形、腳標（包括版權(quán)）

(二) 設(shè)計網(wǎng)站的框架

● 建立網(wǎng)站的統(tǒng)一的整體結(jié)構(gòu)和整體外觀

● 設(shè)計網(wǎng)站的框架以與修飾風格或網(wǎng)站結(jié)構(gòu)基本原理結(jié)合 ● 設(shè)計網(wǎng)站框架并不是絕對必要的

（三）設(shè)計網(wǎng)站的頁面模型

● 網(wǎng)頁模板

》確定幾種最主要的一般性頁面作為模板

》不同模板頁面應(yīng)相似，同一模板應(yīng)一致

》考慮元素：商標、廣告和贊助、導(dǎo)航、頁標題、頂端圖形、腳標（包括版權(quán)） ● 設(shè)計頁面模型

》利用現(xiàn)有Web 設(shè)計工具設(shè)計模型，并進行測試和最終確定。

第三節(jié) 電子商務(wù)網(wǎng)站的實施

一、電子商務(wù)網(wǎng)站的實施方式

二、電子商務(wù)網(wǎng)站的域名申請

三、電子商務(wù)網(wǎng)站的準備

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

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

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

一、電子商務(wù)網(wǎng)站的實施方式

（一）外 包

● 全權(quán)委托外部專業(yè)化公司提供一攬子解決方案，并且實施 ● 特點 》速度快，利用專業(yè)化服務(wù)，如上海書城采用IBM Net.Commerce V3的解決方案，2個月完成

》定制方案，可以要求提供針對企業(yè)實際的方案

》節(jié)省開發(fā)費用，可以節(jié)省1/3

》獲得專業(yè)化服務(wù)，如網(wǎng)上支付、物流服務(wù)

● 缺點

外包使企業(yè)失去對自身業(yè)務(wù)的控制力，外包的網(wǎng)站所實現(xiàn)

的功能可能會和企業(yè)所需要的有差異，而且企業(yè)完全熟悉網(wǎng)

站的操作并開始業(yè)務(wù)需要磨合時間。

（二）租 借

● 利用電子商務(wù)服務(wù)站點（ASP 、BSP ）提供空間建設(shè)站點。企業(yè)只需要提供有關(guān)材料，維護、收款以及物流配送由門戶站點負責。 ● 網(wǎng)上商城 操作步驟：填寫用戶資料，獲取用戶代碼和密碼，交納保證金 ● 商人門戶網(wǎng)站● 特點：簡單、快捷、廉價

● 缺點：大眾化、不支持企業(yè)想要的視覺效果，只有幾種可選擇的方式，沒有獨立的IP 和域名，缺乏發(fā)展空間

（三）自行建設(shè)

● 外包適合非技術(shù)類的大中企業(yè)，租借適合中小企業(yè)或者試探性大中企業(yè)

● 自行建設(shè)適合大企業(yè)，技術(shù)力量雄厚。需要有經(jīng)驗、時間和大預(yù)算。優(yōu)勢是可以建立獨特的有競爭力的功能。

● 自行建設(shè)時應(yīng)充分利用現(xiàn)有的開放的平臺，并在此基礎(chǔ)上進行開發(fā)。如：IBM 、HP 、Intel 、Microsoft 等

二、電子商務(wù)網(wǎng)站的域名申請

● （一）域名的命名

● （二）域名的申請

（一）域名的命名

● 與企業(yè)已有商標或企業(yè)名稱具有相關(guān)性

● 簡單易記易用，3-8個字符

● 多個域名：出現(xiàn)申請類似的域名，如Sohu 、Sohoo

● 國際性：以英語單詞為準,china 與拼音

● 民族性：符合民族特點，如Sina 與支那

（二）域名申請

● 獨立域名、子域名

如：www.whu.edu.cn eb.whu.edu.cn

● 英文域名與中文域名

● 國際域名與國內(nèi)域名

● 管理單位：● 申請：直接到管理單位申請，代理申請

如：中國新網(wǎng)（http://www.chinaDNS.com）

三、電子商務(wù)網(wǎng)站建設(shè)的準備

● （一）Web 服務(wù)器建設(shè)

● （二）準備網(wǎng)站資料

● （三）選擇網(wǎng)站開發(fā)工具

（一）Web 服務(wù)器建設(shè)（1/2）

● 涉及到架設(shè)網(wǎng)絡(luò)、安裝服務(wù)器，租用通信網(wǎng)絡(luò)

● 方式：架設(shè)專用網(wǎng)絡(luò)、整體托管、虛擬主機托管、租用網(wǎng)頁空間、委托服務(wù)商代理

● 架設(shè)專用網(wǎng)絡(luò)，自己架設(shè)通信網(wǎng)絡(luò)，速度快，費用昂貴，大型企業(yè)專業(yè)開發(fā)用

● 整機托管，將服務(wù)器托管到，遠程維護

● 虛擬主機托管，邏輯上獨立，物理上共享，用戶可以擁有獨立的WWW 、E-mail 、FTP 服務(wù)器

Web 服務(wù)器建設(shè)（2/2）

● 如何選擇ISP

》速度。存放位置（國內(nèi)/國外），網(wǎng)絡(luò)連接速度

》服務(wù)。E-mail 信箱、數(shù)據(jù)庫開發(fā)能力，支持CGI 、支持加密傳輸，流行管理軟件、頁面訪問統(tǒng)計；

域名注冊、網(wǎng)站寄存、策劃、設(shè)計、制作、維護

》價格?？臻g，服務(wù)內(nèi)容，服務(wù)質(zhì)量

● 租借網(wǎng)頁空間，申請子域名（虛擬域名），可自行上載網(wǎng)頁。 ● 委托服務(wù)商代理。類似于BSP ，包括商務(wù)代理

（二）準備網(wǎng)站資料

● 根據(jù)站點內(nèi)容和功能規(guī)劃選定材料

● 策劃網(wǎng)站整體形象，統(tǒng)籌安排網(wǎng)頁

● 公司簡介、產(chǎn)品資料（圖片、價格）

● 增殖服務(wù)信息資料（相關(guān)產(chǎn)品技術(shù)資料、市場行情信息） ● 材料類型：文字、圖像、動畫、聲音、影視等

（三）選擇網(wǎng)站開發(fā)工具

● 網(wǎng)頁設(shè)計工具：Microsoft visual studio

● 圖像處理工具：Adobe 的Photoshop

● 聲音、影視處理軟件

● 交互式動態(tài)頁面設(shè)計工具，如微軟的ASP 開發(fā)系統(tǒng)，支持CGI 的Perl 開發(fā)系統(tǒng)

● 動態(tài)網(wǎng)頁請專業(yè)人員設(shè)計

● 靜態(tài)網(wǎng)頁可以由企業(yè)內(nèi)部人員設(shè)計

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

● （一）電子商務(wù)網(wǎng)站開發(fā)的組織機構(gòu)

● （二）電子商務(wù)網(wǎng)站的組成

● （三）電子商務(wù)網(wǎng)站的開發(fā)管理

● （四）電子商務(wù)網(wǎng)站的測試

● （五）電子商務(wù)網(wǎng)站的發(fā)布

（一）電子商務(wù)網(wǎng)站開發(fā)的組織機構(gòu)1/2

● 外包開發(fā)方式，組織結(jié)構(gòu)無須變動，只需指定有關(guān)人員負責與專業(yè)公司協(xié)調(diào)

● 對于小型企業(yè)自行建設(shè)?？稍O(shè)網(wǎng)絡(luò)管理員職務(wù)，工作權(quán)限類似雜志編