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

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