1、實(shí) 驗(yàn) 報(bào) 告（華文中宋小初字居中，字間加一個(gè)空格） 課程名稱： 電子商務(wù)課程設(shè)計(jì) 系部名稱： 經(jīng)濟(jì)管理學(xué)院 專業(yè)班級(jí)： 市場(chǎng)營(yíng)銷12-1 學(xué)生姓名： 趙 澤 威 學(xué) 號(hào)： 指導(dǎo)教師： 李崇超、姜曉麗 黑龍江工程學(xué)院教務(wù)處制實(shí)驗(yàn)項(xiàng)目電子商務(wù)課程設(shè)計(jì)實(shí)驗(yàn)日期2014.7.14實(shí)驗(yàn)地點(diǎn)文管樓會(huì)計(jì)實(shí)驗(yàn)室同組人數(shù)實(shí)驗(yàn)臺(tái)號(hào)實(shí)驗(yàn)類型驗(yàn)證性 綜合性 設(shè)計(jì)性 其 他一、實(shí)驗(yàn)?zāi)康?培養(yǎng)學(xué)生進(jìn)行電子商務(wù)方案設(shè)計(jì)，培養(yǎng)學(xué)生網(wǎng)站開發(fā)和調(diào)試計(jì)算機(jī)程序的能力，提高學(xué)生進(jìn)行技術(shù)總結(jié)和撰寫課程設(shè)計(jì)說明書的能力二、實(shí)驗(yàn)儀器設(shè)備計(jì)算機(jī)及相關(guān)軟件（Dreamweaver CS3、Fireworks等）三、實(shí)驗(yàn)原理自主設(shè)計(jì)開發(fā)建設(shè)一

2、個(gè)WEB應(yīng)用系統(tǒng)網(wǎng)站，完成網(wǎng)站規(guī)劃，網(wǎng)站功能設(shè)計(jì)，數(shù)據(jù)庫(kù)的設(shè)計(jì)，程序設(shè)計(jì)，頁(yè)面設(shè)計(jì)，網(wǎng)站測(cè)試等。1規(guī)劃和設(shè)計(jì)一個(gè)網(wǎng)站，要求有一定的網(wǎng)頁(yè)數(shù)目和內(nèi)容。最少有5頁(yè)。獨(dú)立設(shè)計(jì)實(shí)現(xiàn)站點(diǎn)。站點(diǎn)中需要實(shí)現(xiàn)功能文件的制作。2使用設(shè)計(jì)工具選用Dreamweaver CS3。3使用Fireworks 和 Photoshop 設(shè)計(jì)頁(yè)面圖并且通過切割制作成IE形式。使用繪圖軟件設(shè)計(jì)和切割效果圖。4增加必要的Flash動(dòng)畫。使用Flash制作矢量圖文件。也可以使用其他動(dòng)畫制作。5使用數(shù)據(jù)庫(kù)建立動(dòng)態(tài)網(wǎng)頁(yè)。四、實(shí)驗(yàn)內(nèi)容或步驟1.站點(diǎn)設(shè)計(jì) 獨(dú)立設(shè)計(jì)實(shí)現(xiàn)一個(gè)站點(diǎn)。使用設(shè)計(jì)工具建立站點(diǎn)。站點(diǎn)中需要實(shí)現(xiàn)功能文件的制作。獨(dú)立設(shè)計(jì)至少

3、5頁(yè)的網(wǎng)頁(yè)，總頁(yè)面數(shù)不少于20頁(yè)。網(wǎng)站和網(wǎng)頁(yè)的建立需要網(wǎng)上的空間，要有自己的網(wǎng)上空間。2. 工具使用在Dreamweaver CS3等工具中選擇需要的工具。選擇合適的軟件環(huán)境制作。 3. 頁(yè)面設(shè)計(jì)使用繪圖軟件設(shè)計(jì)和切割效果圖。通過對(duì)圖的設(shè)計(jì)安排實(shí)現(xiàn)一張網(wǎng)頁(yè)。使用表格進(jìn)行網(wǎng)頁(yè)布局設(shè)計(jì)。要求整體風(fēng)格要一致，網(wǎng)頁(yè)的制作、頁(yè)面的結(jié)構(gòu)、色彩、導(dǎo)航合理。提供的內(nèi)容，信息是否準(zhǔn)確、及時(shí)、信息量大小適度。4. 動(dòng)畫的插入 增加Flash動(dòng)畫?？梢允褂闷渌膭?dòng)畫形式。使用時(shí)間軸和層實(shí)現(xiàn)動(dòng)畫的效果。5. 聲音的使用增加背景的音樂效果。制作網(wǎng)絡(luò)音樂的各種形式。6. 視頻的使用增加網(wǎng)絡(luò)視頻新聞。制作網(wǎng)站的視頻內(nèi)容。7

4、. 使用網(wǎng)絡(luò)數(shù)據(jù)庫(kù)建立動(dòng)態(tài)網(wǎng)頁(yè)。8把文件復(fù)制到其他地方鏈接不會(huì)錯(cuò)。五、數(shù)據(jù)表格詳見附件六、數(shù)據(jù)處理結(jié)果（結(jié)論）詳見附件七、實(shí)驗(yàn)中存在的問題、解決方法及進(jìn)一步的想法等八、教師評(píng)語(yǔ)成 績(jī)指導(dǎo)教師簽字： 年 月 日注：1、此報(bào)告為參考格式，各欄項(xiàng)目可根據(jù)實(shí)際情況進(jìn)行調(diào)整；2、“實(shí)驗(yàn)儀器設(shè)備”一欄：設(shè)計(jì)性實(shí)驗(yàn)根據(jù)實(shí)驗(yàn)條件對(duì)實(shí)驗(yàn)儀器設(shè)備提出具體要求；3、“實(shí)驗(yàn)內(nèi)容或步驟”一欄：設(shè)計(jì)性實(shí)驗(yàn)需填寫設(shè)計(jì)方案。附件電子商務(wù)課程設(shè)計(jì)成果目錄：第一部分：Macromedia Flash 8.0軟件的學(xué)習(xí)與操作；第二部分：Macromedia Fireworks 軟件的學(xué)習(xí)與操作；第三部分：以shypost企業(yè)管理系

5、統(tǒng)網(wǎng)站搭建黑龍江中道農(nóng)業(yè)科技發(fā) 有限公司網(wǎng)站主頁(yè)；第四部分：實(shí)訓(xùn)中遇到的問題及解決辦法；第五部分：對(duì)本次實(shí)訓(xùn)的心得體會(huì)。軟件操作及網(wǎng)站設(shè)計(jì)過程： 第一部分 Macromedia Flash 8.0軟件的學(xué)習(xí)與操作一、Flash制作知識(shí)簡(jiǎn)介：Flash是功能強(qiáng)大的矢量動(dòng)畫制作軟件，它采用時(shí)間軸和舞臺(tái)的設(shè)計(jì)方式，能夠支持和處理多種類型的媒體（音頻、視頻、矢量圖形、文本等），并能生成體積小、傳輸和播放速度快的高質(zhì)量動(dòng)畫，特別適合創(chuàng)作網(wǎng)絡(luò)多媒體課件。元件：元件是FLASH的基本，一個(gè)個(gè)動(dòng)畫，其都是有元件組成，元件的功能非常多，可以說，沒有元件，就沒有動(dòng)畫，越復(fù)雜的動(dòng)畫，元件越多。制作界面：界面稱之為場(chǎng)

6、景，元件就是舞者 二、實(shí)例簡(jiǎn)單升旗動(dòng)畫制作過程： 1、打開軟件并進(jìn)入Flash制作界面 2、點(diǎn)擊插入選項(xiàng)卡插入一個(gè)元件并命名為“旗幟”類型為“影片剪輯”； 3、利用左側(cè)的工具欄和顏色設(shè)置配合使用欄設(shè)計(jì)出一面旗幟； 4、旗幟的圖片設(shè)計(jì)完成后，點(diǎn)擊右上角的的場(chǎng)景回到動(dòng)畫制作頁(yè)面，然 后在庫(kù)中找到我們之前制作的元件，將制作好的旗幟圖案拖拽到 當(dāng)前的制作頁(yè)面，調(diào)整旗幟的大小并將其放在最低端； 5、在頁(yè)面的頂部有時(shí)間軸的設(shè)置框，我們選擇第50幀點(diǎn)擊鼠標(biāo)右鍵添 插入關(guān)鍵幀，創(chuàng)建成功后，可以發(fā)現(xiàn)，第1幀和第50幀中間變灰了， 然后在第1幀和第50幀變灰色幀之間選擇一處單擊鼠標(biāo)右鍵，選擇 創(chuàng)建補(bǔ)間動(dòng)畫，如果灰

7、色變成粉色了則說明創(chuàng)建成功，然后再在第1 幀和第50幀之間根據(jù)預(yù)想的圖片運(yùn)行軌跡選取部分關(guān)鍵點(diǎn)分別插入 關(guān)鍵幀； 6、上述過程完成后，我們可以在頁(yè)面最頂部的“控制”選項(xiàng)卡中選擇“測(cè) 試影片”可以看到旗幟按照預(yù)定的設(shè)計(jì)的軌跡慢慢上升，一個(gè)最簡(jiǎn)單 的FLASH動(dòng)畫制作成功了！ 第二部分 Macromedia Fireworks軟件的學(xué)習(xí)操作 一、Macromedia Fireworks簡(jiǎn)介：利用該軟件可以制作出十分動(dòng)感的 GIF動(dòng)畫，還可以輕易地完成大圖切割、動(dòng)態(tài)按鈕、動(dòng)態(tài)翻轉(zhuǎn)圖等， 借助于Macromedia Fireworks 8，您可以在直觀、可定制的環(huán)境中 創(chuàng)建和優(yōu)化用于網(wǎng)頁(yè)的圖像并進(jìn)行精

8、確控制。Fireworks 業(yè)界領(lǐng)先 的優(yōu)化工具可幫助您在最佳圖像品質(zhì)和最小壓縮大小之間達(dá)到平 衡。它與 MacromediaDreamweaver和 MacromediaFlash共同構(gòu)成的 集成工作流程可以讓您創(chuàng)建并優(yōu)化圖像，同時(shí)又能避免由于進(jìn)行 Roundtrip 編輯而丟失信息或浪費(fèi)時(shí)間。二、實(shí)例制作一款打字效果的LOGO 1、啟動(dòng)Firework后，用Firework打開一張圖片并設(shè)置為共享層； 2、 新建一層，用矩形工具畫一個(gè)矩形，大小可以與畫布同樣尺寸，也 可以大于畫布。筆觸顏色為無，填充色暫時(shí)設(shè)為黑色，這是為了添 加雪珠時(shí)能夠看得清楚； 3、 選擇筆觸設(shè)置；根據(jù)個(gè)人需要在新建層

9、上隨意地點(diǎn)上一些白點(diǎn)。 4、點(diǎn)完了白點(diǎn)，將原先畫的矩形的填充色改為同時(shí)選中執(zhí)行修改 平面化所選F8將合并后的位圖轉(zhuǎn)換為圖形元件。 5、 （1）選中圖形元件， （2）執(zhí)行編輯克隆，這樣得到兩個(gè)圖形元件， （3）選中其中一個(gè)，用鍵盤上的上下左右鍵將圖片向下向左或者 向下向右移動(dòng)幾個(gè)象素，選中兩個(gè)元件， （4）再執(zhí)行修改元件補(bǔ)間實(shí)例，在跳出的對(duì)話框中選擇 動(dòng)畫的幀數(shù)，一般三四幀即可，選擇分散到幀，結(jié)果如下圖； 6、 完成上述操作過程后，效果基本就行了。如果想要更漂亮些，也可 以對(duì)每一幀層二的圖片進(jìn)行再工，比如添加雪片，移動(dòng)等。導(dǎo)出 預(yù)覽，效果如下圖 第三部分 以shypost企業(yè)管理系統(tǒng)的網(wǎng)站為藍(lán)本

10、搭建 黑龍江中道農(nóng)業(yè)科技發(fā)展有限公司網(wǎng)站主頁(yè) 一、下載Shypost企業(yè)管理系統(tǒng)網(wǎng)站網(wǎng)站后臺(tái)數(shù)據(jù)庫(kù)源碼程序解壓后， 后臺(tái)數(shù)據(jù)文件夾（shypost企業(yè)管理系統(tǒng)）如圖所示； 二、下載一個(gè)Asbwebserver自動(dòng)搭建網(wǎng)頁(yè)運(yùn)行所需要的ISS軟件并解壓 到“shypost企業(yè)管理系統(tǒng)”文件根目錄中,以此來搭建起整個(gè)網(wǎng)站 的模擬網(wǎng)頁(yè)運(yùn)行環(huán)境； 三、利用Asbwebserver搭建的虛擬運(yùn)行環(huán)境登陸Shypost企業(yè)管理系統(tǒng) 網(wǎng)站，然后在地址欄顯示的地址后面輸入“admin”并回車，進(jìn)入到 該網(wǎng)站的后臺(tái)管理員登陸界面，輸入用戶名和密碼，就可以訪問該網(wǎng) 站的后臺(tái)數(shù)據(jù)庫(kù)，此時(shí)就可以根據(jù)需要修改其后臺(tái)數(shù)據(jù)庫(kù)

11、中的數(shù)據(jù)信 息了； 四、登陸黑龍江中道農(nóng)業(yè)發(fā)展科技有限公司的原網(wǎng)站（)下 載搭建新的網(wǎng)站所需的相關(guān)的資料和圖片，了解兩家網(wǎng)站產(chǎn)品分類和 網(wǎng)站的結(jié)構(gòu)并對(duì)比兩個(gè)網(wǎng)站在頁(yè)面布局上的異同； 五、根據(jù)黑龍江中道農(nóng)業(yè)發(fā)展科技有限公司的資料在Shypost企業(yè)管理系統(tǒng)網(wǎng)站的后臺(tái)數(shù)據(jù)庫(kù)中將其“企業(yè)信息”修改為中道農(nóng)業(yè)發(fā)展科技有限公司的企業(yè)信息、“產(chǎn)品管理”中的產(chǎn)品分類改為中道農(nóng)業(yè)發(fā)展科技有限公司的產(chǎn)品，“新聞動(dòng)態(tài)”改成中道農(nóng)業(yè)發(fā)展科技有限公司的新聞動(dòng)態(tài)等數(shù)據(jù)按照對(duì)應(yīng)關(guān)系逐項(xiàng)逐步的進(jìn)行更換，如圖所示 6、 對(duì)于Shypost企業(yè)管理系統(tǒng)網(wǎng)站首頁(yè)的動(dòng)態(tài)滾動(dòng)顯示的內(nèi)容，需要選取中道農(nóng)業(yè)發(fā)展

12、科技有限公司相應(yīng)的宣傳圖片分別命名1.jpg、2.jpg、3.jpg，然后在shypost企業(yè)管理系統(tǒng)”文件根目錄中找到“flash”文件夾打開然后用中道農(nóng)業(yè)發(fā)展科技有限公司相應(yīng)的宣傳圖片分別命名1.jpg、2.jpg、3.jpg替代原文件夾中的“1.jpg、2.jpg、3.jpg”，這樣Shypost企業(yè)管理系統(tǒng)網(wǎng)站中動(dòng)態(tài)宣傳信息就被中道農(nóng)業(yè)發(fā)展科技有限公司宣傳的信息所替代； 七、依照步驟六的過程對(duì)比兩個(gè)網(wǎng)站的信息，用中道農(nóng)業(yè)發(fā)展科技有限公 司的信息資料替換掉Shypost企業(yè)管理系統(tǒng)網(wǎng)站的后臺(tái)數(shù)據(jù)庫(kù)中的數(shù)據(jù)，最后通過Asbwebserver來運(yùn)行網(wǎng)站就看到一個(gè)在Shypost企業(yè)管理系統(tǒng)網(wǎng)

13、站的基礎(chǔ)上新搭建的一個(gè)全新的黑龍江中道農(nóng)業(yè)發(fā)展科技有限公司的網(wǎng)站，如圖所示； 第四部分 實(shí)訓(xùn)中遇到的問題及解決辦法一、在這次電子商務(wù)課程設(shè)計(jì)實(shí)訓(xùn)中遇到的主要問題：1.對(duì)本次設(shè)計(jì)用的相關(guān)的軟件缺乏深入的了解；2、軟件的操作不夠熟練，在練習(xí)過程中經(jīng)常出現(xiàn)一些自己無法解決的 問題；3、 對(duì)于搭建網(wǎng)站方面的知識(shí)缺乏相應(yīng)的了解，導(dǎo)致在搭建網(wǎng)站的過程 中，更換后臺(tái)數(shù)據(jù)庫(kù)信息時(shí)經(jīng)常出現(xiàn)更換后在前臺(tái)界面無法運(yùn)行 的情況。 二、對(duì)于上述出現(xiàn)的問題我主要是通過三個(gè)方面來解決這些問題的： 1、向指導(dǎo)老師請(qǐng)教出現(xiàn)問題的解決辦法及應(yīng)該注意的經(jīng)常出現(xiàn)問題 的地方； 2、和周圍的同學(xué)互相討論和研究嘗試，一起尋找解決所出現(xiàn)問

14、題的 方法； 3、通過互聯(lián)網(wǎng)查找類似制作案例和視頻，以此來分析自己在操作中 出現(xiàn)的問題并找出解決問題的方法。 第五部分 對(duì)本次實(shí)訓(xùn)的心得體會(huì) 通過這次實(shí)訓(xùn)，我不僅學(xué)到如何利用Macromedia Flash 8.0軟件制作Flash動(dòng)畫、用Macromedia Fireworks 軟件制作動(dòng)態(tài)Gif動(dòng)態(tài)圖片以及在現(xiàn)有網(wǎng)站上搭建一個(gè)新網(wǎng)站的相關(guān)知識(shí)，更重要的是更進(jìn)一步增進(jìn)了和其他同學(xué)之間的交流。面臨一個(gè)難題大家在一起暢所欲言，互相討論，交流，把自己不理解，不明白的地方提出來，讓老師來幫助解決，和老師一起交流和溝通，這樣使得相互之間都得到了學(xué)習(xí)，鞏固知識(shí)的機(jī)會(huì)，提高了學(xué)習(xí)的效率也促進(jìn)了師生之間的有效溝通和交流，增進(jìn)了師生之間的感情。 學(xué)習(xí)的過程就是一個(gè)不斷遇到問題和不斷解決問題的過程。在學(xué)習(xí)和使用Macromedia Fl