網(wǎng)頁設(shè)計實訓(xùn)報告

1、網(wǎng)頁設(shè)計實訓(xùn)報告 網(wǎng)頁制定實訓(xùn)報告 福州軟件職業(yè)技術(shù)學(xué)院 實訓(xùn)報告 題目：動漫實訓(xùn)課程名稱：網(wǎng)頁制定系別：計算機系專業(yè)/班級：軟件技術(shù)4班年級：201*級學(xué)號：09013430姓名：游浠指導(dǎo)老師：黃偉雄 201*年7月9日 目錄 1實訓(xùn)目的.12實訓(xùn)內(nèi)容.13方案制定與實施步驟.1 3.1方案制定.13.2實施步驟.24實訓(xùn)中出現(xiàn)的問題、分析及解決方法.2 4.1問題.24.2分析.24.3解決方案.25實訓(xùn)作品展示.3 5.1首頁.35.2動漫分類頁面.35.3動漫介紹頁面.46實訓(xùn)總結(jié).4 1實訓(xùn)目的 1通過本次實訓(xùn)完成對所選課題的網(wǎng)頁制作，包括二級頁面和三級頁面，還要應(yīng)用一些網(wǎng)頁制作的基

2、本技巧。 2掌握布局技術(shù)，模版應(yīng)用，css樣式，超級鏈接。 3通過連續(xù)時間的實際操作，鞏固對網(wǎng)站的創(chuàng)建、網(wǎng)頁的策劃、制定與制作的理解，加深理解網(wǎng)站、網(wǎng)頁、制作的過程，理解團隊互助共同完成項目的協(xié)作精神。 2實訓(xùn)內(nèi)容 主要包括兩部分內(nèi)容：素材制作和網(wǎng)站制定制作。1網(wǎng)站主題要求 結(jié)合個人工作需要及興趣愛好，獨立完成主題的選擇。2網(wǎng)站內(nèi)容要求 網(wǎng)站不少于3層，頁面總數(shù)不少于8個；內(nèi)容和素材避免雷同。3制定制作要求 a網(wǎng)站主題鮮亮、內(nèi)容豐富、健康、高雅且欄目設(shè)置合理。網(wǎng)站中至少有三層，下一層必須有返回上層的按鈕或鏈接。包含10個以上的頁面； b網(wǎng)站中頁面色彩搭配合理，界面規(guī)劃合理,制定新穎、簡潔、美觀

3、、大方；c站內(nèi)頁面整體風格統(tǒng)一并使用css進行網(wǎng)頁中文字及鏈接樣式；d合理使用表格進行頁面排版，導(dǎo)航按鈕及網(wǎng)頁特效使用合理；e制定有合理的表單； f網(wǎng)頁中鏈接及圖片等路徑正確、網(wǎng)頁中文件命名規(guī)范； g內(nèi)容由自己充分發(fā)揮，不作任何約束，但網(wǎng)頁的信息量要大6種內(nèi)容以上，主題鮮亮； h作品不得抄襲。 3方案制定與實施步驟 3.1方案制定 首頁：把各種內(nèi)容都拿出一部分放在首頁，進行分類排放，這樣能讓瀏覽網(wǎng)站的人，以最快的速度了解這個網(wǎng)站所包涵的大部分內(nèi)容。并且在首頁插入一背景音樂音樂內(nèi)容與網(wǎng)站主題相關(guān)。使得網(wǎng)頁更加人性化。 其他頁面就是把主頁里面的內(nèi)容分塊，分細。讓有興趣的人能夠更深入的瀏覽到他們所想

4、要的東 西，其中包括:動漫分類，動漫簡介，動漫排行等 在網(wǎng)頁中還制定了一個投票區(qū)，為了更好的建設(shè)網(wǎng)站，需要各方面的資料，而這是一個好辦法。 3.2實施步驟 1.找好制作網(wǎng)頁所需要的所有圖片，文字及聲音資料2.在網(wǎng)絡(luò)中尋找一個與自己主題類似的網(wǎng)頁，以供與參照3.開始制作網(wǎng)頁 4.把制作好的網(wǎng)頁進行運行和調(diào)試、修改 4實訓(xùn)中出現(xiàn)的問題、分析及解決方法 4.1問題 1.在別人電腦上運行網(wǎng)頁時，發(fā)現(xiàn)圖片顯示不出來2.背景音樂沒有聲音 3.網(wǎng)頁制作中發(fā)現(xiàn)移動一些內(nèi)容，整體排版都發(fā)生問題 4.2分析 1.發(fā)現(xiàn)鏈接路徑出錯，在運行時采納了絕對路徑2.代碼錯誤 3.一個頁面一個表格，影響很大 4.3解決方案

5、1.把所有的圖片鏈接，網(wǎng)頁鏈接都改成相對路徑 2.參照書上代碼，發(fā)現(xiàn)代碼沒有寫在里面，著手修改代碼3.把頁面的排版分成多個表格，前后不互相影響 5實訓(xùn)作品展示 5.1首頁 5.2動漫分類頁面 5.3動漫介紹頁面 6實訓(xùn)總結(jié) 通過這次的實訓(xùn)，我了解到制作網(wǎng)頁并非一件簡單、容易的事情。一個好的網(wǎng)頁是必須包涵許多有趣而豐富的內(nèi)容，但又不能因為材料多而顯得網(wǎng)頁雜亂無章。所以關(guān)于制作網(wǎng)頁來說，如何排版，如何選材，如何維護都是需要用心制定的。在本次的實訓(xùn)過程中，我曾經(jīng)碰到了許多問題，但這些問題都在老師和同學(xué)的幫助下一一解決了。最后我終于完成了一份比較完善的網(wǎng)站。在這次的實訓(xùn)中我學(xué)習到了許多，也獲得了很多，我明白了學(xué)習這門課程的真正意義?；蛟S這次的實訓(xùn)作品不是最好的，但卻是我最用心的。我相信在將來的學(xué)習和生活中，我將更加努力的學(xué)習專業(yè)知識，懂得更多的技術(shù)，把網(wǎng)頁做的更好！ 擴大閱讀：個人網(wǎng)站實訓(xùn)制定報告 目錄 一、課程制定題目.1二、課程制定目的.1 2.1專業(yè)能力目的.1 2.1.1知識目的.12.1.2技能目的.122通用能力目的.2三、課程制定要求.2四、課程制定概述.3 4.1系統(tǒng)中使用的硬件環(huán)境和軟件環(huán)境.3 4.1.1硬件環(huán)境.34.1.2軟件環(huán)境.34.2對所開發(fā)系統(tǒng)的整體概述.44.3網(wǎng)站整體結(jié)構(gòu)圖.4五、課程制定任務(wù).5六、課程制定步驟.6 6.1網(wǎng)站需求分析.66.2網(wǎng)站