動漫網(wǎng)頁設(shè)計(jì)說明書.doc

青島濱海學(xué)院 網(wǎng)頁課程設(shè)計(jì)網(wǎng)頁設(shè)計(jì)說明書姓 名： 蔣彬 學(xué) 號： 20121130114 班 級： 12軟件 指導(dǎo)教師： 張艷武 完成日期： 2014年1月5號 目錄1 需求分析- 3 -1.1 網(wǎng)頁設(shè)計(jì)技術(shù)- 3 -1.2 軟件環(huán)境- 3 -1.3 網(wǎng)站要求- 3 -2 網(wǎng)站創(chuàng)意與結(jié)構(gòu)- 3 -2.1 網(wǎng)站創(chuàng)意- 3 -2.2 網(wǎng)站結(jié)構(gòu)- 3 -3 個(gè)性化設(shè)計(jì)- 4 -3.1 主題- 4 -3.2 網(wǎng)頁布局- 4 -3.3 導(dǎo)航條- 4 -4 網(wǎng)站規(guī)劃- 5 -4.1 主頁規(guī)劃- 5 -4.2 副頁規(guī)劃- 6 -5 小結(jié)- 7 -5.1 分工說明- 7 -5.2 不足之處- 7 -5.3 改進(jìn)方法- 7 -參考文獻(xiàn)- 7 -1 需求分析1.1 網(wǎng)頁設(shè)計(jì)技術(shù)Dreamweaver：這是網(wǎng)頁三劍客之一，專門制作網(wǎng)頁的工具，可以自動將網(wǎng)頁生成代碼，界面簡單，實(shí)用功能比較強(qiáng)大。1.2 軟件環(huán)境網(wǎng)站是在筆記本W(wǎng)indwos7環(huán)境下用Dreamweaver和Photoshop等開發(fā)工具完成靜態(tài)網(wǎng)站的開發(fā)。1.3 網(wǎng)站要求風(fēng)格統(tǒng)一和諧的網(wǎng)頁，網(wǎng)頁操作合理、方便、友好 需要實(shí)現(xiàn)的功能和性能是：適當(dāng)運(yùn)用HTML語言和CSS樣式定義，并正確運(yùn)用多媒體信息，設(shè)計(jì)出風(fēng)格統(tǒng)一和諧的網(wǎng)頁；網(wǎng)站正常運(yùn)行，功能達(dá)到設(shè)計(jì)要求，風(fēng)格和諧統(tǒng)一，操作合理、方便、友好，界面具有美感或創(chuàng)意，還要符合網(wǎng)站管理的原則。2 網(wǎng)站創(chuàng)意與結(jié)構(gòu)2.1 網(wǎng)站創(chuàng)意此網(wǎng)站是基于網(wǎng)絡(luò)動漫創(chuàng)意，將許多如今網(wǎng)絡(luò)上紅火的動漫整理之后用Dreamweaver和Photoshop等開發(fā)工具制作成靜態(tài)網(wǎng)頁，以供其他人進(jìn)行熟悉瀏覽，也可加強(qiáng)動漫愛好者的交流。2.2 網(wǎng)站結(jié)構(gòu)網(wǎng)站首頁（zjdm.html）海賊王火影忍者死神妖精的尾巴全職獵人刀劍神域緣之空天使之羽惡魔奶爸導(dǎo)航進(jìn)擊的巨人銀魂名偵探柯南管家后宮學(xué)園美少女死神3 個(gè)性化設(shè)計(jì)3.1 主題本網(wǎng)站以當(dāng)下網(wǎng)絡(luò)紅火的動漫為題材，對多部動漫節(jié)進(jìn)行詳細(xì)的介紹，使瀏覽者可以很快的了解該動漫的內(nèi)容。3.2 網(wǎng)頁布局本網(wǎng)站采用了Dreamweaver中的CSS樣式進(jìn)行了主頁與副頁的排版，可以清晰明了的看到各方面的布局。3.3 導(dǎo)航條導(dǎo)航條采用了表格直接將所有內(nèi)容容納概括，方便瀏覽者直接進(jìn)入自己所希望了解或者喜歡的頁面進(jìn)行瀏覽。提高了效率。4 網(wǎng)站規(guī)劃4.1 主頁規(guī)劃主頁旨在簡介明了將內(nèi)容完美的呈獻(xiàn)給瀏覽者，因此將大部分的內(nèi)容隱藏，將精華部分內(nèi)容放置在導(dǎo)航之下以供瀏覽。4.2 副頁規(guī)劃副頁旨在詳細(xì)的介紹各個(gè)動漫的情況，并列出了各個(gè)動漫的排行順序以便瀏覽者依照順序?yàn)g覽網(wǎng)頁，節(jié)約了大量時(shí)間與精力。5 小結(jié)充分發(fā)揮動手能力。作為網(wǎng)頁設(shè)計(jì)的初學(xué)者，我對網(wǎng)頁設(shè)計(jì)非常感興趣，一心想設(shè)計(jì)出一個(gè)美觀、實(shí)用、內(nèi)容豐富的個(gè)人網(wǎng)頁。本學(xué)期的教改方案由以前學(xué)生單純接受知識變?yōu)橹鲃訁⑴c教學(xué)活動。在這樣的壓力和動力下，通過自己動手、動腦，通過網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問題和解決問題的過程中學(xué)到了很多知識，也增強(qiáng)了我的創(chuàng)作能力和動手能力，在網(wǎng)頁設(shè)計(jì)過程中，從構(gòu)思到設(shè)計(jì)、完善、維護(hù)，整個(gè)過程我都全身心投入，使我真正學(xué)到了網(wǎng)頁設(shè)計(jì)的知識。 在設(shè)計(jì)過程中不斷提高網(wǎng)頁設(shè)計(jì)水平。在本次網(wǎng)頁設(shè)計(jì)中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁設(shè)計(jì)方面的知識，也從中學(xué)會了關(guān)于網(wǎng)絡(luò)、編程等方面的知識。我運(yùn)用Dreamweaver、Photoshop等網(wǎng)軟件設(shè)計(jì)網(wǎng)頁，完善網(wǎng)頁。在這個(gè)過程中，我通過自學(xué)教材、上網(wǎng)查詢，學(xué)習(xí)了Dreamweaver、Photoshop等網(wǎng)頁軟件的應(yīng)用，學(xué)會了管理、維護(hù)自己的站點(diǎn)，以及一些簡單動畫、控件的制作等等。在設(shè)計(jì)過程中也出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教老師等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善。可以說在自己動手，不斷實(shí)踐的過程中，網(wǎng)頁設(shè)計(jì)水平得到了很大的提高。參考文獻(xiàn)此網(wǎng)站參考了（1）http:/w