電子商務(wù)網(wǎng)站設(shè)計實訓(xùn)報告

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

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

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

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

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

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

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

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

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

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

11、中的數(shù)據(jù)信 息了； 四、登陸黑龍江中道農(nóng)業(yè)發(fā)展科技有限公司的原網(wǎng)站（)下 載搭建新的網(wǎng)站所需的相關(guān)的資料和圖片，了解兩家網(wǎng)站產(chǎn)品分類和 網(wǎng)站的結(jié)構(gòu)并對比兩個網(wǎng)站在頁面布局上的異同； 五、根據(jù)黑龍江中道農(nóng)業(yè)發(fā)展科技有限公司的資料在Shypost企業(yè)管理系統(tǒng)網(wǎng)站的后臺數(shù)據(jù)庫中將其“企業(yè)信息”修改為中道農(nóng)業(yè)發(fā)展科技有限公司的企業(yè)信息、“產(chǎn)品管理”中的產(chǎn)品分類改為中道農(nóng)業(yè)發(fā)展科技有限公司的產(chǎn)品，“新聞動態(tài)”改成中道農(nóng)業(yè)發(fā)展科技有限公司的新聞動態(tài)等數(shù)據(jù)按照對應(yīng)關(guān)系逐項逐步的進行更換，如圖所示 6、 對于Shypost企業(yè)管理系統(tǒng)網(wǎng)站首頁的動態(tài)滾動顯示的內(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)站中動態(tài)宣傳信息就被中道農(nóng)業(yè)發(fā)展科技有限公司宣傳的信息所替代； 七、依照步驟六的過程對比兩個網(wǎng)站的信息，用中道農(nóng)業(yè)發(fā)展科技有限公 司的信息資料替換掉Shypost企業(yè)管理系統(tǒng)網(wǎng)站的后臺數(shù)據(jù)庫中的數(shù)據(jù)，最后通過Asbwebserver來運行網(wǎng)站就看到一個在Shypost企業(yè)管理系統(tǒng)網(wǎng)

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

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