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

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

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

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

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

5、字體的設(shè)置，界面要求美觀；整個 版面設(shè)成一個表格里的話，整個頁面會顯得更加整齊；要有廣告等實際網(wǎng)站具備的內(nèi)容。FrontPage網(wǎng)站開發(fā)軟件的使用方法簡介。1. 新建站點禾U用向?qū)Ш湍０蹇梢苑奖愕亟⒏鞣N站點，在新建站點時，可根據(jù)不同的需要選用不同的 向?qū)Щ蚰０澹缓笤賹ο驅(qū)Щ蚰０迳傻木W(wǎng)頁（HTNML文件）進行修改。不同的向?qū)Щ蚰０逍陆ㄕ军c的步驟可能不同，我們選擇“公司介紹向?qū)А睘槔M行介紹。（1）在FrontPage2003窗口中，選擇文件新建網(wǎng)頁或站點命令，選擇站 點模板命令，打開如圖1所示對話框。（2）在指定的新網(wǎng)站的位置下拉列表框中輸入存放新站點文件的文件夾。（3） 雙擊要使用的公司

6、展示向?qū)D標(biāo)，打開模板或啟動向?qū)?。打開如圖2所示對話 框。圖1站點模板對話框站建矗向異冃導(dǎo)幫釣畦萬細網(wǎng)上塑幼司饑象*ri上-:肝一步月院或圖2公司網(wǎng)站建立向?qū)υ捒颍?）單擊下一步按鈕，在彈出的如圖 3所示的對話框中，可以設(shè)置站點中所需的網(wǎng) 頁，設(shè)置完成單擊下一步按鈕。（5）在彈出的對話框中選擇主頁要包括的內(nèi)容，還可以再拉下來的幾個對話框中對站點中網(wǎng)頁的內(nèi)容進行設(shè)置。最后單擊完成按鈕即可。2. 新建網(wǎng)頁利用向?qū)Щ蚰０褰⒌恼军c不會完全符合用戶的要求，可能所需的網(wǎng)頁在向?qū)Щ蚰０逯胁?沒有提供。這時，可以自己創(chuàng)建所需的網(wǎng)頁。如在上例中要建立的公司站點沒有有關(guān)公司組織 與人事安排的網(wǎng)頁，可以先手動新

7、建網(wǎng)頁，然后將網(wǎng)頁添加到站點的組織構(gòu)件中去。下面就以 建立公司的組織與人事安排網(wǎng)頁為例進行介紹。（1）選擇文件新建網(wǎng)頁或站點命令，在彈出的任務(wù)窗格中選擇 網(wǎng)頁模板 命令，彈出如圖4所示的對話框。在常規(guī)選項卡中，選擇一個模板或向?qū)В賳螕?確定按鈕即可。選擇普通網(wǎng)頁圖標(biāo)，然后單擊確定按鈕。目錄進戛匚財WF54竣 正當(dāng)ii肉15栗中JT開電：EJ3礙if謝顧.書目I竝 i I初！ I圖4網(wǎng)頁模板對話框圖3設(shè)置站點中的網(wǎng)頁（2）此時新建的網(wǎng)頁顯示在窗口中，如圖5所示。（3） 選擇文件保存命令，彈出的對話框如圖6所示。在對話框中單擊更改標(biāo)題按鈕更改網(wǎng)頁的標(biāo)題為“公司的組織結(jié)構(gòu)”，在文件名文本框中輸入“

8、組織”，設(shè)置完成后單擊保存按鈕。（4）單擊視圖欄中的導(dǎo)航圖標(biāo)，在文件夾列表中拖動新建的“組織.htm ”到站點的結(jié)構(gòu)圖，將其放置在一級子目錄中，如圖7所示。此時，雙擊“組織.htm ”圖標(biāo)，切換到網(wǎng)頁視圖。網(wǎng)頁將被自動更新，如圖 8所示。2叩-龍軽八昭嗽二耳J皿 A匸三三強彈Q F連鼻xffs?w J j xC ： SDE-mantx g3 Si月 1.I 渲円站 I SutwJtjtL hl* Ma_f-iLEr_Z.sH Q| _tp-=l aix丙 LJ *wt147Hti O -LLifcbt+ taaikEhtk ht*力 LH4u.kl”占 rnraz. hts 剛典泗】btF*e

9、-. ht 童時臥鱒ht* JCtdEKbS. hla 首| ABT由 hk* 脅 dvvOJ.hU i 豹 w.*rwC ht* 彎| M/900. bt 巒 MFTL-ZIX h匕謀曲網(wǎng)更毎耙翳m辱賦”険圖# 録便左業(yè)建蠱云題蟄棊丁儕蛙眄靈軸7卸”舉我-戟密豐、以浸衣肚樂罡巒甩更抿& 云離進甸歹惑.科，宇航”般圖廬，甥惑世迎虛示痺乾矮圖5新建的網(wǎng)頁3. 修改網(wǎng)頁3.1打開一個網(wǎng)頁(1) 在窗口的視圖欄中，單擊文件夾圖標(biāo)，切換到文件夾視圖。(2) FrontPage的文件夾視圖與Windows資源管理器非常相似。在文件夾視圖中，找到 要編輯的網(wǎng)頁，然后雙擊該網(wǎng)頁圖標(biāo)，即可打開網(wǎng)頁視圖，對網(wǎng)頁

10、進行編輯。在其他視圖中，雙擊網(wǎng)頁圖標(biāo)，同樣會自動打開該網(wǎng)頁。如在超鏈接視圖中，無論在文件夾列表中，還是在超鏈接窗格中，雙擊擴展名為.htm的文件，都可以直接打開該網(wǎng)頁。3.2修改向?qū)Щ蚰０褰⒌木W(wǎng)頁9顯示的是用公司展示向?qū)Ы⒌木W(wǎng)利用向?qū)Щ蚰０褰⒌木W(wǎng)頁僅僅是一個框架。圖 頁，還必須做大量的工作。在這些網(wǎng)頁中，軟件自動生成注釋，注明有哪些內(nèi)容要求修改。有些需要替換原有圖片,有些是修改某些對象屬性，有些需要修改網(wǎng)頁上的文字。如圖10所示的外觀、常規(guī)、視頻選項卡中，標(biāo)出了用戶可做的修改。 ae蟲UbM l IM * MitCiw ip-Mir.i Im* in-id. 4 imKI lii 竝 m

11、hCC Hl第）胖f.制干羽耳“伽，t Iee： 1，rIAf蟲 I. Ma 習(xí)期imrfi115dDrJff如 F r氏4rffl瑚.=10 圖片屬性對話框般格式設(shè)置也沒有多大的差別。圖9 一個網(wǎng)頁的框架圖對文字進行修改的操作與 Word沒多大差別,4. 設(shè)置文字格式 4.1設(shè)置字體格式4類：字號、字體、顏色和字體的修飾。字體的格式屬性很多，大致可以分為 設(shè)置字體的屬性可用下面的方法：（1）選中要設(shè)置字體屬性的文字；（2） 選擇格式字體命令，打開如圖11所示的字體對話框;（3）可在對話框中設(shè)置字體的各種屬性；（4）單擊確定按鈕，完成對字體格式的設(shè)置。4.2設(shè)置段落格式（1） 右擊要設(shè)置格式的

12、段落，在彈出的快捷菜單中選擇段落命令，打開如圖12所示對 話框；（2）在此對話框中可以設(shè)置段落的各種格式。4.3設(shè)置項目列表列表是將有關(guān)內(nèi)容組織成容易閱讀的格式，要求各部分重點突出、簡潔有效、層次分明和 結(jié)構(gòu)有序。在 HTML中列表共分3種，分別是編號列表、定義列表和圖像列表。選中要建立列表的文本，然后選擇格式項目符號和編號命令，打開項目符號和編號方式對話框。4.4使用表格利用表格可以有效地組織大量的數(shù)據(jù)，在表格中可以輸入文字，也可以插入圖片。（1）在網(wǎng)頁中插入表格選擇表格插入表格命令，彈出插入表格對話框，如圖13所示。在插入 表格對話框里，設(shè)置表格的行數(shù)、列數(shù)、對齊方式和單元格邊框?qū)挾鹊葘傩?/p>

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

14、框中雙擊要使 用的文件，可將其插入到網(wǎng)頁中。5.2水平線在網(wǎng)頁中，水平線可以起到分隔文本內(nèi)容或強調(diào)文本內(nèi)容的作用。添加了水平線后還可以 修改其屬性，如寬度、高度、對齊方式和顏色等。如果使用了主題，水平線將被該主題中對應(yīng) 的圖形所替代。在網(wǎng)頁視圖下將光標(biāo)移動到要插入水平線的地方，選擇插入 水平線命令。雙擊插入的水平線，在如圖 14所示的水平線屬性對話框中可以改變水平線的寬度、高度、對齊方式和顏色等。水乎繹夙性區(qū)圖14 水平線屬性對話框圖15 網(wǎng)頁橫幅屬性對話框5.3橫幅橫幅是一個快速為網(wǎng)頁添加標(biāo)題的方法。選擇插入網(wǎng)頁橫幅命令，彈出如圖15所示的網(wǎng)頁橫幅屬性對話框。選擇圖片單選按鈕，并在文本框內(nèi)輸

15、入所需要的標(biāo)題。5.4橫幅廣告現(xiàn)在很多的廣告牌是運動的，每隔一段時間翻轉(zhuǎn)一次，從而打出不同的廣告。網(wǎng)頁中橫幅 廣告的顯示效果和這種廣告牌的效果差不多，它按時間順序不斷變換顯示的內(nèi)容。設(shè)置橫幅廣 告的具體方法如下：（1）首先準(zhǔn)備好要顯示的圖片。（2） 將光標(biāo)移動到要添加橫幅廣告的地方，選擇插入Web組件命令，彈出如圖 16所示的插入Web組件對話框。（3）在插入Web組件對話框中的組件類型列表框中選擇動態(tài)效果選項，再在右邊的選擇一種效果列表框中選擇交互式按鈕 話框。選項，單擊完成按鈕，彈出如圖17所示的對玉98庫內(nèi)芒磔一幀黒叩:押f1手歸 國審玫覽在按顧上J卻光程-井單擊匪制示備1nm 片|?；?/p>

16、幔持比例 mFl&ja下時 sjfit iq掙硏為JTEd H）海并網(wǎng)用汕卞衍.邑但| |i 3o 揀憫時ore圖雪拮具審審!町背量巴cn兀吋 垃找血F；見就門 -二：Q尸-需曲（p 1圖16 插入 Web組件對話框圖17 交互式按鈕對話框（4） 單擊添加按鈕，從打開的對話框中選擇圖片添加到顯示圖片列表框，在顯示圖片列表框的圖片將在橫幅廣告中播放。圖片播放的順序與圖片在顯示圖片列表框里的順序相同。（5） 在過渡效果下拉列表框里選擇兩幅圖片之間切換的過渡效果。在每幅圖片顯示 文本框里輸入圖片切換的時間，單位為秒。（6）在鏈接到文本框里輸入橫幅廣告鏈接的地址。（7）單擊確定按鈕即可。如果創(chuàng)建了橫幅

17、廣告后要重新設(shè)置其屬性，雙擊橫幅廣告位置處的圖片即可。5.5字幕在網(wǎng)頁中創(chuàng)建字幕可以在瀏覽器中顯示一條水平滾動的文本信息。具體方法如下:（1）在網(wǎng)頁視圖里將光標(biāo)移動到要創(chuàng)建字幕的位置，或選中要在字幕中顯示的文本。（2）選擇插入Web組件命令，彈出如圖16所示的對話框。（3）在組件類型列表框中選擇動態(tài)效果選項，再在右邊的選擇一種效果列表框中 選擇字幕選項，單擊完成按鈕，彈出如圖18所示的對話框。（4）在文本框中輸入字幕將要顯示的文本，文本長度不限。（5） 如果要設(shè)置字幕文本的滾動方向，選擇方向選項組中左和右單選按鈕中的一 個。（6）在速度選項組可以設(shè)置字幕移動的速度。（7）在表現(xiàn)方式選項組里設(shè)置

18、字幕文本的運動方式。（8）在大小選項組里可以設(shè)置字幕的大小。（9）在重復(fù)選項組里可以設(shè)置字幕的重復(fù)次數(shù)。（10） 在背景色下拉列表框里設(shè)置字幕滾動文本的背景色，設(shè)置完成后單擊確定按 鈕。5.6網(wǎng)站計數(shù)器網(wǎng)站計數(shù)器計算并顯示一個網(wǎng)頁被訪問的次數(shù)。如果在主頁中添加一個網(wǎng)站計數(shù)器，該網(wǎng)點的訪問者就可以看到主頁被訪問過多少次。（1）在網(wǎng)頁視圖下將光標(biāo)移動到要插入網(wǎng)站計數(shù)器的地方，選擇 命令，然后再組件類型列表框中選擇計數(shù)器選項。（2）在選擇計數(shù)器樣式列表中選擇一種計數(shù)器樣式，然后單擊 對話框，如圖19所示。（3）再在此對話框中進一步設(shè)置計數(shù)器重置的數(shù)字與數(shù)字位數(shù)即可。插入Web組件完成按鈕，彈出屬性表

19、觀才式908VCW片I （J） 百分比疋.*4 立 |i| 百:甘比便重復(fù)回匡欣 o自動I圖18 字幕屬性對話框 6創(chuàng)建超鏈接6.1創(chuàng)建超鏈接圖19 計數(shù)器屬性對話框超鏈接是文本或圖片的一個基本屬性。只要合理地設(shè)置文本或圖片屬性，就可以為文本或 圖片建立超鏈接。（1） 在網(wǎng)頁中選中要建立超鏈接的文本或圖片，按Ctrl+K鍵，彈出如圖20所示的插入 超鏈接對話框。（2） 在地址下拉列表框中輸入要鏈接的站點的網(wǎng)址，然后單擊確定按鈕。6.2導(dǎo)航條導(dǎo)航條是一組特定格式的鏈接，在一些復(fù)雜的模板和向?qū)е袝詣釉诰W(wǎng)頁中建立導(dǎo)航條。（1） 在網(wǎng)頁中單擊一個導(dǎo)航條，將其選中，按Alt+Enter鍵，打開如圖21

20、所示的鏈接 欄屬性對話框。（2） 在常規(guī)選項卡中的要添加到網(wǎng)頁的超鏈接選項組中，選擇超鏈接的類型。（3）在樣式選項卡中的方向和外觀選項組中設(shè)置超鏈接的樣式。圖20 插入超鏈接對話框常純it式砂m副冋更的毗爭OiilST）剛加網(wǎng)貝：On-ss）主頁電I換克Q主頁下面旳子頁H】口冋頁憶裁芒將僉出M也就頁 HrtftSSEKii BaKSIuLF?HJlI主亜li_J苴余耳更圖21 鏈接欄屬性對話框 7使用主題使用主題可以使網(wǎng)頁具有統(tǒng)一的風(fēng)格，既可以對單獨的網(wǎng)頁使用主題，也可以對站點的所 有網(wǎng)頁使用主題。如果先對站點使用主題，然后再對其中的某一個網(wǎng)頁使用主題，這個網(wǎng)頁的 主題將不使用站點主題而使用新

21、設(shè)置的主題。因此，無論怎樣修改站點主題的屬性，對這網(wǎng)頁 都不會產(chǎn)生影響，受影響的只是那些應(yīng)用站點默認主題的網(wǎng)頁。7.1對站點或網(wǎng)頁應(yīng)用主題（2）選擇格式主題命令，彈出如圖22所示的主題對話框。（1）如果對網(wǎng)頁使用主題，應(yīng)該先在網(wǎng)頁視圖打開要使用主題的網(wǎng)頁，如果是對站點使 用主題則不必要。圖22 自定義主題對話框（3）如果對網(wǎng)頁使用主題，應(yīng)選擇 所選的網(wǎng)頁單選按鈕；如果是對站點使用主題，選 擇所有網(wǎng)頁單選按鈕。（4）選擇的主題將顯示在主題示例預(yù)覽框中。使用主題時，如果對主題的顏色不滿意，可以更改頁面也文本的顏色，如正文、標(biāo)題導(dǎo)航 條等的顏色。還可以設(shè)置主題里的圖片等。8發(fā)布網(wǎng)頁發(fā)布網(wǎng)頁就是將創(chuàng)建完成的站點復(fù)制到服務(wù)器上指定的URL的過程，實際上就是在兩臺計算機上建立同樣的站點拷貝。如果想修改站點，可以在本地計算機上修改好后再向網(wǎng)上重新發(fā) 布。這樣可以在不影響其他人使用的情況下完成站點的維護、更新與發(fā)布。在發(fā)布之前，首先向要發(fā)表網(wǎng)頁的服務(wù)器申請URL得到URL和密碼后就可以向服務(wù)器發(fā)布網(wǎng)頁了。五、課程設(shè)計說明書課程設(shè)計完成后，應(yīng)提交相應(yīng)的課程設(shè)計說明書。具體要求包括：1. 通過報刊、互聯(lián)網(wǎng)查詢，整理，對參考資料需要注明來源地。文章名、作者、報刊名和期數(shù)、網(wǎng)址等。例如：1郭誠忠，電子商務(wù)發(fā)展與我國的電子商務(wù)總體框架電子與信息化 2000（ 1）2Ev