電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

《電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)》

教案

2014—2015學(xué)年第2學(xué)期

課程類型：B

授課班級(jí)：13級(jí)電商1班

授課教師：

2015年3月3日

1

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

授課

網(wǎng)站開發(fā)基礎(chǔ)知識(shí)學(xué)時(shí)2

題目

教學(xué)目的1、掌握VS2010開發(fā)平臺(tái)的安裝與使用；

與要求2、掌握系統(tǒng)靜態(tài)界面設(shè)計(jì)的一般方法。

難點(diǎn)：系統(tǒng)靜態(tài)界面設(shè)計(jì)的一般方法。

教學(xué)難點(diǎn)

重點(diǎn)：1.安裝和配置IISWeb服務(wù)器。

與重點(diǎn)

2.VS2010開發(fā)和運(yùn)行環(huán)境的熟練。

教學(xué)方法理論：使用多媒體教學(xué)方法講授（.PPT）；

與手段上機(jī)：指導(dǎo)上機(jī)實(shí)驗(yàn)

第一步：[開場(chǎng)白]師生相互熟悉。

我會(huì)把我的所有聯(lián)系方式告訴學(xué)生，同時(shí)我也會(huì)讓學(xué)生把我的QQ加

入他們班的QQ群里，這樣可以和學(xué)生經(jīng)常保持溝通和學(xué)業(yè)交流。

第二步：介紹課程的基本情況，說明課程安排，介紹授課目標(biāo)和學(xué)期考

核要求。

第三步：[教學(xué)內(nèi)容]

理論教學(xué)——項(xiàng)目一認(rèn)識(shí)電子商務(wù)

1．由?電子商務(wù)就是‘網(wǎng)上購(gòu)物’，即在互聯(lián)網(wǎng)上買東西?入手，讓同學(xué)

們討論：

上過網(wǎng)嗎？

教學(xué)基

在網(wǎng)上都干什么？

本內(nèi)容

網(wǎng)上購(gòu)過物嗎？

在哪些網(wǎng)上？

2．播放視頻——?玩具闖入互聯(lián)網(wǎng)?。邊播放邊讓同學(xué)們討論：

什么是電子商務(wù)。

互聯(lián)網(wǎng)與電子商務(wù)有什么關(guān)系。

3．根據(jù)播放的視頻和學(xué)生回答的內(nèi)容，老師總結(jié)點(diǎn)評(píng)。通過以下幾個(gè)問

題闡述?電子商務(wù)是互聯(lián)網(wǎng)等新技術(shù)與傳統(tǒng)企業(yè)的有機(jī)融合?。

什么是電子商務(wù)？

企業(yè)為什么開展電子商務(wù)活動(dòng)？

企業(yè)如何開展電子商務(wù)活動(dòng)？

作業(yè)、討1、完成創(chuàng)建ASP.NET4.0應(yīng)用程序的過程，在瀏覽器中顯示“我創(chuàng)建的

論、輔導(dǎo)首個(gè)ASP.NET4.0網(wǎng)頁(yè)”。

答疑2、P28上機(jī)題1、2。

課后

小結(jié)

2

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

參考

參閱教材第一章

資料

3

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

授課

電子商務(wù)網(wǎng)站需求分析學(xué)時(shí)4

題目

1．掌握電子商務(wù)網(wǎng)站總體規(guī)劃的目的和意義；

2．了解電子商務(wù)網(wǎng)站建設(shè)可行性分析的組成因素；

教學(xué)目的

3．掌握電子商務(wù)網(wǎng)站客戶需求分析的主要過程；

與要求

4．掌握域名的結(jié)構(gòu)及命名規(guī)則；

5．掌握域名申請(qǐng)過程、步驟和選擇規(guī)則。

教學(xué)難點(diǎn)難點(diǎn)：域名的結(jié)構(gòu)及命名規(guī)則；

與重點(diǎn)重點(diǎn)：域名申請(qǐng)過程、步驟和選擇規(guī)則

教學(xué)方法理論：使用多媒體教學(xué)方法講授（.PPT）

與手段上機(jī)：指導(dǎo)上機(jī)實(shí)驗(yàn)

一、網(wǎng)站建設(shè)目標(biāo)分析

網(wǎng)站的目標(biāo)規(guī)劃就是要明確網(wǎng)站建設(shè)的目的和發(fā)展方向，通過

全面的調(diào)研，明確網(wǎng)站服務(wù)領(lǐng)域，了解網(wǎng)站服務(wù)對(duì)象及他們的需求，以

確定網(wǎng)站能提供哪些服務(wù)等。

1.調(diào)查研究

（1）明確建立網(wǎng)站的目的

企業(yè)要根據(jù)自己的產(chǎn)品、銷售渠道和銷售對(duì)象等情況，明確自己的

網(wǎng)站是信息服務(wù)型、銷售型、銷售服務(wù)型，還是綜合型。例如，可口可

樂公司不在網(wǎng)上銷售產(chǎn)品，網(wǎng)站只是他們樹立形象、提供顧客服務(wù)的一

個(gè)工具，是企業(yè)整體營(yíng)銷戰(zhàn)略的一部分。

教學(xué)基本

（2）了解目標(biāo)市場(chǎng)

內(nèi)容

你的客戶是企業(yè)還是個(gè)體消費(fèi)者，他們來自何處？信息化程度如何，

經(jīng)常上網(wǎng)嗎？他們主要使用哪些語(yǔ)言？主要希望了解哪些信息？他們的

購(gòu)買水平如何？主要使用哪種瀏覽器？

（3）明確自己的競(jìng)爭(zhēng)優(yōu)勢(shì)

比較競(jìng)爭(zhēng)對(duì)手在商品質(zhì)量、價(jià)格、服務(wù)、品牌和配送渠道方面的優(yōu)

勢(shì)，進(jìn)而確定企業(yè)的營(yíng)銷戰(zhàn)略。

（4）如何為客戶提供信息

網(wǎng)站信息來源的確定：信息更新、發(fā)布的處理方式，是集中到網(wǎng)

站編輯從更新、發(fā)布還是由各部門自行處理。例如，某產(chǎn)品已經(jīng)售罄，

但網(wǎng)站編輯卻不知道，仍在網(wǎng)上銷售該產(chǎn)品。

4

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

（5）規(guī)劃好收款與配送事宜

如果是銷售型網(wǎng)站，顧客購(gòu)買商品頻率如何？是否能接受貨到付款

或在線支付？商品如何配送？配送的成本、時(shí)間如何？考慮到配送因素，

商品是否還有競(jìng)爭(zhēng)力等。

（6）評(píng)估網(wǎng)站的獲利能力

網(wǎng)站是單獨(dú)的業(yè)務(wù)，還是傳統(tǒng)業(yè)務(wù)的一部分？希望從哪些方面獲得

利潤(rùn)？獲利能力如何？

2.制定目標(biāo)

提升企業(yè)形象，宣傳企業(yè)文件。

發(fā)布企業(yè)產(chǎn)品、服務(wù)信息。

收集客戶反饋意見。

網(wǎng)上市場(chǎng)調(diào)查

網(wǎng)上市場(chǎng)營(yíng)銷。

網(wǎng)上客戶服務(wù)。

逐漸實(shí)施電子商務(wù)等。

長(zhǎng)期目標(biāo)則是：增加企業(yè)和客戶的利益，擴(kuò)大市場(chǎng)。

二、撰寫網(wǎng)站建設(shè)需求分析部分

1.對(duì)企業(yè)商務(wù)需求研究分析

網(wǎng)站的目標(biāo)規(guī)劃就是要明確網(wǎng)站建設(shè)的目的和發(fā)展方向，通過

全面的調(diào)研，明確網(wǎng)站服務(wù)領(lǐng)域，了解網(wǎng)站服務(wù)對(duì)象及他們的需求，以

確定網(wǎng)站能提供哪些服務(wù)等。

1）對(duì)企業(yè)商務(wù)需求研究分析

企業(yè)的商務(wù)需求涉及企業(yè)管理、經(jīng)營(yíng)戰(zhàn)略、市場(chǎng)營(yíng)銷和技術(shù)支持等

方面。

２）分析企業(yè)的產(chǎn)品是否適合網(wǎng)上交易

（１）產(chǎn)品用戶群的上網(wǎng)頻率要高。

（２）產(chǎn)品信息充分，產(chǎn)品便于配送。

（３）產(chǎn)品銷售的地域范圍越廣越好。

三、撰寫目標(biāo)客戶分析部分

5

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

1）電子商務(wù)應(yīng)用系統(tǒng)客戶的特點(diǎn)

客戶是計(jì)算機(jī)用戶，樂于接受新鮮事物的人，因此針對(duì)計(jì)算機(jī)用

戶的產(chǎn)品容易獲得成功。

Internet的用戶以男性為主，女性比例逐年上升。這部分人大多受過較高

的教育。

2）對(duì)目標(biāo)客戶的調(diào)查與分析步驟

（1）分析企業(yè)原有的客戶群和網(wǎng)上新生的客戶群。

（2）采用多種方法分析網(wǎng)上目標(biāo)客戶。

（3）借用傳統(tǒng)的經(jīng)營(yíng)的分析方法來對(duì)網(wǎng)上目標(biāo)客戶進(jìn)行分析。

（4）得出關(guān)于企業(yè)網(wǎng)上目標(biāo)客戶的范圍。

四、設(shè)計(jì)與注冊(cè)域名

對(duì)于一個(gè)有志于從事電子商務(wù)的公司而言，一定要有自己獨(dú)立的域

名，不能與別人共用一個(gè)域名。公司域名是公司在Internet上的名稱，跟

公司取名一樣，需要認(rèn)真考慮。本任務(wù)要求為企業(yè)設(shè)計(jì)與注冊(cè)一個(gè)域名，

主要包括：確定公司網(wǎng)站域名、通過互聯(lián)網(wǎng)注冊(cè)域名。

1.域名的命名

域名對(duì)于企業(yè)開展電子商務(wù)具有重要的作用，它被譽(yù)為網(wǎng)絡(luò)時(shí)代的

“環(huán)球商標(biāo)”，一個(gè)好的域名會(huì)大大增加企業(yè)在互聯(lián)網(wǎng)上的知名度。因此，

企業(yè)如何選取好的域名就顯得十分重要。

選取原則：

（1）域名應(yīng)該簡(jiǎn)明易記，便于輸入

（2）域名要有一定的內(nèi)涵和意義

命名技巧：

（1）用企業(yè)名稱的漢語(yǔ)拼音作為域名

紅塔集團(tuán)的域名為

新飛電器的域名為

海爾集團(tuán)的域名為，

四川長(zhǎng)虹集團(tuán)的域名為

華為技術(shù)有限公司的域名為

6

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

（2）用企業(yè)名稱相應(yīng)的英文名作為域名

長(zhǎng)城計(jì)算機(jī)公司的域名為greatwall.

中國(guó)電信的域名為

（3）用企業(yè)名稱的縮寫作為域名

中國(guó)電子商務(wù)網(wǎng)的域名為

計(jì)算機(jī)世界的域名為。

（4）用漢語(yǔ)拼音的諧音形式給企業(yè)注冊(cè)域名

美的集團(tuán)的域名為，

康佳集團(tuán)的域名為，

格力集團(tuán)的域名為

（5）以中英文結(jié)合的形式給企業(yè)注冊(cè)域名

中國(guó)人網(wǎng)的域名為

華通金屬的域名為。

（6）在企業(yè)名稱前后加上與網(wǎng)絡(luò)相關(guān)的前綴和后綴

常用的前綴有e、i、net等;后綴有net、web、line等。例如，

聯(lián)合商情域名為

脈搏網(wǎng)的域名為mweb.。

（7）用與企業(yè)名不同但有相關(guān)性的詞或詞組作域名

BestDiamondvalue公司，這是一家在線銷售寶石的零售商，

作為域名

作業(yè)、討

論、輔導(dǎo)教材：P62頁(yè)上機(jī)題1、2小題

答疑

課后

小結(jié)

參考

參閱教材第二章

資料

7

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

授課

電子商務(wù)網(wǎng)站運(yùn)營(yíng)平臺(tái)架構(gòu)學(xué)時(shí)8

題目

1、學(xué)會(huì)網(wǎng)絡(luò)的拓?fù)鋱D的選擇和繪制；

教學(xué)目的

2、學(xué)會(huì)windows2003server操作系統(tǒng)的安裝；

與要求

3、能夠應(yīng)用網(wǎng)絡(luò)互聯(lián)設(shè)備，組建小型的局域網(wǎng)。

難點(diǎn)：1、windows2003server操作系統(tǒng)的安裝；

教學(xué)難點(diǎn)2、能夠應(yīng)用網(wǎng)絡(luò)互聯(lián)設(shè)備，組建小型的局域網(wǎng)。

與重點(diǎn)重點(diǎn)：1、windows2003server操作系統(tǒng)的安裝；

2、能夠應(yīng)用網(wǎng)絡(luò)互聯(lián)設(shè)備，組建小型的局域網(wǎng)。

教學(xué)方法理論：使用多媒體教學(xué)方法講授（.PPT）；

與手段上機(jī)：指導(dǎo)上機(jī)實(shí)驗(yàn)

一、網(wǎng)絡(luò)的拓?fù)鋱D的選擇和繪制

（1）用Visio繪制一個(gè)網(wǎng)絡(luò)的拓?fù)鋱D，用于構(gòu)建小型局域網(wǎng)的構(gòu)建。制

作效果如下圖所示。

教學(xué)基本

內(nèi)容

（2）根據(jù)上面的網(wǎng)絡(luò)拓?fù)浣Y(jié)構(gòu)，來架構(gòu)一個(gè)小型的網(wǎng)絡(luò)系統(tǒng)，并且完

成網(wǎng)站設(shè)備的購(gòu)置。

（3）新建文件。

（4）在繪圖頁(yè)中添加對(duì)象。

8

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

（5）選擇模具和查找形狀。

（6）添加文本框和修改對(duì)象的標(biāo)注文字。

（7）精確控制對(duì)象的大小和位置。

（8）組合和設(shè)置層的順序。

（9）文件的輸出。

（10）網(wǎng)站的設(shè)備配置。

二、windows2003server操作系統(tǒng)的安裝

（1）準(zhǔn)備好WindowsServer2003StandardEdition簡(jiǎn)體中文標(biāo)

準(zhǔn)版版安裝光盤，用紙張記錄安裝文件的產(chǎn)品密匙(安裝序列號(hào))。

（2）重新啟動(dòng)系統(tǒng)，并把光驅(qū)設(shè)為第一啟動(dòng)盤，保存設(shè)置并重啟。

將2003安裝光盤放入光驅(qū),重新啟動(dòng)電腦。剛啟動(dòng)時(shí)，當(dāng)出現(xiàn)如下圖所

示時(shí)快速按下回車鍵，否則不能啟動(dòng)2003系統(tǒng)安裝。

9

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

（3）計(jì)算機(jī)完成對(duì)硬件的檢測(cè)，如果沒有SCSI等設(shè)備的安裝則不

用任何操作，由系統(tǒng)自行完成初始化工作，進(jìn)入下圖WindowsServer2003

StandardEdition安裝程序界面。

（4）選擇安裝項(xiàng)目：直接按Enter鍵就可正式開始安裝；進(jìn)入windows

授權(quán)協(xié)議，按F8表示同意，（如果要查看協(xié)議可按PageDown翻頁(yè)鍵）

（5）選擇磁盤分區(qū)：安裝程序列出了硬盤中所有的磁盤分區(qū)，可

以使用上下箭頭選擇WindowsServer2003安裝到哪一個(gè)磁盤分區(qū)，如

圖；

10

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

（6）選擇分區(qū)格式并格式化分區(qū)：在C盤安裝WindowsServer2003，

并將該分區(qū)格式化為NTFS格式，如圖格式化c盤分區(qū)。（如果不格式畫

原有操作系統(tǒng)，可以選擇“保持現(xiàn)有文件系統(tǒng)（無變化）”選項(xiàng)。）

（7）格式化盤后，安裝程序開始檢測(cè)磁盤，檢測(cè)沒有問題后，即開

始復(fù)制文件；文件復(fù)制完成后，進(jìn)行一些初試化的系統(tǒng)配置工作，系統(tǒng)

將會(huì)自動(dòng)在15秒后重新啟動(dòng)。重新啟動(dòng)后,首次出現(xiàn)WindowsServer

2003啟動(dòng)畫面。

（8）然后開始檢測(cè)設(shè)備，檢測(cè)的時(shí)間可能會(huì)比較長(zhǎng)。大約過5

分鐘后，進(jìn)入了區(qū)域和鍵盤布局設(shè)置：這一步是設(shè)置你所在的地區(qū)和使

用的鍵盤布局，一般我們選擇默認(rèn)設(shè)置，如果你要修改某項(xiàng)，可以點(diǎn)擊

相應(yīng)的自定義按鈕。

（9）點(diǎn)擊下一步繼續(xù)，輸入姓名以及單位名稱：這一步要求輸入姓

名和單位名稱。注意，這個(gè)姓名有可能作為WindowsServer2000中的

一個(gè)登錄名稱（要根據(jù)后面的設(shè)置）。

10..輸入安裝密碼：這一步輸入WindowsServer2000的安裝密碼，密

11

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

碼在光盤的包裝外殼的背面。輸入產(chǎn)品密鑰，如下圖所示。

（10）輸入系統(tǒng)名稱和登錄密碼：首先，安裝程序提示它為這一臺(tái)

計(jì)算機(jī)提供了一個(gè)名稱，這個(gè)名稱就是計(jì)算機(jī)的標(biāo)識(shí)，主要用于計(jì)算機(jī)

網(wǎng)絡(luò)的識(shí)別。你完全可以不使用安裝程序給你指定的這個(gè)名稱，而使用

一個(gè)你認(rèn)為比較有意義的名稱。在WindowsServer2003中，可以設(shè)置

多個(gè)用戶，而且用戶間級(jí)別不同，對(duì)系統(tǒng)的操作權(quán)限也不同，不同的用

戶都要用自己的名稱（稱為賬戶）和密碼來啟動(dòng)WindowsServer2000

（稱為登錄）。WindowsServer2000中設(shè)置了一個(gè)有最高權(quán)限的登錄賬

戶——Administrator，在安裝的時(shí)候，要為該登錄賬戶設(shè)置一個(gè)密碼。

（11）設(shè)置日期和時(shí)間：設(shè)置系統(tǒng)的時(shí)區(qū)、日期和時(shí)間，一般情況

下都可以按照默認(rèn)設(shè)置。

（12）安裝網(wǎng)絡(luò)組件：開始安裝網(wǎng)絡(luò)組件，并彈出選擇窗口，選

擇是典型安裝還是自定義安裝。對(duì)于大多數(shù)用戶，選擇典型安裝即可。

（13）選擇網(wǎng)絡(luò)類型：選擇典型安裝后，還需要簡(jiǎn)單選擇一下你

的網(wǎng)絡(luò)類型，對(duì)于絕大多數(shù)用戶來講，一般選擇第一項(xiàng)：“此計(jì)算機(jī)不

在網(wǎng)絡(luò)上”。

（14）開始安裝網(wǎng)絡(luò)組件。

（15）安裝系統(tǒng)的一些組件。

（16）完成：安裝完成后自動(dòng)重新啟動(dòng)，出現(xiàn)啟動(dòng)畫面，然后出現(xiàn)

歡迎畫面，按組合鍵“Ctrl+Alt+Delete”后，繼續(xù)啟動(dòng)如下圖系統(tǒng)登錄

界面。

12

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

作業(yè)、討

論、輔導(dǎo)教材：P86上機(jī)題1、6題。

答疑

課后

小結(jié)

參考

參考教材第四章

資料

13

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

授課

電子商務(wù)網(wǎng)站的運(yùn)行環(huán)境配置學(xué)時(shí)4

題目

教學(xué)目的1、IIS的安裝；

與要求2、Web站點(diǎn)的創(chuàng)建；

難點(diǎn)：使用ADO.NET正確使用Connection與Command連接數(shù)據(jù)源。

教學(xué)難點(diǎn)

重點(diǎn)：正確使用ADO.NET連接數(shù)據(jù)源，掌握Connection與Command的

與重點(diǎn)

基本使用。

教學(xué)方法理論：使用多媒體教學(xué)方法講授（.PPT）；

與手段上機(jī)：指導(dǎo)上機(jī)實(shí)驗(yàn)

一、Web站點(diǎn)的創(chuàng)建和管理

1.IIS的安裝

IIS是站點(diǎn)（Site），包括Web、FTP、News和E-mail服務(wù)器站點(diǎn)的

管理中心，操作系統(tǒng)不是默認(rèn)安裝的。

教學(xué)基本

內(nèi)容

14

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

15

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

2.Web站點(diǎn)的創(chuàng)建

要做的就是為這個(gè)默認(rèn)網(wǎng)站準(zhǔn)備一個(gè)主頁(yè)，并將該主頁(yè)文件放到默

認(rèn)網(wǎng)站的主目錄下。如果沒有改動(dòng)，IIS默認(rèn)網(wǎng)站主目錄的位置是在

WindowsServer2003安裝盤根目錄下的“Intepub\wwwroot”下，而系統(tǒng)

默認(rèn)的主頁(yè)文件名為“iisstart.htm”，當(dāng)然這些都是可以根據(jù)需要再做更

改的。更改的方法是在“默認(rèn)網(wǎng)站”上單擊鼠標(biāo)右鍵，然后在出現(xiàn)的快

捷菜單上選擇“屬性”，即出現(xiàn)如圖所示的對(duì)話框。在這個(gè)對(duì)話框中就

可以對(duì)其中的各項(xiàng)進(jìn)行詳細(xì)的設(shè)置了。

16

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

作業(yè)、討

論、輔導(dǎo)教材：P153上機(jī)題第5題。

答疑

課后

小結(jié)

參考

參閱教材

資料

17

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

授課

電子商務(wù)網(wǎng)站的欄目規(guī)劃學(xué)時(shí)4

題目

1.電子商務(wù)網(wǎng)站調(diào)查分析；

教學(xué)目的

2.設(shè)計(jì)網(wǎng)站拓?fù)鋱D；

與要求

3.繪制網(wǎng)站的結(jié)構(gòu)圖。

難點(diǎn)：1、設(shè)計(jì)網(wǎng)站拓?fù)鋱D；

教學(xué)難點(diǎn)

2、繪制網(wǎng)站的結(jié)構(gòu)圖。

與重點(diǎn)

重點(diǎn)：繪制網(wǎng)站的結(jié)構(gòu)圖；

教學(xué)方法理論：使用多媒體教學(xué)方法講授（.PPT）；

與手段上機(jī)：指導(dǎo)上機(jī)實(shí)驗(yàn)

一、設(shè)計(jì)網(wǎng)站拓?fù)鋱D

（1）打開visio，在“新建”菜單下的“組織結(jié)構(gòu)圖”中選擇“組

織結(jié)構(gòu)圖”，如下所所示。

教學(xué)基本

內(nèi)容

（2）將“總經(jīng)理”形狀拖入繪圖區(qū)（作為網(wǎng)站首頁(yè)），然后把“多

個(gè)形狀”的拖入繪圖區(qū)，即出現(xiàn)如圖示5-4所示，輸入7個(gè)崗位數(shù)據(jù)（作

為一級(jí)導(dǎo)航），如下圖所示。

18

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

（3）更改間距。在“組織結(jié)構(gòu)圖”菜單下的“更改間距”中選擇“自

定義”，選擇合適的布局類型、水平間距和與上級(jí)形狀的間距。如圖所

示。

（4）調(diào)整窗口大小和位置。選擇崗位7個(gè)圖形，右鍵選擇“視圖”

下“大小和位置窗口”，并將寬度設(shè)為10mm，高度設(shè)為30mm。如圖所示。

19

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

（5）添加連接符。有了各個(gè)欄目的基本圖形后，需要給它們添加連

接符以顯示欄目之間的組織上的所屬關(guān)系，在“自選圖形”中選擇“連

接符”然后繪制，如圖所示。

（6）添加文字說明。接下來要在基本圖形上給每個(gè)欄目添加文字標(biāo)

注，選中某個(gè)圖形雙擊鼠標(biāo)，在圖形中輸入文字，如圖5-9所示。然后

按照上面的操作完成二級(jí)欄目的設(shè)置。

20

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

（7）定義基本圖形的顏色。如果要用顏色來區(qū)分每個(gè)部門等級(jí)關(guān)系，

可以選定某個(gè)圖形，選擇“繪圖”工具欄上的“填充”旁邊的箭頭，在

彈出窗口中選擇顏色填充。

（8）保存文檔：?jiǎn)螕簟氨４妗卑粹o，輸入文件名，保存最終文檔。

二、繪制網(wǎng)站的結(jié)構(gòu)圖

（1）啟動(dòng)Photoshop（這里以PhotoshopCS3版本為例），點(diǎn)擊“文

件｜新建”命令，彈出“新建”對(duì)話框，進(jìn)行如圖所示的參數(shù)設(shè)置，點(diǎn)

擊“確定”按鈕。

（2）在“工具”中選擇“矩形選框工具”。在“未標(biāo)題－1”中拖

曳鼠標(biāo)生成一個(gè)矩形區(qū)域選區(qū)。選擇樣式為：固定大小，寬度為1000px，

高度為100px，如圖所示。

21

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

（3）右鍵單擊空白區(qū)域，選擇“描邊”，彈出“描邊”對(duì)話框，按

如圖所示設(shè)置參數(shù)，點(diǎn)擊“確定”按鈕退出。

（4）選擇“文字工具”，在快捷菜單中選擇“橫排文字工具”，再

按如圖5-19所示，對(duì)文本進(jìn)行大小和顏色設(shè)置等。

（5）在步驟（2）的區(qū)域中再拖出一個(gè)區(qū)域，填寫如圖5-22所示文

字。

（6）如果布局不符合要求，可先框選出需要?jiǎng)h除的地方，點(diǎn)擊“Del”

鍵刪除。重復(fù)步驟（3）至（5），完成其余的模塊區(qū)域的布局。

（7）保存文件為“結(jié)構(gòu)草圖.jpg”，退出程序。

作業(yè)、討

論、輔導(dǎo)

答疑

22

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

課后

小結(jié)

參考

參閱教材

資料

23

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

授課

電子商務(wù)網(wǎng)站的內(nèi)容設(shè)計(jì)學(xué)時(shí)4

題目

1、設(shè)計(jì)網(wǎng)站logo；

教學(xué)目的

2、網(wǎng)站導(dǎo)航設(shè)計(jì)；

與要求

3、設(shè)計(jì)網(wǎng)站頁(yè)面效果圖。

難點(diǎn)：1、設(shè)計(jì)網(wǎng)站logo；

2、網(wǎng)站導(dǎo)航設(shè)計(jì)；

教學(xué)難點(diǎn)3、設(shè)計(jì)網(wǎng)站頁(yè)面效果圖。

與重點(diǎn)重點(diǎn)：1、設(shè)計(jì)網(wǎng)站logo；

2、網(wǎng)站導(dǎo)航設(shè)計(jì)；

3、設(shè)計(jì)網(wǎng)站頁(yè)面效果圖。

教學(xué)方法理論：使用多媒體教學(xué)方法講授（.PPT）；

與手段上機(jī)：指導(dǎo)上機(jī)實(shí)驗(yàn)

一、設(shè)計(jì)網(wǎng)站logo；

Logo，譯為標(biāo)志、廠標(biāo)、標(biāo)志圖等。

Logo的作用：

（1）Logo是與其他網(wǎng)站鏈接以及讓其他網(wǎng)站鏈接的標(biāo)志；

（2）Logo是網(wǎng)站形象的重要體現(xiàn)；

（3）Logo能使瀏覽者便于選擇

1．LOGO的主要特征

（1）功用性

（2）識(shí)別性

（3）顯著性

（4）多樣性

（5）藝術(shù)性

（6）準(zhǔn)確性

（7）持久性

教學(xué)基本2．Logo的表現(xiàn)形式

內(nèi)容LOGO有多種表現(xiàn)形式。從設(shè)計(jì)思路來看，主要可以歸結(jié)為3大類：

（1）文字方式

1）字母型

2）字詞型

3)數(shù)字型

（2）圖像方式

1）具象型

2）抽象型

（3）圖文結(jié)合方式

二、網(wǎng)站導(dǎo)航設(shè)計(jì)；

1．什么網(wǎng)站導(dǎo)航？

網(wǎng)站導(dǎo)航（Navigation）是指通過一定的技術(shù)手段，為網(wǎng)站的訪問者

提供一定的途徑，使其可以方便地訪問到所需的內(nèi)容。

2.網(wǎng)站導(dǎo)航的功能

（1）定位用戶在網(wǎng)站中所處的位置。

24

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

（2）引導(dǎo)用戶完成網(wǎng)站各內(nèi)容頁(yè)面間的跳轉(zhuǎn)。

（3）理清網(wǎng)站各內(nèi)容與鏈接間的聯(lián)系。

（4）帶給人們對(duì)網(wǎng)站的信任

3．導(dǎo)航的樣式

（1）頂部水平欄導(dǎo)航

（2）豎直/側(cè)邊欄導(dǎo)航

(3)出式菜單和下拉菜單導(dǎo)航

（4）面包屑導(dǎo)航

（5）標(biāo)簽導(dǎo)航

（6）頁(yè)腳導(dǎo)航

4.網(wǎng)站導(dǎo)航設(shè)計(jì)的優(yōu)化

（1）提高有效導(dǎo)航的利用率。

（2）去除無效導(dǎo)航或者無人使用的導(dǎo)航，精簡(jiǎn)網(wǎng)站設(shè)計(jì)。

（3）提高導(dǎo)航描述與對(duì)應(yīng)內(nèi)容的關(guān)聯(lián)度。

（4）優(yōu)化導(dǎo)航頁(yè)面內(nèi)容的組織和展示。

三、設(shè)計(jì)網(wǎng)站頁(yè)面效果圖。

1．網(wǎng)站形象風(fēng)格設(shè)計(jì)

網(wǎng)站形象風(fēng)格設(shè)計(jì)主要包括網(wǎng)站標(biāo)準(zhǔn)字、Logo、標(biāo)準(zhǔn)色、廣告語(yǔ)

等。其中首頁(yè)設(shè)計(jì)包括版面、色彩、圖像、動(dòng)態(tài)效果、圖標(biāo)等風(fēng)格設(shè)計(jì)，

也包括banner、菜單、標(biāo)題、版權(quán)等模板模板設(shè)計(jì)。

1）企業(yè)名稱

2）企業(yè)標(biāo)志

3）企業(yè)標(biāo)準(zhǔn)字

4）標(biāo)準(zhǔn)色彩

5）象征圖案

6）企業(yè)宣傳標(biāo)語(yǔ)和口號(hào)

7）企業(yè)吉祥物

2．網(wǎng)站界面風(fēng)格分析

網(wǎng)站的整體風(fēng)格站點(diǎn)的CI（標(biāo)志、色彩、字體、標(biāo)語(yǔ)）、版面布局、

瀏覽方式、交互性、文字、語(yǔ)氣、內(nèi)容價(jià)值、存在意義、站點(diǎn)榮譽(yù)等等

諸多因素。

風(fēng)格的確立應(yīng)考慮以下幾點(diǎn)：

明確網(wǎng)站的風(fēng)格；

使網(wǎng)站的標(biāo)志盡可能出現(xiàn)在每個(gè)頁(yè)面上；

突出網(wǎng)站的標(biāo)準(zhǔn)色；

突出網(wǎng)站的標(biāo)準(zhǔn)字；

使用統(tǒng)一的圖片處理效果；

使用統(tǒng)一的符號(hào)、線條和圖標(biāo)。

作業(yè)、討

論、輔導(dǎo)

答疑

25

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

課后

小結(jié)

參考

參閱教材

資料

26

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

授課

電子商務(wù)網(wǎng)站推廣策劃學(xué)時(shí)4

題目

教學(xué)目的1、分析電子商務(wù)網(wǎng)站常用推廣方式；

與要求2、撰寫電子商務(wù)網(wǎng)站推廣計(jì)劃；

難點(diǎn)：1、分析電子商務(wù)網(wǎng)站常用推廣方式；

教學(xué)難點(diǎn)2、撰寫電子商務(wù)網(wǎng)站推廣計(jì)劃；

與重點(diǎn)重點(diǎn)：1、分析電子商務(wù)網(wǎng)站常用推廣方式；

2、撰寫電子商務(wù)網(wǎng)站推廣計(jì)劃；

教學(xué)方法理論：使用多媒體教學(xué)方法講授（.PPT）；

與手段上機(jī)：指導(dǎo)上機(jī)實(shí)驗(yàn)

一、分析電子商務(wù)網(wǎng)站常用推廣方式；

線上網(wǎng)站推廣方法介紹

（1）搜索引擎推廣

（2）電子郵件推廣

（3）通過BBS推廣

（4）博客推廣

（5）微博推廣

微博營(yíng)銷與博客營(yíng)銷的本質(zhì)區(qū)別

第一、信息源的表現(xiàn)形式差異

第二、信息傳播模式的差異

第三、用戶獲取信息及行為的差異

（6）網(wǎng)絡(luò)廣告推廣

①恰當(dāng)選擇合適的網(wǎng)站進(jìn)行網(wǎng)站的推廣

②網(wǎng)絡(luò)廣告的投放要有針對(duì)性

（7）網(wǎng)站合作推廣

2.線下網(wǎng)站推廣方法介紹

教學(xué)基本（1）通過廣播和電視推廣網(wǎng)站

內(nèi)容（2）通過報(bào)紙和雜志推廣網(wǎng)站

（3）通過辦公用品推廣網(wǎng)站

（4）通過戶外媒體推廣網(wǎng)站

二、撰寫電子商務(wù)網(wǎng)站推廣計(jì)劃

1.網(wǎng)站推廣計(jì)劃的主要內(nèi)容

(1)確定網(wǎng)站推廣的階段目標(biāo)

(2)在網(wǎng)站發(fā)布運(yùn)營(yíng)的不同階段所采取的網(wǎng)站推廣方法

(3)網(wǎng)站推廣策略的控制和效果評(píng)價(jià)

2.網(wǎng)站推廣效果指標(biāo)考核

1）外在參考指標(biāo)

2）內(nèi)部參考指標(biāo)

3）合作推廣

27

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

4）口碑傳播

5）互動(dòng)程度

6）活動(dòng)促進(jìn)指標(biāo)

作業(yè)、討

論、輔導(dǎo)

答疑

課后

小結(jié)

參考

參閱教材

資料

28

電子商務(wù)網(wǎng)站規(guī)劃與建設(shè)教案

授課

電子商務(wù)網(wǎng)站規(guī)劃方案的制定學(xué)時(shí)4

題目

1、分析電子商務(wù)網(wǎng)站常用推廣方式；

教學(xué)目的

2、起草電子商務(wù)網(wǎng)站建設(shè)合同書；

與要求

3、規(guī)劃項(xiàng)目周期、流程及人員配置。

難點(diǎn)：規(guī)劃項(xiàng)目周期、流程及人員配置。

教學(xué)難點(diǎn)

重點(diǎn)：1、起草電子商務(wù)網(wǎng)站建設(shè)合同書；

與重點(diǎn)

2、規(guī)劃項(xiàng)目周期、流程及人員配置。

教學(xué)方法理論：使用多媒體教學(xué)方法講授（.PPT）；

與手段上機(jī)：指導(dǎo)上機(jī)實(shí)驗(yàn)

一、分析電子商務(wù)網(wǎng)站常用推廣方式；

1.網(wǎng)站建設(shè)的目的及功能定位

（1）宣傳與推廣

（2）交流與溝通

（3）提供在線信息咨詢和技術(shù)支持

（4）實(shí)現(xiàn)網(wǎng)上的商務(wù)交易

2.網(wǎng)站市場(chǎng)定位分析

（1）競(jìng)爭(zhēng)性分析

（2）主要競(jìng)爭(zhēng)對(duì)手網(wǎng)站內(nèi)容結(jié)構(gòu)與運(yùn)行效果分析

（3）新產(chǎn)品市場(chǎng)開拓分析

3.網(wǎng)站建設(shè)進(jìn)度及實(shí)施過程

（1）電子商務(wù)網(wǎng)站建設(shè)時(shí)一步到位，還是分階段實(shí)現(xiàn)不