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

電子商務(wù)

（6）

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

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

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

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

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

● 一、 HTML語(yǔ)言

● 二、 Web頁(yè)設(shè)計(jì)語(yǔ)言

● 三、 Web頁(yè)編輯制作

一、 HTML語(yǔ)言

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

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

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

,則必須以另一個(gè)標(biāo)記

一、 HTML語(yǔ)言

● HTML 語(yǔ)言標(biāo)記

1. 標(biāo)識(shí)html 文檔的開(kāi)始結(jié)束

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

3. 是html 文檔的主體部分，包含一系列標(biāo)志對(duì)，如

設(shè)置背景顏色

設(shè)置文本顏色

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

一、 HTML語(yǔ)言

● 實(shí)例

紅色背景，藍(lán)色文本

二、 Web頁(yè)設(shè)計(jì)語(yǔ)言

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

● 1．Java

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

特點(diǎn)：簡(jiǎn)單、面向?qū)ο?、可分布、可解釋、?qiáng)壯、安全性、結(jié)構(gòu)化、輕便、功能強(qiáng)大、多線程、動(dòng)態(tài)。

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

● JavaScript 與JAVA 語(yǔ)言差異

》JavaScript 不是JAVA 的替代語(yǔ)言

》JavaScript 源代碼無(wú)須編譯

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

● 3．VBScript

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

● 4．CGI

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

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

● 5．XML

XML 是一種擴(kuò)展性標(biāo)識(shí)語(yǔ)言，允許自己來(lái)創(chuàng)造html 中的標(biāo)簽

》XML 可直接在Internet 上使用

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

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

三、Web 頁(yè)編輯制作

●1 ．Web 頁(yè)面

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

DreamWaver 等。

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

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

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

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

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

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

● 3．Web 頁(yè)編輯制作

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

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

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

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

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

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

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

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

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

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

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

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

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

確定訪問(wèn)者目的

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

● 訪問(wèn)對(duì)象

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

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

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

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

● 制造部：了解客戶對(duì)產(chǎn)品評(píng)價(jià)

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

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

● 討論會(huì)（類似市場(chǎng)調(diào)查）

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

● 網(wǎng)上測(cè)試

● 識(shí)別不同目的的重要性（主要目的、次要目的）

● 識(shí)別訪問(wèn)目的背后的潛在需求

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

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

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

● 網(wǎng)

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

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

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

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

● 確定為訪問(wèn)者提供的信息

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

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

豐富性：詳細(xì)真實(shí)（多媒體）

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

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

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

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

● 明確競(jìng)爭(zhēng)者網(wǎng)站特點(diǎn)

● 建立評(píng)價(jià)站點(diǎn)的規(guī)則

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

訪問(wèn)者評(píng)價(jià)（訪問(wèn)量）

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

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

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

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

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

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

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

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

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

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

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

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

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

● 主要功能

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

● 輔助功能

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

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

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

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

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

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

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

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

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

● 全局導(dǎo)航

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

● 局部導(dǎo)航

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

● 網(wǎng)頁(yè)模板

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

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

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

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

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

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

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

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

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

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

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

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

（一）外 包

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

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

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

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

● 缺點(diǎn)

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

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

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

（二）租 借

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

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

（三）自行建設(shè)

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

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

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

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

● （一）域名的命名

● （二）域名的申請(qǐng)

（一）域名的命名

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

● 簡(jiǎn)單易記易用，3-8個(gè)字符

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

● 國(guó)際性：以英語(yǔ)單詞為準(zhǔn),china 與拼音

● 民族性：符合民族特點(diǎn)，如Sina 與支那

（二）域名申請(qǐng)

● 獨(dú)立域名、子域名

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

● 英文域名與中文域名

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

● 管理單位：● 申請(qǐng)：直接到管理單位申請(qǐng)，代理申請(qǐng)

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

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

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

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

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

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

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

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

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

● 整機(jī)托管，將服務(wù)器托管到，遠(yuǎn)程維護(hù)

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

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

● 如何選擇ISP

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

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

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

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

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

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

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

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

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

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

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

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

● 圖像處理工具：Adobe 的Photoshop

● 聲音、影視處理軟件

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

● 動(dòng)態(tài)網(wǎng)頁(yè)請(qǐng)專業(yè)人員設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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