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

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

2、160;  任務(wù)一：選擇一個中小型汽車企業(yè)業(yè)務(wù)介紹為例，通過分析其業(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è)計準備2）電子商務(wù)網(wǎng)站規(guī)劃的總體設(shè)計確定所設(shè)計電子商務(wù)網(wǎng)站的目標，進行市場需求的調(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ù)

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

4、務(wù)網(wǎng)站的開發(fā)技術(shù)與工具選擇包括網(wǎng)頁開發(fā)技術(shù)、網(wǎng)絡(luò)數(shù)據(jù)庫技術(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)站（主頁+其他）。參考主頁如下。導(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.新建站點利用向?qū)Ш湍０蹇梢苑奖愕亟⒏鞣N站點，在新建站點時，可根據(jù)不同的需要選用不同的向?qū)Щ蚰０澹缓笤賹ο驅(qū)Щ蚰０迳傻木W(wǎng)頁（htnml文件）進行修改。不同的向?qū)Щ蚰０逍陆ㄕ军c的步驟可能不同，我們選擇“公司介紹向?qū)А睘槔M行介紹。（1）在frontpage2003窗口中，選擇文件新建網(wǎng)頁或站點命令，選擇站點模板命令，打開如圖1所示對話框。（2）在指定的新網(wǎng)站的位置下拉列表框中輸入存放新站點文件的文件夾。（

6、3）雙擊要使用的公司展示向?qū)D標，打開模板或啟動向?qū)?。打開如圖2所示對話框。圖1 站點模板對話框 圖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)頁，可以先手動新建網(wǎng)頁，然后將網(wǎng)頁添加到站點的組織構(gòu)件中去。下面

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

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

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

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

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

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

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

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

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

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

17、建立超鏈接的文本或圖片，按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所示的鏈接欄屬性對話框。（2）在常規(guī)選項卡中的要添加到網(wǎng)頁的超鏈接選項組中，選擇超鏈接的類型。（3）在樣式選項卡中的方向和外觀選項組中設(shè)置超鏈接的樣式。圖20 插入超鏈接對話框 圖21 鏈接欄屬性對話框7使用主題使用主題可以使網(wǎng)頁具有統(tǒng)一的風格，既可以對單獨的網(wǎng)頁使用主題，也可以對站點的所

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