婚慶網(wǎng)實訓(xùn)報告

網(wǎng)頁制作實訓(xùn)

報告題目： 婚慶網(wǎng)頁制作院（系）： 信息工程系專業(yè): 學(xué)生姓名: 學(xué)號： 指導(dǎo)教師: 時間: 一、實訓(xùn)目的1、鞏固和加強網(wǎng)頁制作與網(wǎng)站設(shè)計的理論知識，為動態(tài)編寫后續(xù)課程的學(xué)習(xí)奠定必要的基礎(chǔ)。2、使學(xué)生掌握網(wǎng)頁制作與網(wǎng)站設(shè)計各個相關(guān)軟件之間相互的關(guān)系；3、熟悉和掌握網(wǎng)站建設(shè)的界面設(shè)計、可用性分析。4、熟悉和掌握架設(shè)網(wǎng)站，完成測試，調(diào)試和維護(hù)的方法。5、通過實戰(zhàn)，提高動手能力，提高分析問題和解決問題的能力。6、提高資料收集和文檔寫作、整理能力。二、實訓(xùn)要求1、動手制作網(wǎng)頁之前，必須認(rèn)真做好網(wǎng)站的需求分析，策劃好網(wǎng)站的主題，規(guī)劃好網(wǎng)站的風(fēng)格和結(jié)構(gòu)，創(chuàng)建完善的目錄結(jié)構(gòu)，欄目數(shù)不少于4。2、制作網(wǎng)頁前，收集好所需的文字資料、圖像資料、flash動畫和網(wǎng)頁特效。3、所創(chuàng)建的網(wǎng)站至少包括8個頁面，分為三層，第一層為首頁，第二層為4個二級子頁，第三層為3個內(nèi)容頁。網(wǎng)站頁面制作過程中要求使用的內(nèi)容有：文本及圖像的設(shè)置、Flash動畫的插入、創(chuàng)建CSS樣式、為頁面添加行為、使用時間軸創(chuàng)建動畫效果、運用各種類型的超鏈接、制作留言板及實現(xiàn)交互效果等。（1）必須有導(dǎo)航欄；（2）要求合理的應(yīng)用JavaScript、行為制作特效。（3）各個頁面根據(jù)需要插入合適的圖像和Falsh動畫，首頁要求插入背景音樂。（4）所有頁面要求內(nèi)容充實、布局合理、網(wǎng)站整體頁面顏色要搭配協(xié)調(diào)、美觀大方。（5）各個頁面之間導(dǎo)航清晰、鏈接準(zhǔn)確無誤，不要存在空鏈接或錯誤鏈接。4、網(wǎng)頁的版面尺寸應(yīng)用符合網(wǎng)頁設(shè)計的規(guī)范，網(wǎng)站中所有文件、文件夾的命名應(yīng)規(guī)范，盡量做到字母數(shù)量少，見名知意、容易理解。5、網(wǎng)站要有一定原創(chuàng)內(nèi)容；必須保證頁面的風(fēng)格統(tǒng)一，盡量使用模板或框架結(jié)構(gòu)完成。6、在設(shè)計過程中，要嚴(yán)格要求自己，樹立嚴(yán)密、嚴(yán)謹(jǐn)?shù)目茖W(xué)態(tài)度，必須按時、保質(zhì)、保量完成實訓(xùn)任務(wù)。要求獨立完成規(guī)定的實訓(xùn)內(nèi)容，不得弄虛作假，不準(zhǔn)抄襲或拷貝他人的網(wǎng)頁或其他內(nèi)容。7、實訓(xùn)期間，嚴(yán)格遵守學(xué)校的規(guī)章制度，不得遲到、早退、曠課。缺課節(jié)數(shù)達(dá)三分之一以上者，實訓(xùn)成績按不及格處理。8、實訓(xùn)環(huán)境為Windows2000及以上版本的操作系統(tǒng)，網(wǎng)頁制作軟件為Dreamweaver，根據(jù)需要運用PhotoshopCS處理圖像，運用Flash制作動畫。三、實訓(xùn)內(nèi)容1、指導(dǎo)老師提供題目供學(xué)生選題，學(xué)生也可更改，但必須經(jīng)指導(dǎo)老師核可。2、進(jìn)行需求分析，主要任務(wù)是確定網(wǎng)站主題，并復(fù)習(xí)在實訓(xùn)中可能涉及的基本知識。2、準(zhǔn)備素材，搜集與主題相關(guān)的文字、圖像、動畫、音樂等資料。3、設(shè)計網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，設(shè)計首頁及其頁面的版式結(jié)構(gòu)。4、創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結(jié)構(gòu)。5、制作首頁、二級子頁、內(nèi)容頁，豐富頁面內(nèi)容并創(chuàng)建超級鏈接。。7、測試與瀏覽網(wǎng)頁。8、書寫《實訓(xùn)報告書》。四、實驗步驟1、網(wǎng)站主題我的網(wǎng)站的主題在于從各個方面全面的介紹婚慶公司的服務(wù),包括每個頁面都有介紹不同的介紹資料。同時，網(wǎng)站里的每一個網(wǎng)頁都有統(tǒng)一的風(fēng)格，每一個網(wǎng)頁的主題色彩都是淺粉色，給人帶來一種舒適溫馨的感覺。最重要給瀏覽者好的欣賞感受。自信心。2、網(wǎng)站材料網(wǎng)站材料來源主要是從各大婚慶公司網(wǎng)站上搜集所要的網(wǎng)頁信息,包括圖片、文字、相關(guān)的資料。同時，通過查詢相關(guān)的書籍、百度等方式學(xué)習(xí)網(wǎng)頁的布局，css配置和網(wǎng)頁特效等，用以制作出更加精美的頁面。想要做好自己的網(wǎng)站，就要盡量搜集材料，搜集材料越多，以后制作網(wǎng)站就越容易。精選自己收集的材料，作為自己制作網(wǎng)頁的素材，這樣就可以做好一個好的網(wǎng)站。3、網(wǎng)站規(guī)劃我的網(wǎng)站共有6個主頁面：首頁、婚紗攝影、婚宴酒店、婚禮婚慶、婚紗禮服鉆戒首飾、美容化妝和蜜月旅行。每一個頁面用統(tǒng)一的背景，以保證網(wǎng)站統(tǒng)一的頁面風(fēng)格。如下圖：網(wǎng)站整體色為淺粉色和紫色，突出主題，顏色沒有過多，過雜，用以避免給人一種雜亂的感覺。版面設(shè)計靈活，根據(jù)各部分內(nèi)容的不同適當(dāng)?shù)淖杂稍O(shè)計。網(wǎng)頁布局主要用框架和表格，用框架定位內(nèi)容的大體結(jié)構(gòu)，再用表格具體定位。位置的設(shè)計也是重要的一個部分，根據(jù)具體內(nèi)容決定大體結(jié)構(gòu)，相同的風(fēng)格調(diào)用CSS設(shè)計一個樣式，以保證隨時、準(zhǔn)確的調(diào)用。另外，為了網(wǎng)頁布局的協(xié)調(diào)，我加入了圖片輪播，用以達(dá)到更好的瀏覽效果。4、網(wǎng)站的制作工具做網(wǎng)頁時主要使用的是Deamweaver8軟件。另外，為了處理網(wǎng)頁中的其他元素，還使用了Photoshop、GifAnimator等軟件。4、制作網(wǎng)站的網(wǎng)頁素材、風(fēng)格、模版都設(shè)計好以后，下一步就是具體的制作網(wǎng)頁。制作網(wǎng)站時，首先在網(wǎng)頁制作時所需的各個元素都進(jìn)行統(tǒng)一的管理，建立統(tǒng)一的文件夾放同一類型的文件，我在制作時建立了“image”文件夾存放圖片專用的，網(wǎng)頁中的CSS樣式文件及javascript文件也進(jìn)行統(tǒng)一管理。4.2、網(wǎng)站首頁（index）如下圖：以導(dǎo)航欄為邊界，上方為網(wǎng)站logo標(biāo)志，下面為一個幻燈片組件，給瀏覽者好的視覺享受?；脽羝谱鬟^程：首先在網(wǎng)上收集下載背景圖片，，仿照課本例9-2給出的幻燈片播放示例并加以修改，以收集的圖片做為內(nèi)容，使瀏覽者進(jìn)入頁面起就能瀏覽到我們想讓他優(yōu)先知道的信息。

幻燈片下方左側(cè)以縱向?qū)Ш綑诘姆绞匠尸F(xiàn)有關(guān)婚禮策劃案的選項，右側(cè)采用圖文混編的方式展現(xiàn)一些婚禮策劃案的圖片及價格信息，最下方采用表格中插入圖片的方式展現(xiàn)婚禮真實案例情況，并且鼠標(biāo)懸停時會出發(fā)js效果顯示真實婚禮案例真實婚禮案例接下來展示部分子網(wǎng)頁:展示價格部分采用了多個＜div＞標(biāo)簽進(jìn)行排版布局，對前2組詞通過css控制進(jìn)行加粗處理并修改“全部”二字的背景顏色。下方添加＜inputtype二〃radio〃＞單選框標(biāo)簽制成一個選擇排序的樣式r--"T::價格念部r--"T::價格念部20002000-30003000-40004000-5000500“60006000以上［服裝念部念部全送不全送念部當(dāng)前排序二，按發(fā)布時間按價格 按點擊量iL__

下方采用簡單的插入圖片加文字排版形成以下效果:4698元套系4698元套系服袋全部外祟全部內(nèi)景全部底片全部價格面議4698元套系服袋全部外景全部內(nèi)景全部底片全部價格面議4698元套系4698元套系服袋全部外祟全部內(nèi)景全部底片全部價格面議4698元套系服袋全部外景全部內(nèi)景全部底片全部價格面議服袋全部外星全部內(nèi)景全部底片全部價格面議4698元套系服袋全部外星全部內(nèi)景全部底片全部價格面議該子網(wǎng)頁的所有文字及圖片均添加了超鏈接標(biāo)簽方便以后使用，但為了追求效率故不再編寫二級子網(wǎng)頁子網(wǎng)頁2：分為側(cè)邊導(dǎo)航欄，幻燈片播放及圖文混編3個部分，均根據(jù)書本例子改編做成她&他故事婚慶公司愛度一生婚禮策劃兩小無猜婚禮策劃響亮婚禮策劃婚慶套系價格￥0.8萬以下￥0.8-1575￥1.5-3萬 ￥3-5萬￥5她&他故事婚慶公司愛度一生婚禮策劃兩小無猜婚禮策劃響亮婚禮策劃婚慶套系價格￥0.8萬以下￥0.8-1575￥1.5-3萬 ￥3-5萬￥5萬以上一生斯愛酒店星級會所俱樂部餐標(biāo)3000-4000元,…桌數(shù)1。桌以下,10卓許愿樹紫色浪漫【金色萬麗】北京佳苑酒店星級四星級餐標(biāo)2000元以下2卓數(shù)10桌以下,10卓中宇世紀(jì)大酒店星級五星級餐標(biāo)4000元以上桌數(shù)10桌-20桌5總結(jié)通過這次實訓(xùn)對這門課程的學(xué)習(xí)，做好主頁，并不是一件容易的事，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西?；仡欉@次網(wǎng)頁設(shè)計，感慨頗多，的確，從選題到開始制作，從理論到實踐，用時5天，可以說得是苦多于甜，但是可以學(xué)到很多很多的的東西，同時不僅可以鞏固了以前所學(xué)過的知識，而且學(xué)到了很多在書本上所沒有學(xué)到過的知識。通過這次課程設(shè)計使我懂得了理論與實際相結(jié)合是很重要的，只有理論知識是遠(yuǎn)遠(yuǎn)不夠的，只有把所學(xué)的理論知識與實踐相結(jié)合起來，從理論中得出結(jié)論，才能真正為掌握技術(shù)，從而提高自己的實際動手能力和獨立思考的能力。難免會遇到