網(wǎng)頁編程課程設(shè)計報告-- 鮮花蛋糕禮品店

1、<p>　　課 程 設(shè) 計 報 告</p><p>　　院 系： 工程技術(shù)學(xué)院 </p><p>　　課程名稱： 網(wǎng)頁編程 </p><p>　　設(shè)計題目： 鮮花蛋糕禮品店 </p><p>　　專

2、 業(yè)： 軟件技術(shù) </p><p>　　班 級： </p><p>　　學(xué) 號： </p><p>　　學(xué)生姓名： </p&g

3、t;<p>　　指導(dǎo)教師： </p><p>　　設(shè)計時間： 2012年6月 </p><p>　　二〇一二 年 六 月 二十六日</p><p>　　課 程 設(shè) 計 任 務(wù) 書</p><p><b>　　目 錄</

4、b></p><p>　　1.課程設(shè)計目的1</p><p>　　1.1課程設(shè)計目的1</p><p>　　2.課程設(shè)計題目描述和要求1</p><p>　　2.1課程設(shè)計題目描述1</p><p>　　2.2課程設(shè)計題目要求1</p><p>　　3.課程設(shè)計報告內(nèi)容2<

5、;/p><p>　　3.1網(wǎng)站的總體規(guī)劃2</p><p>　　3.2網(wǎng)站風(fēng)格定位2</p><p>　　3.3 網(wǎng)站代碼方案3</p><p><b>　　4.總結(jié)4</b></p><p>　　5. 參考文獻(xiàn)：4</p><p><b>　　1.課程設(shè)計

6、目的</b></p><p><b>　　1.1課程設(shè)計目的</b></p><p>　　通過課程設(shè)計，每個學(xué)生在指導(dǎo)教師的指導(dǎo)下，完成一定的任務(wù)，受到一次綜合運用所學(xué)知識、獨立完成某項技術(shù)工作的訓(xùn)練，從而培養(yǎng)和提高其獨立工作能力，主要有以下四個方面的業(yè)務(wù)能力：</p><p>　　1．綜合運用所學(xué)專業(yè)基本理論，提高查閱文獻(xiàn)和資料的

7、能力。</p><p>　　2．培養(yǎng)學(xué)生進行方案設(shè)計，分析比較和設(shè)計、計算的能力。</p><p>　　3．培養(yǎng)學(xué)生網(wǎng)站開發(fā)，和調(diào)試計算機程序的能力。</p><p>　　4．提高學(xué)生進行技術(shù)總結(jié)和撰寫說明書的能力。</p><p>　　2.課程設(shè)計題目描述和要求</p><p>　　2.1課程設(shè)計題目描述</p

8、><p>　　本次課程設(shè)計的題目為《鮮花蛋糕禮品店》，這是一個以網(wǎng)上訂花，訂蛋糕為主體的文化網(wǎng)站。該網(wǎng)站不僅能完成網(wǎng)上訂餐等便捷服務(wù)，還能使用戶了解花藝文化，富有文化氣息。</p><p>　　2.2課程設(shè)計題目要求</p><p>　　本課程是為了配合《網(wǎng)頁設(shè)計》課程開設(shè)，通過使用Dreamweaver完成設(shè)計。主要使學(xué)生在規(guī)定的時間內(nèi)，完成課程內(nèi)容涉及到的主要課題設(shè)

9、計、實現(xiàn)和訓(xùn)練。使學(xué)生掌握網(wǎng)頁制作的理論知識與實踐結(jié)合，擴大加深對網(wǎng)站建設(shè)的理解，并提高學(xué)生的實踐能力。</p><p><b>　　對學(xué)生要求如下：</b></p><p>　　1．要充分認(rèn)識課程設(shè)計對培養(yǎng)自己的重要性，認(rèn)真做好設(shè)計前的各項準(zhǔn)備工作。</p><p>　　2．既要虛心接受老師的指導(dǎo)，又要充分發(fā)揮主觀能動性。結(jié)合課題，獨立思考，

10、努力鉆研，勤于實踐，勇于創(chuàng)新。</p><p>　　3．獨立按時完成規(guī)定的工作任務(wù)，不得弄虛作假，不準(zhǔn)抄襲他人內(nèi)容。</p><p>　　4．在設(shè)計過程中，要嚴(yán)格要求自己，樹立嚴(yán)肅、嚴(yán)密、嚴(yán)謹(jǐn)?shù)目茖W(xué)態(tài)度，必須按時、按質(zhì)、按量完成課程設(shè)計。</p><p>　　3.課程設(shè)計報告內(nèi)容</p><p>　　3.1網(wǎng)站的總體規(guī)劃</p>

11、<p>　　作為一個網(wǎng)上訂花網(wǎng)站，需要有擁有花藝文化氣息。在花樣訂購的基礎(chǔ)上，貫穿花藝文化，使網(wǎng)站充滿親和力。</p><p><b>　　網(wǎng)站結(jié)構(gòu)圖如下：</b></p><p><b>　　3.2網(wǎng)站風(fēng)格定位</b></p><p>　　雖說本網(wǎng)站為一個電子商務(wù)功能的網(wǎng)站，但主題為銷售，所以我并沒有設(shè)計為商

12、務(wù)感很強的風(fēng)格，而是采用綠色和橙色為主色調(diào)的清新風(fēng)格。</p><p>　　綠色，粉色有花朵美好之義，從視覺上調(diào)動用戶的喜愛。</p><p><b>　　網(wǎng)站首頁預(yù)覽圖：</b></p><p><b>　　圖1</b></p><p><b>　　圖2</b></p&

13、gt;<p>　　3.3 網(wǎng)站代碼方案</p><p>　　本網(wǎng)站采用HTML+CSS布局排版，經(jīng)測試，IE6.0版本以上瀏覽器均可正常瀏覽。</p><p><b>　　4.總結(jié)</b></p><p>　　通過這次課程設(shè)計，學(xué)會了怎樣使用Dreamweaver和手寫代碼制作靜態(tài)網(wǎng)站，并且在查閱資料和請教他人的過程中掌握了許多課

14、本上沒有的內(nèi)容。</p><p>　　制作過程中，和同學(xué)老師相互交流，充分認(rèn)識到團隊精神的重要性。</p><p>　　并且在專業(yè)知識的基礎(chǔ)上，還了解了飲食文化，擴大了知識面。</p><p>　　這次網(wǎng)站制作中，有以下心得經(jīng)驗：</p><p>　　CSS布局用浮動時，margin在IE7.0以下得不到很好的兼容，容易出現(xiàn)層錯位現(xiàn)象。<

15、;/p><p>　　使用定位方案來布局網(wǎng)頁，能使得各層精準(zhǔn)，并且兼容性強。</p><p>　　充分利用Photoshop。</p><p>　　背景圖片用小尺寸圖片進行填充，這樣可以減小文件大小，加快下載時間。</p><p>　　所有文件夾及文件應(yīng)當(dāng)用英文命名。</p><p><b>　　5. 參考文獻(xiàn)&l

16、t;/b></p><p>　　[1] 陳軼.姚曉昆. Java程序設(shè)計實驗指導(dǎo)[M]. 北京：清華大學(xué)出版社，2006.6</p><p>　　[2] 吳其慶.java程序設(shè)計實例教程[M].北京：冶金工業(yè)出版社，2006.7</p><p>　　[3] 陳國君.java2程序設(shè)計基礎(chǔ)[M].北京：清華大學(xué)出版社，2006.6</p><