汽車電子商務(wù)課程設(shè)計(jì)指導(dǎo)書

1、淮 陰 工 學(xué) 院課 程 設(shè) 計(jì) 指 導(dǎo) 書課程名稱： 汽車電子商務(wù) 課程編號(hào)： 1514700 學(xué)時(shí)學(xué)分： 1周1學(xué)分 專業(yè)層次： 本 科 制訂日期： 2008年 3月 版 次： 1 歸口單位： 交通工程系 汽車電子商務(wù)課程設(shè)計(jì)指導(dǎo)書一、課程設(shè)計(jì)的目的和要求：目的：通過課程設(shè)計(jì)，使學(xué)生掌握用所學(xué)電子商務(wù)理論知識(shí)來分析和解決實(shí)際問題的能力。要求：熟練掌握電子商務(wù)網(wǎng)站設(shè)計(jì)原則、基本構(gòu)成要素、功能設(shè)計(jì)、界面布局設(shè)計(jì)等基本技能。二、課程設(shè)計(jì)的內(nèi)容和步驟：內(nèi)容：本課程設(shè)計(jì)有如下三個(gè)任務(wù)供學(xué)生選擇完成，學(xué)生可以根據(jù)自己的情況選擇其中任一種完成提交報(bào)告即可，但每組必須單獨(dú)完成，不能有重復(fù)。 &#

2、160;  任務(wù)一：選擇一個(gè)中小型汽車企業(yè)業(yè)務(wù)介紹為例，通過分析其業(yè)務(wù)，制定其電子商務(wù)策略，完成網(wǎng)站設(shè)計(jì)，給出設(shè)計(jì)說明書。任務(wù)二：選擇一個(gè)中小型二手車營(yíng)銷服務(wù)企業(yè)，通過調(diào)查了解該企業(yè)運(yùn)行狀況，制定其電子商務(wù)策略，完成網(wǎng)站設(shè)計(jì)，給出設(shè)計(jì)說明書。任務(wù)三：針對(duì)某一個(gè)汽車售后服務(wù)行業(yè)的中小企業(yè)，制定其電子商務(wù)策略，完成網(wǎng)站設(shè)計(jì)，給出設(shè)計(jì)說明書。步驟：1）設(shè)計(jì)準(zhǔn)備2）電子商務(wù)網(wǎng)站規(guī)劃的總體設(shè)計(jì)確定所設(shè)計(jì)電子商務(wù)網(wǎng)站的目標(biāo)，進(jìn)行市場(chǎng)需求的調(diào)查分析；電子商務(wù)網(wǎng)站設(shè)計(jì)與管理的可行性分析。確定所設(shè)計(jì)電子商務(wù)網(wǎng)站的解決方案的內(nèi)容和要求。3）電子商務(wù)網(wǎng)站的開發(fā)技術(shù)與工具選擇包括網(wǎng)頁(yè)開發(fā)技術(shù)、網(wǎng)絡(luò)數(shù)據(jù)庫(kù)技術(shù)

3、、web數(shù)據(jù)庫(kù)及web與數(shù)據(jù)庫(kù)接口技術(shù)、搜索引擎和全文搜索引擎技術(shù)的選擇。4）汽車銷售（或服務(wù)）電子商務(wù)網(wǎng)站整體實(shí)現(xiàn)設(shè)計(jì)5）整理和編寫設(shè)計(jì)說明書6）設(shè)計(jì)總結(jié)和答辯三、課程設(shè)計(jì)時(shí)間：1周四、任務(wù)說明：一、設(shè)計(jì)準(zhǔn)備認(rèn)真研究設(shè)計(jì)任務(wù)書，明確設(shè)計(jì)要求、條件、內(nèi)容和步驟；通過閱讀有關(guān)資料、參考有關(guān)電子商務(wù)網(wǎng)站等，了解設(shè)計(jì)對(duì)象；復(fù)習(xí)課程有關(guān)內(nèi)容，熟悉有關(guān)電子商務(wù)網(wǎng)站的設(shè)計(jì)方法和步驟；準(zhǔn)備好設(shè)計(jì)需要的圖書、資料和軟件；擬定設(shè)計(jì)計(jì)劃等。二、電子商務(wù)網(wǎng)站規(guī)劃的總體設(shè)計(jì)確定所設(shè)計(jì)電子商務(wù)網(wǎng)站的目標(biāo)，進(jìn)行市場(chǎng)需求的調(diào)查分析；電子商務(wù)網(wǎng)站設(shè)計(jì)與管理的可行性分析。確定所設(shè)計(jì)電子商務(wù)網(wǎng)站的解決方案的內(nèi)容和要求。三、電子商

4、務(wù)網(wǎng)站的開發(fā)技術(shù)與工具選擇包括網(wǎng)頁(yè)開發(fā)技術(shù)、網(wǎng)絡(luò)數(shù)據(jù)庫(kù)技術(shù)、web數(shù)據(jù)庫(kù)及web與數(shù)據(jù)庫(kù)接口技術(shù)、搜索引擎和全文搜索引擎技術(shù)的選擇。建議本網(wǎng)站開發(fā)采用frontpage網(wǎng)頁(yè)制作工具。四、汽車銷售（或服務(wù)）電子商務(wù)網(wǎng)站整體實(shí)現(xiàn)設(shè)計(jì)獨(dú)立設(shè)計(jì)一個(gè)類似電子商務(wù)網(wǎng)站的網(wǎng)站（主頁(yè)+其他）。參考主頁(yè)如下。導(dǎo)航欄中應(yīng)該有以下的項(xiàng)目：1.網(wǎng)站的介紹：文字說明，注意各種字體的設(shè)置，以及版面的安排。2.商品的信息：用表格顯示，包含各種商品的價(jià)格，名稱，數(shù)量，介紹等。3.用戶信息提交：用表單實(shí)現(xiàn)，包含姓名，性別，年齡，收入，地址，自我介紹，等等，合理利用各種表單。并可以提交（不需要提交后的處理）。要求：各個(gè)鏈接要正確

5、；合理插入圖片，注意文本的編排和字體的設(shè)置，界面要求美觀；整個(gè)版面設(shè)成一個(gè)表格里的話，整個(gè)頁(yè)面會(huì)顯得更加整齊；要有廣告等實(shí)際網(wǎng)站具備的內(nèi)容。frontpage網(wǎng)站開發(fā)軟件的使用方法簡(jiǎn)介。1.新建站點(diǎn)利用向?qū)Ш湍０蹇梢苑奖愕亟⒏鞣N站點(diǎn)，在新建站點(diǎn)時(shí)，可根據(jù)不同的需要選用不同的向?qū)Щ蚰０?，然后再?duì)向?qū)Щ蚰０迳傻木W(wǎng)頁(yè)（htnml文件）進(jìn)行修改。不同的向?qū)Щ蚰０逍陆ㄕ军c(diǎn)的步驟可能不同，我們選擇“公司介紹向?qū)А睘槔M(jìn)行介紹。（1）在frontpage2003窗口中，選擇文件新建網(wǎng)頁(yè)或站點(diǎn)命令，選擇站點(diǎn)模板命令，打開如圖1所示對(duì)話框。（2）在指定的新網(wǎng)站的位置下拉列表框中輸入存放新站點(diǎn)文件的文件夾。（

6、3）雙擊要使用的公司展示向?qū)D標(biāo)，打開模板或啟動(dòng)向?qū)?。打開如圖2所示對(duì)話框。圖1 站點(diǎn)模板對(duì)話框 圖2 公司網(wǎng)站建立向?qū)?duì)話框（4）單擊下一步按鈕，在彈出的如圖3所示的對(duì)話框中，可以設(shè)置站點(diǎn)中所需的網(wǎng)頁(yè)，設(shè)置完成單擊下一步按鈕。（5）在彈出的對(duì)話框中選擇主頁(yè)要包括的內(nèi)容，還可以再拉下來的幾個(gè)對(duì)話框中對(duì)站點(diǎn)中網(wǎng)頁(yè)的內(nèi)容進(jìn)行設(shè)置。最后單擊完成按鈕即可。2.新建網(wǎng)頁(yè)利用向?qū)Щ蚰０褰⒌恼军c(diǎn)不會(huì)完全符合用戶的要求，可能所需的網(wǎng)頁(yè)在向?qū)Щ蚰０逯胁]有提供。這時(shí)，可以自己創(chuàng)建所需的網(wǎng)頁(yè)。如在上例中要建立的公司站點(diǎn)沒有有關(guān)公司組織與人事安排的網(wǎng)頁(yè)，可以先手動(dòng)新建網(wǎng)頁(yè)，然后將網(wǎng)頁(yè)添加到站點(diǎn)的組織構(gòu)件中去。下面

7、就以建立公司的組織與人事安排網(wǎng)頁(yè)為例進(jìn)行介紹。（1）選擇文件新建網(wǎng)頁(yè)或站點(diǎn)命令，在彈出的任務(wù)窗格中選擇網(wǎng)頁(yè)模板命令，彈出如圖4所示的對(duì)話框。在常規(guī)選項(xiàng)卡中，選擇一個(gè)模板或向?qū)В賳螕舸_定按鈕即可。選擇普通網(wǎng)頁(yè)圖標(biāo)，然后單擊確定按鈕。圖3 設(shè)置站點(diǎn)中的網(wǎng)頁(yè) 圖4 網(wǎng)頁(yè)模板對(duì)話框（2）此時(shí)新建的網(wǎng)頁(yè)顯示在窗口中，如圖5所示。（3）選擇文件保存命令，彈出的對(duì)話框如圖6所示。在對(duì)話框中單擊更改標(biāo)題按鈕更改網(wǎng)頁(yè)的標(biāo)題為“公司的組織結(jié)構(gòu)”，在文件名文本框中輸入“組織”，設(shè)置完成后單擊保存按鈕。（4）單擊視圖欄中的導(dǎo)航圖標(biāo)，在文件夾列表中拖動(dòng)新建的“組織.htm”到站點(diǎn)的結(jié)構(gòu)圖，將其放置在一級(jí)子目錄中，如圖

8、7所示。此時(shí)，雙擊“組織.htm”圖標(biāo)，切換到網(wǎng)頁(yè)視圖。網(wǎng)頁(yè)將被自動(dòng)更新，如圖8所示。圖5 新建的網(wǎng)頁(yè)圖6 另存為對(duì)話框圖7 將新建的網(wǎng)頁(yè)鏈接到站點(diǎn)中圖 8 更新后的網(wǎng)頁(yè)3.修改網(wǎng)頁(yè)3.1 打開一個(gè)網(wǎng)頁(yè)（1）在窗口的視圖欄中，單擊文件夾圖標(biāo)，切換到文件夾視圖。（2）frontpage的文件夾視圖與windows資源管理器非常相似。在文件夾視圖中，找到要編輯的網(wǎng)頁(yè)，然后雙擊該網(wǎng)頁(yè)圖標(biāo)，即可打開網(wǎng)頁(yè)視圖，對(duì)網(wǎng)頁(yè)進(jìn)行編輯。在其他視圖中，雙擊網(wǎng)頁(yè)圖標(biāo)，同樣會(huì)自動(dòng)打開該網(wǎng)頁(yè)。如在超鏈接視圖中，無論在文件夾列表中，還是在超鏈接窗格中，雙擊擴(kuò)展名為.htm的文件，都可以直接打開該網(wǎng)頁(yè)。3.2修改向?qū)Щ蚰０褰?/p>

9、立的網(wǎng)頁(yè)利用向?qū)Щ蚰０褰⒌木W(wǎng)頁(yè)僅僅是一個(gè)框架。圖9顯示的是用公司展示向?qū)Ы⒌木W(wǎng)頁(yè)，還必須做大量的工作。 在這些網(wǎng)頁(yè)中，軟件自動(dòng)生成注釋，注明有哪些內(nèi)容要求修改。有些需要替換原有圖片，有些是修改某些對(duì)象屬性，有些需要修改網(wǎng)頁(yè)上的文字。如圖10所示的外觀、常規(guī)、視頻選項(xiàng)卡中，標(biāo)出了用戶可做的修改。圖9 一個(gè)網(wǎng)頁(yè)的框架圖 10 圖片屬性對(duì)話框?qū)ξ淖诌M(jìn)行修改的操作與word沒多大差別，一般格式設(shè)置也沒有多大的差別。4.設(shè)置文字格式4.1設(shè)置字體格式字體的格式屬性很多，大致可以分為4類：字號(hào)、字體、顏色和字體的修飾。設(shè)置字體的屬性可用下面的方法：（1）選中要設(shè)置字體屬性的文字；（2）選擇格式字體命令

10、，打開如圖11所示的字體對(duì)話框；（3）可在對(duì)話框中設(shè)置字體的各種屬性；（4）單擊確定按鈕，完成對(duì)字體格式的設(shè)置。4.2設(shè)置段落格式（1）右擊要設(shè)置格式的段落，在彈出的快捷菜單中選擇段落命令，打開如圖12所示對(duì)話框；（2）在此對(duì)話框中可以設(shè)置段落的各種格式。4.3設(shè)置項(xiàng)目列表列表是將有關(guān)內(nèi)容組織成容易閱讀的格式，要求各部分重點(diǎn)突出、簡(jiǎn)潔有效、層次分明和結(jié)構(gòu)有序。在html中列表共分3種，分別是編號(hào)列表、定義列表和圖像列表。選中要建立列表的文本，然后選擇格式項(xiàng)目符號(hào)和編號(hào)命令，打開項(xiàng)目符號(hào)和編號(hào)方式對(duì)話框。4.4使用表格利用表格可以有效地組織大量的數(shù)據(jù)，在表格中可以輸入文字，也可以插入圖片。（1）

11、在網(wǎng)頁(yè)中插入表格選擇表格插入表格命令，彈出插入表格對(duì)話框，如圖13所示。在插入表格對(duì)話框里，設(shè)置表格的行數(shù)、列數(shù)、對(duì)齊方式和單元格邊框?qū)挾鹊葘傩?，然后單擊確定按鈕即可。（2）設(shè)置網(wǎng)頁(yè)的屬性插入表格后，可右擊表格，然后再快捷菜單中選擇表格屬性命令，即可打開內(nèi)容與圖13所示對(duì)話框一樣的對(duì)話框。（3）表格的其他操作建立表格后，可以插入、刪除及合并一些單元格，還可以添加標(biāo)題等。圖11 字體對(duì)話框 圖12 段落對(duì)話框5.插入各種對(duì)象5.1插入圖片網(wǎng)頁(yè)上的常用的圖片文件格式有jpeg和gif?？捎孟旅娴姆椒ú迦雸D片：圖13 插入表格對(duì)話框（1）將要添加到網(wǎng)頁(yè)的圖片復(fù)制到站點(diǎn)所在文件夾下的images子目錄

12、中。（2）選擇插入圖片來自文件命令，彈出如word操作一樣的圖片選擇對(duì)話框。（3）在圖片對(duì)話框里選中圖片文件后單擊插入按鈕；或在圖片對(duì)話框中雙擊要使用的文件，可將其插入到網(wǎng)頁(yè)中。5.2水平線在網(wǎng)頁(yè)中，水平線可以起到分隔文本內(nèi)容或強(qiáng)調(diào)文本內(nèi)容的作用。添加了水平線后還可以修改其屬性，如寬度、高度、對(duì)齊方式和顏色等。如果使用了主題，水平線將被該主題中對(duì)應(yīng)的圖形所替代。在網(wǎng)頁(yè)視圖下將光標(biāo)移動(dòng)到要插入水平線的地方，選擇插入水平線命令。雙擊插入的水平線，在如圖14所示的水平線屬性對(duì)話框中可以改變水平線的寬度、高度、對(duì)齊方式和顏色等。 圖14 水平線屬性對(duì)話框 圖15 網(wǎng)頁(yè)橫幅屬性對(duì)話框5.3橫幅橫幅是一個(gè)

13、快速為網(wǎng)頁(yè)添加標(biāo)題的方法。選擇插入網(wǎng)頁(yè)橫幅命令，彈出如圖15所示的網(wǎng)頁(yè)橫幅屬性對(duì)話框。選擇圖片單選按鈕，并在文本框內(nèi)輸入所需要的標(biāo)題。5.4橫幅廣告現(xiàn)在很多的廣告牌是運(yùn)動(dòng)的，每隔一段時(shí)間翻轉(zhuǎn)一次，從而打出不同的廣告。網(wǎng)頁(yè)中橫幅廣告的顯示效果和這種廣告牌的效果差不多，它按時(shí)間順序不斷變換顯示的內(nèi)容。設(shè)置橫幅廣告的具體方法如下：（1）首先準(zhǔn)備好要顯示的圖片。（2）將光標(biāo)移動(dòng)到要添加橫幅廣告的地方，選擇插入web組件命令，彈出如圖16所示的插入web組件對(duì)話框。（3）在插入web組件對(duì)話框中的組件類型列表框中選擇動(dòng)態(tài)效果選項(xiàng)，再在右邊的選擇一種效果列表框中選擇交互式按鈕選項(xiàng)，單擊完成按鈕，彈出如圖1

14、7所示的對(duì)話框。圖16 插入web組件對(duì)話框 圖17 交互式按鈕對(duì)話框（4）單擊添加按鈕，從打開的對(duì)話框中選擇圖片添加到顯示圖片列表框，在顯示圖片列表框的圖片將在橫幅廣告中播放。圖片播放的順序與圖片在顯示圖片列表框里的順序相同。（5）在過渡效果下拉列表框里選擇兩幅圖片之間切換的過渡效果。在每幅圖片顯示文本框里輸入圖片切換的時(shí)間，單位為秒。（6）在鏈接到文本框里輸入橫幅廣告鏈接的地址。（7）單擊確定按鈕即可。如果創(chuàng)建了橫幅廣告后要重新設(shè)置其屬性，雙擊橫幅廣告位置處的圖片即可。5.5字幕在網(wǎng)頁(yè)中創(chuàng)建字幕可以在瀏覽器中顯示一條水平滾動(dòng)的文本信息。具體方法如下：（1）在網(wǎng)頁(yè)視圖里將光標(biāo)移動(dòng)到要?jiǎng)?chuàng)建字幕

15、的位置，或選中要在字幕中顯示的文本。（2）選擇插入web組件命令，彈出如圖16所示的對(duì)話框。（3）在組件類型列表框中選擇動(dòng)態(tài)效果選項(xiàng)，再在右邊的選擇一種效果列表框中選擇字幕選項(xiàng)，單擊完成按鈕，彈出如圖18所示的對(duì)話框。（4）在文本框中輸入字幕將要顯示的文本，文本長(zhǎng)度不限。（5）如果要設(shè)置字幕文本的滾動(dòng)方向，選擇方向選項(xiàng)組中左和右單選按鈕中的一個(gè)。（6）在速度選項(xiàng)組可以設(shè)置字幕移動(dòng)的速度。（7）在表現(xiàn)方式選項(xiàng)組里設(shè)置字幕文本的運(yùn)動(dòng)方式。（8）在大小選項(xiàng)組里可以設(shè)置字幕的大小。（9）在重復(fù)選項(xiàng)組里可以設(shè)置字幕的重復(fù)次數(shù)。（10）在背景色下拉列表框里設(shè)置字幕滾動(dòng)文本的背景色，設(shè)置完成后單擊確定按鈕。

16、5.6網(wǎng)站計(jì)數(shù)器網(wǎng)站計(jì)數(shù)器計(jì)算并顯示一個(gè)網(wǎng)頁(yè)被訪問的次數(shù)。如果在主頁(yè)中添加一個(gè)網(wǎng)站計(jì)數(shù)器，該網(wǎng)點(diǎn)的訪問者就可以看到主頁(yè)被訪問過多少次。（1）在網(wǎng)頁(yè)視圖下將光標(biāo)移動(dòng)到要插入網(wǎng)站計(jì)數(shù)器的地方，選擇插入web組件命令，然后再組件類型列表框中選擇計(jì)數(shù)器選項(xiàng)。（2）在選擇計(jì)數(shù)器樣式列表中選擇一種計(jì)數(shù)器樣式，然后單擊完成按鈕，彈出屬性對(duì)話框，如圖19所示。（3）再在此對(duì)話框中進(jìn)一步設(shè)置計(jì)數(shù)器重置的數(shù)字與數(shù)字位數(shù)即可。 圖18 字幕屬性對(duì)話框 圖19 計(jì)數(shù)器屬性對(duì)話框6創(chuàng)建超鏈接6.1創(chuàng)建超鏈接超鏈接是文本或圖片的一個(gè)基本屬性。只要合理地設(shè)置文本或圖片屬性，就可以為文本或圖片建立超鏈接。（1）在網(wǎng)頁(yè)中選中要

17、建立超鏈接的文本或圖片，按ctrl+k鍵，彈出如圖20所示的插入超鏈接對(duì)話框。（2）在地址下拉列表框中輸入要鏈接的站點(diǎn)的網(wǎng)址，然后單擊確定按鈕。6.2導(dǎo)航條導(dǎo)航條是一組特定格式的鏈接，在一些復(fù)雜的模板和向?qū)е袝?huì)自動(dòng)在網(wǎng)頁(yè)中建立導(dǎo)航條。（1）在網(wǎng)頁(yè)中單擊一個(gè)導(dǎo)航條，將其選中，按alt+enter鍵，打開如圖21所示的鏈接欄屬性對(duì)話框。（2）在常規(guī)選項(xiàng)卡中的要添加到網(wǎng)頁(yè)的超鏈接選項(xiàng)組中，選擇超鏈接的類型。（3）在樣式選項(xiàng)卡中的方向和外觀選項(xiàng)組中設(shè)置超鏈接的樣式。圖20 插入超鏈接對(duì)話框 圖21 鏈接欄屬性對(duì)話框7使用主題使用主題可以使網(wǎng)頁(yè)具有統(tǒng)一的風(fēng)格，既可以對(duì)單獨(dú)的網(wǎng)頁(yè)使用主題，也可以對(duì)站點(diǎn)的所

18、有網(wǎng)頁(yè)使用主題。如果先對(duì)站點(diǎn)使用主題，然后再對(duì)其中的某一個(gè)網(wǎng)頁(yè)使用主題，這個(gè)網(wǎng)頁(yè)的主題將不使用站點(diǎn)主題而使用新設(shè)置的主題。因此，無論怎樣修改站點(diǎn)主題的屬性，對(duì)這網(wǎng)頁(yè)都不會(huì)產(chǎn)生影響，受影響的只是那些應(yīng)用站點(diǎn)默認(rèn)主題的網(wǎng)頁(yè)。7.1對(duì)站點(diǎn)或網(wǎng)頁(yè)應(yīng)用主題（1）如果對(duì)網(wǎng)頁(yè)使用主題，應(yīng)該先在網(wǎng)頁(yè)視圖打開要使用主題的網(wǎng)頁(yè)，如果是對(duì)站點(diǎn)使用主題則不必要。（2）選擇格式主題命令，彈出如圖22所示的主題對(duì)話框。圖22 自定義主題對(duì)話框（3）如果對(duì)網(wǎng)頁(yè)使用主題，應(yīng)選擇所選的網(wǎng)頁(yè)單選按鈕；如果是對(duì)站點(diǎn)使用主題，選擇所有網(wǎng)頁(yè)單選按鈕。（4）選擇的主題將顯示在主題示例預(yù)覽框中。使用主題時(shí)，如果對(duì)主題的顏色不滿意，可以更改頁(yè)面也文本的顏色，如正文、標(biāo)題導(dǎo)航條等的顏色。還可以設(shè)置主題里的圖片等。8發(fā)布網(wǎng)頁(yè)發(fā)布網(wǎng)頁(yè)就是將創(chuàng)建完成的站點(diǎn)復(fù)制到服務(wù)器上指定的url的過程，實(shí)際上就是在兩臺(tái)計(jì)算機(jī)上建立同樣的站點(diǎn)拷貝。如果想修改站點(diǎn)，可以在本地計(jì)算機(jī)上修改好后再向網(wǎng)上重新發(fā)布。這樣可以在不影響其他人使用的情況下完成站點(diǎn)的維護(hù)、更新與發(fā)布。在發(fā)布之前，首先向要發(fā)表網(wǎng)頁(yè)的服