婚慶網(wǎng)實(shí)訓(xùn)報(bào)告

網(wǎng)頁(yè)制作實(shí)訓(xùn)

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

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

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