網(wǎng)頁設(shè)計(jì)與制作總結(jié).docx

網(wǎng)頁設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告 班級(jí)：多媒體152姓名：張莉鈞學(xué)號(hào)：201501032118指導(dǎo)老師：薛楊 王淑惠實(shí)訓(xùn)時(shí)間：6.206.24一、實(shí)訓(xùn)目的： 1、進(jìn)一步熟悉和掌握網(wǎng)站建設(shè)的基本流程和技術(shù)規(guī)范； 2、鞏固運(yùn)用Dreamweaver網(wǎng)頁制作軟件制作網(wǎng)頁、特別是制作復(fù)雜網(wǎng)頁的知識(shí)； 3、鞏固運(yùn)用PS圖像處理軟件進(jìn)行網(wǎng)頁中圖形制作和運(yùn)用flash動(dòng)畫制作軟件設(shè)計(jì)網(wǎng)頁中動(dòng)畫的知識(shí)； 4、鞏固綜合運(yùn)用Dreamweaver、PS、flash三個(gè)軟件完成網(wǎng)站建設(shè)任務(wù)的方法，能獨(dú)立設(shè)計(jì)一個(gè)內(nèi)容完整、圖文并茂、技術(shù)運(yùn)用得當(dāng)?shù)木W(wǎng)站； 5、具備獨(dú)立撰寫實(shí)訓(xùn)報(bào)告基本能力； 6、在網(wǎng)頁設(shè)計(jì)的實(shí)踐中培養(yǎng)分析問題、解決問題的能力，培養(yǎng)協(xié)作、交流的能力，培養(yǎng)創(chuàng)新能力和團(tuán)隊(duì)意識(shí)； 7、緊緊圍繞網(wǎng)頁制作的流程：規(guī)劃、設(shè)計(jì)、開發(fā)、發(fā)布、維護(hù)來進(jìn)行網(wǎng)站的開發(fā)，制作出具有較高水準(zhǔn)的靜態(tài)網(wǎng)頁。以此作為學(xué)生學(xué)習(xí)這門課程的階段性總結(jié)，使學(xué)生復(fù)習(xí)、鞏固所學(xué)過的理論，并予以適當(dāng)?shù)纳罨?，進(jìn)一步訓(xùn)練學(xué)生的基本技能（如：搜集資料、整理數(shù)據(jù)、發(fā)現(xiàn)與分析問題、尋求解決問題的方案等），為今后從事網(wǎng)站開發(fā)、維護(hù)和管理奠定基礎(chǔ)二、實(shí)訓(xùn)項(xiàng)目特色美食餐廳網(wǎng)站設(shè)計(jì) 1、網(wǎng)站主題 我的網(wǎng)站的主旨在于從各個(gè)方面全面的介紹特色美食餐廳，包括它的菜品、餐廳的環(huán)境以及促銷活動(dòng)。另外，網(wǎng)站里還包括餐廳資料和聯(lián)系方式，網(wǎng)站里的每一個(gè)網(wǎng)頁都有統(tǒng)一的風(fēng)格，每一個(gè)網(wǎng)頁的主題色彩都是橙色和白色搭配，用以展示餐廳特色的效果。其實(shí)最重要的是要做出自己的風(fēng)格，給瀏覽者好的欣賞感受。 2、網(wǎng)站材料 主要在網(wǎng)站上搜集所要的網(wǎng)頁信息，包括圖片、文字。同時(shí)，查詢相關(guān)的書籍、百度等方式收集所需的文字資料,圖象資料,flash動(dòng)畫和網(wǎng)頁特效等，用以得來更加具有說服力的頁面。要想做好自己的網(wǎng)站，能夠給瀏覽者好的欣感受，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。精選自己收集的材料，作為自己制作網(wǎng)頁的素材，這樣就可以做好一個(gè)好的網(wǎng)站。 3、網(wǎng)站規(guī)劃 我的網(wǎng)站共有個(gè)主頁面：首頁、美食介紹、優(yōu)惠活動(dòng)、商品促銷、宴會(huì)定制、會(huì)員中心和關(guān)于我們。每一個(gè)頁面用統(tǒng)一的模塊，以保證網(wǎng)站統(tǒng)一的頁面風(fēng)格。網(wǎng)頁布局主要用框架和表格，用框架定位內(nèi)容的大體結(jié)構(gòu)，再用表格具體定位。位子的設(shè)計(jì)也是重要的一個(gè)部分，根據(jù)具體內(nèi)容決定字體風(fēng)格，相同的風(fēng)格多次調(diào)用是CSS設(shè)計(jì)一個(gè)樣式，以保證隨時(shí)、準(zhǔn)確的調(diào)用。 三、 網(wǎng)頁設(shè)計(jì)工具使用1、 Dreamweaver我們使用它做網(wǎng)頁的主要布局。2、 Photoshop我們使用它做網(wǎng)頁圖片的處理以及l(fā)ogo的制作。3、 Flash我們使用它制作動(dòng)畫四、網(wǎng)站設(shè)計(jì)流程1、主頁設(shè)計(jì)2、色彩搭配五、網(wǎng)站測評網(wǎng)站建成后為了出現(xiàn)不必要的錯(cuò)誤，需對它進(jìn)行測評，測評的主要內(nèi)容為1、 鏈接有效性，靜態(tài)網(wǎng)頁只要保證每一個(gè)網(wǎng)頁正常瀏覽保證頁面信息不缺失就可以了。2、 網(wǎng)頁語言的正確性，檢查網(wǎng)頁中英文拼寫與html語言是否正確，在靜態(tài)網(wǎng)頁中語言都是自動(dòng)生成的所以語言的正確性一般不會(huì)有太大的問題。3、 網(wǎng)站便用性，檢查網(wǎng)站的整體結(jié)構(gòu)是否清晰以及網(wǎng)站頁面的導(dǎo)航是否清晰。最終效果圖總結(jié)：通過學(xué)習(xí)一學(xué)期的網(wǎng)頁設(shè)計(jì)，我們收獲了不少，我們這次實(shí)訓(xùn)雖然只做了一個(gè)網(wǎng)站，但這個(gè)里面包括的內(nèi)容很多，主要包括網(wǎng)站主頁的布局設(shè)計(jì)，建立站點(diǎn)，網(wǎng)頁與網(wǎng)頁之間的連接，以及模板和css樣式表的應(yīng)用。收獲：通過一個(gè)星期的網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)，從中學(xué)到了不少的網(wǎng)頁設(shè)計(jì)知識(shí)，之前都是老師講得比較多，總以為很難實(shí)現(xiàn)，但自己做起來其實(shí)也并不是想象中那么苦難。雖然代碼看起來復(fù)雜，但是慢慢學(xué)會(huì)分析就會(huì)懂。不足：當(dāng)然這次實(shí)訓(xùn)我也有不足，比如css樣式表不能靈活應(yīng)用，網(wǎng)頁布局也不夠完美，不過多虧了王老師和薛老師的細(xì)心指導(dǎo)，我才能完成這次實(shí)訓(xùn)。Flash實(shí)訓(xùn)總結(jié)班級(jí)：多媒體152姓名：張莉鈞學(xué)號(hào)：201501032118指導(dǎo)老師：薛楊實(shí)訓(xùn)時(shí)間：2.flash培訓(xùn)實(shí)訓(xùn)總結(jié)提要：這次實(shí)訓(xùn)過后，對flash有了基礎(chǔ)的了解，想在這方面學(xué)習(xí)的話有了初步的基礎(chǔ)，主要是學(xué)習(xí)了flash中各種工具的使用，1、確定動(dòng)畫劇本及分鏡頭；2、設(shè)計(jì)出不同字母間的完美轉(zhuǎn)換。、一、實(shí)訓(xùn)目地：讓我們更熟練的應(yīng)用flash制作動(dòng)圖二、實(shí)訓(xùn)項(xiàng)目不同字母間的形狀變換1、 先要確定使用的字母w o r l d2、 再給每個(gè)字母使用不同的顏色以及給它們變形3、 最后再給每個(gè)字母做不同的變換方式三、總結(jié)實(shí)訓(xùn)收獲:通過這次實(shí)訓(xùn)我更加鞏固了對flash的應(yīng)用，雖然這中間有很多失誤和很多不必要犯的錯(cuò)誤，但更多的是收獲，這次實(shí)訓(xùn)過后，對flash有了基礎(chǔ)的了解，想在這方面學(xué)習(xí)的話有了初步的基礎(chǔ)，主要是學(xué)習(xí)了flash中各種工具的使用，1、確定動(dòng)畫劇本及分鏡頭；2、設(shè)計(jì)出字母形狀；3、導(dǎo)入到flash進(jìn)行制作；4、剪輯配音。在分鏡頭畫面腳本繪制過程中，應(yīng)養(yǎng)成填表的好習(xí)慣，在表格中注明畫面的景別，畫面景別使用的專業(yè)術(shù)語有：大特寫、特寫、近景、中景、全景、遠(yuǎn)景、全遠(yuǎn)景、縱深景等。畫面鏡頭號(hào)景別秒數(shù)內(nèi)容摘要對白效果音樂。存在的問題及解決思路:這幾個(gè)星期我學(xué)習(xí)的flash大多是比較基礎(chǔ)的，F(xiàn)lash中字母刻畫不夠完善，很多動(dòng)作，變形都需要有一定的美術(shù)功底及Flash基礎(chǔ)，對于初學(xué)的我很困難，所以在此只做了一些簡單的變形。在Flash中的一些腳本語言初學(xué)時(shí)無從下手，只好從大量的視頻、書籍里尋找答案。4結(jié)束語為了對Flash的現(xiàn)況有更好的了解，主要是對于網(wǎng)上一些MV做了參考?，F(xiàn)在的FlashMV已經(jīng)逐漸成熟了。MV的制作從開始的大量使用位圖，轉(zhuǎn)換為矢量后讓它們移動(dòng)來制造動(dòng)畫效果，或者是一些簡單的閃入、閃出來豐富畫面，發(fā)展到現(xiàn)在的廣泛使用矢量圖甚至手工作圖，一些費(fèi)心思的逐幀動(dòng)畫讓我看到了Flash的日漸成熟；從以前的生硬呆板，發(fā)展到今天的生動(dòng)、逼真。Flash動(dòng)畫說到底就是“遮罩+補(bǔ)間動(dòng)畫+逐幀動(dòng)畫”與元件（主要是影片剪輯）的混