個(gè)人網(wǎng)站實(shí)訓(xùn)報(bào)告1.doc

一.實(shí)訓(xùn)意義：網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)是教學(xué)過程中重要的實(shí)踐性教學(xué)環(huán)節(jié).它是根據(jù)專業(yè)教學(xué)計(jì)劃的要求.在教師的指導(dǎo)下對學(xué)生進(jìn)行網(wǎng)頁制作專業(yè)技能的訓(xùn)練,培養(yǎng)學(xué)生綜合運(yùn)用理論知識(shí)分析和解決實(shí)際問題的能力,實(shí)現(xiàn)由理論知識(shí)向操作技能的培養(yǎng)過程.因此加強(qiáng)實(shí)踐教學(xué)環(huán)節(jié),搞好實(shí)訓(xùn)教學(xué),對實(shí)現(xiàn)本專業(yè)的培養(yǎng)目標(biāo),提高學(xué)生的綜合素質(zhì)有著重要的作用.二.實(shí)訓(xùn)目的:1. 通過綜合實(shí)訓(xùn)進(jìn)一步鞏固,深化和加強(qiáng)學(xué)生的理論知識(shí)于專業(yè)技能。(1) 掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu),目錄結(jié)構(gòu),鏈接結(jié)構(gòu)的方法。(2) 熟練掌握網(wǎng)頁制作軟件Dreamweaver8和基本操作和使用技能。(3) 掌握頁面的整體控制和頭部內(nèi)容設(shè)置的方法。(4) 熟練掌握網(wǎng)頁頁面布局的各種方法。(5) 熟練掌握在網(wǎng)頁中輸入,設(shè)置標(biāo)題和正文文字的方法。(6) 熟練掌握在網(wǎng)頁中插入圖像,Flash動(dòng)畫和背景音樂的方法。(7) 熟練建立各種形式的超級(jí)鏈接的方法。(8) 掌握表單網(wǎng)頁制作方法。(9) 掌握網(wǎng)頁特效制作方法。(10) 掌握網(wǎng)站測試的方法。2. 訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力,充分培養(yǎng)和提高學(xué)生的動(dòng)手能力,學(xué)會(huì)通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、Flash動(dòng)畫和網(wǎng)頁特效等。3. 培養(yǎng)學(xué)生運(yùn)用所學(xué)的理論知識(shí)和技能解決網(wǎng)站開發(fā)過程中所遇到的實(shí)際問題的能力及基本工作素質(zhì)。4. 培養(yǎng)學(xué)生理論聯(lián)系實(shí)際的工作作風(fēng),嚴(yán)肅認(rèn)真的科學(xué)態(tài)度以及獨(dú)立工作的能力,樹立自信心。三實(shí)驗(yàn)步驟:1. 網(wǎng)站主題 我的網(wǎng)站的主題在于從各個(gè)方面全面的介紹網(wǎng)絡(luò)游戲?qū)ｎ},包括每個(gè)頁面都有介紹不同的游戲資料，、心得、圖片等內(nèi)容。同時(shí)，網(wǎng)站里的每一個(gè)網(wǎng)頁都有統(tǒng)一的風(fēng)格,每一個(gè)網(wǎng)頁的主題色彩都是淺藍(lán)色，給人帶來一種溫和舒適的感覺。最重要給瀏覽者好的欣賞感受。2 網(wǎng)站材料 網(wǎng)站材料主要在網(wǎng)站上搜集所要的網(wǎng)頁信息,包括圖片、文字、相關(guān)的資料。同時(shí),查詢相關(guān)的書籍、百度和素材光盤等方式收集所需的文字資料，圖像資料，F(xiàn)lash動(dòng)畫和網(wǎng)頁特效等，用以得來更加具有說服力的頁面。想要做好自己的網(wǎng)站，就要盡量搜集材料，搜集材料越多，以后制作網(wǎng)站就越容易。精選自己收集的材料，作為自己制作網(wǎng)頁的素材，這樣就可以做好一個(gè)好的網(wǎng)站。3 網(wǎng)站規(guī)劃 我的網(wǎng)站共有6個(gè)主頁面：首頁、圖片專區(qū)、視頻專區(qū)、玩家交流、幫助中心和聯(lián)系我們。每一個(gè)頁面用統(tǒng)一的背景，以保證網(wǎng)站統(tǒng)一的頁面風(fēng)格。如下圖：Index 網(wǎng)站整體色為淺藍(lán)色，突出主題，顏色沒有過多，過雜，用以避免給人一種雜亂的感覺。版面設(shè)計(jì)十分靈活，根據(jù)各部分內(nèi)容的不同適當(dāng)?shù)淖杂稍O(shè)計(jì)。網(wǎng)頁布局主要用框架和表格，用框架定位內(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)頁布局的協(xié)調(diào)，我加入適當(dāng)?shù)腇lash動(dòng)態(tài)圖片，用以達(dá)到更好的瀏覽效果。4網(wǎng)站的制作工具 做網(wǎng)頁時(shí)主要使用的是Deamweaver8軟件。另外，為了處理網(wǎng)頁中的其他元素，還使用了Photoshop、GifAnimator等軟件。5 制作網(wǎng)站的網(wǎng)頁 素材、風(fēng)格、模版都設(shè)計(jì)好以后，下一步就是具體的制作網(wǎng)頁。制作網(wǎng)站時(shí)，首先要做到站點(diǎn)的規(guī)劃，建立一個(gè)本地站點(diǎn)“TT”，建立的各個(gè)頁面都應(yīng)該放在本地站點(diǎn)中，在網(wǎng)頁制作時(shí)所需的各個(gè)元素都進(jìn)行統(tǒng)一的管理，建立統(tǒng)一的文件夾放同一類型的文件，我在制作時(shí)建立了“images”文件夾存放圖片專用的，網(wǎng)頁中的CSS樣式文件也統(tǒng)一管理，做到有條理，我設(shè)計(jì)的網(wǎng)站首頁如下圖： 以導(dǎo)航欄為界，上面插入一個(gè)自己制作的Flash動(dòng)畫，用為給瀏覽者好的視角享受。Flash動(dòng)畫制作過程：首先在網(wǎng)上下載下來的背景圖片，以背景圖片的內(nèi)容做標(biāo)題，設(shè)計(jì)“夢幻西游”四個(gè)字為主題突出網(wǎng)頁游戲效果，還有網(wǎng)頁的網(wǎng)址，加上字體顏色閃動(dòng)效果，給人帶來一種夢幻的感覺，中間也插入標(biāo)語，分別上下字體移動(dòng)，由淡到實(shí)的顏色閃動(dòng)效果，在由左右變換顏色彈走，顯得整個(gè)Flash動(dòng)畫比較生動(dòng)些！網(wǎng)站導(dǎo)航分別還有圖片專區(qū)，視頻專區(qū)，玩家交流等！介紹下圖片專區(qū)內(nèi)容如下： 圖片專區(qū)頁面中四副圖片都是上網(wǎng)搜索下來加以PS之后成品的，頁面要設(shè)置好位置，每張圖片大小格式一樣，排整對齊有列序，給人一個(gè)舒適的瀏覽感覺，例如第一張圖片在Photoshop中加以相框的外表顯得圖片比較生動(dòng)點(diǎn)！第二張圖片加以光暈濾鏡效果！使圖片明亮清晰，第三，四張圖片加以修飾亮度暗度光澤等效果，顯得圖片真實(shí)動(dòng)人。 跟住到視頻專區(qū)頁面介紹如下： 視頻專區(qū)頁面比較簡單點(diǎn)，只是自己制作一個(gè)簡單的Flash動(dòng)畫插入去頁面中間顯示的。制作的過程就是：新建個(gè)深藍(lán)色的背景，在從左上角設(shè)計(jì)夢幻西游這四個(gè)字標(biāo)題，右下角輸入主頁網(wǎng)址格式內(nèi)容。中間制作一個(gè)IE的圖片加入旋轉(zhuǎn)一周動(dòng)態(tài)代碼，使IE圖片能自動(dòng)播放轉(zhuǎn)動(dòng)，中間也插入文字設(shè)置為放大縮細(xì)感覺和顏色變換。完成后測試過就直接發(fā)布上頁面中排好。還有其他導(dǎo)航都插入相關(guān)的資料文字來完成的，主頁左邊也做好相關(guān)內(nèi)容的資料題目，每個(gè)鏈接都有吾同資料內(nèi)容顯示。每一個(gè)標(biāo)題都好做相關(guān)鏈接資料的內(nèi)容題材。在主頁、圖片專區(qū)、視頻專區(qū)這三個(gè)頁面都插入吾同的傾聽動(dòng)人的音樂了。最后，形成一個(gè)統(tǒng)一的整體的，方便給瀏覽者進(jìn)行了各個(gè)頁面間的跳轉(zhuǎn)。6 上傳測試網(wǎng)站 網(wǎng)頁制作完畢以后，要進(jìn)行反復(fù)的測試，保存后在IE瀏覽器上反復(fù)運(yùn)行自己的網(wǎng)站，用以發(fā)現(xiàn)設(shè)計(jì)中的缺陷并及時(shí)改正。四. 設(shè)計(jì)特色我覺得我的網(wǎng)頁設(shè)計(jì)最大特點(diǎn)就是色彩談雅，布局協(xié)調(diào)，結(jié)構(gòu)清晰。給人以清麗，純樸的感覺。另外，設(shè)計(jì)過程插入大量搜集資料和圖片等，還加入傾聽動(dòng)人的音樂。五 心得體會(huì) 我通過這次實(shí)訓(xùn)中非常感謝學(xué)校給了我這次制作網(wǎng)頁的機(jī)會(huì)，通過這次實(shí)訓(xùn)，我學(xué)到了很多有價(jià)值的東西。我獨(dú)立的完成網(wǎng)站設(shè)計(jì)的全過程，把設(shè)計(jì)中散亂的網(wǎng)頁鏈接成框架體系，使平時(shí)學(xué)到的知識(shí)點(diǎn)有了很高的提高，并且合理的在試驗(yàn)中進(jìn)行了實(shí)踐。在這次實(shí)驗(yàn)的過程中，我搜集了大量的素材和網(wǎng)頁設(shè)計(jì)的技術(shù)技巧方面的書，增加知識(shí)面，給我在以后的設(shè)計(jì)