1、網(wǎng)頁(yè)設(shè)計(jì)說(shuō)明書(shū)姓 名： 蔣彬 學(xué) 號(hào)： 20121130114 班 級(jí)： 12軟件 指導(dǎo)教師： 張艷武 完成日期： 2014年1月5號(hào) 目錄1 需求分析- 3 -1.1 網(wǎng)頁(yè)設(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)頁(yè)布局- 4 -3.3 導(dǎo)航條- 4 -4 網(wǎng)站規(guī)劃- 5 -4.1 主頁(yè)規(guī)劃- 5 -4.2 副頁(yè)規(guī)劃- 6 -5 小結(jié)- 7 -5.1 分工說(shuō)明- 7 -5.2 不足之處- 7 -5.3 改進(jìn)方法- 7 -參考文獻(xiàn)-

2、 7 -1 需求分析1.1 網(wǎng)頁(yè)設(shè)計(jì)技術(shù)Dreamweaver：這是網(wǎng)頁(yè)三劍客之一，專門(mén)制作網(wǎng)頁(yè)的工具，可以自動(dòng)將網(wǎng)頁(yè)生成代碼，界面簡(jiǎn)單，實(shí)用功能比較強(qiáng)大。1.2 軟件環(huán)境網(wǎng)站是在筆記本W(wǎng)indwos7環(huán)境下用Dreamweaver和Photoshop等開(kāi)發(fā)工具完成靜態(tài)網(wǎng)站的開(kāi)發(fā)。1.3 網(wǎng)站要求風(fēng)格統(tǒng)一和諧的網(wǎng)頁(yè)，網(wǎng)頁(yè)操作合理、方便、友好 需要實(shí)現(xiàn)的功能和性能是：適當(dāng)運(yùn)用HTML語(yǔ)言和CSS樣式定義，并正確運(yùn)用多媒體信息，設(shè)計(jì)出風(fēng)格統(tǒng)一和諧的網(wǎng)頁(yè)；網(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)意

3、此網(wǎng)站是基于網(wǎng)絡(luò)動(dòng)漫創(chuàng)意，將許多如今網(wǎng)絡(luò)上紅火的動(dòng)漫整理之后用Dreamweaver和Photoshop等開(kāi)發(fā)工具制作成靜態(tài)網(wǎng)頁(yè)，以供其他人進(jìn)行熟悉瀏覽，也可加強(qiáng)動(dòng)漫愛(ài)好者的交流。2.2 網(wǎng)站結(jié)構(gòu)網(wǎng)站首頁(yè)（zjdm.html）海賊王火影忍者死神妖精的尾巴全職獵人刀劍神域緣之空天使之羽惡魔奶爸導(dǎo)航進(jìn)擊的巨人銀魂名偵探柯南管家后宮學(xué)園美少女死神3 個(gè)性化設(shè)計(jì)3.1 主題本網(wǎng)站以當(dāng)下網(wǎng)絡(luò)紅火的動(dòng)漫為題材，對(duì)多部動(dòng)漫節(jié)進(jìn)行詳細(xì)的介紹，使瀏覽者可以很快的了解該動(dòng)漫的內(nèi)容。3.2 網(wǎng)頁(yè)布局本網(wǎng)站采用了Dreamweaver中的CSS樣式進(jìn)行了主頁(yè)與副頁(yè)的排版，可以清晰明了的看到各方面的布局。3.3 導(dǎo)航條

4、導(dǎo)航條采用了表格直接將所有內(nèi)容容納概括，方便瀏覽者直接進(jìn)入自己所希望了解或者喜歡的頁(yè)面進(jìn)行瀏覽。提高了效率。4 網(wǎng)站規(guī)劃4.1 主頁(yè)規(guī)劃主頁(yè)旨在簡(jiǎn)介明了將內(nèi)容完美的呈獻(xiàn)給瀏覽者，因此將大部分的內(nèi)容隱藏，將精華部分內(nèi)容放置在導(dǎo)航之下以供瀏覽。4.2 副頁(yè)規(guī)劃副頁(yè)旨在詳細(xì)的介紹各個(gè)動(dòng)漫的情況，并列出了各個(gè)動(dòng)漫的排行順序以便瀏覽者依照順序?yàn)g覽網(wǎng)頁(yè)，節(jié)約了大量時(shí)間與精力。5 小結(jié)充分發(fā)揮動(dòng)手能力。作為網(wǎng)頁(yè)設(shè)計(jì)的初學(xué)者，我對(duì)網(wǎng)頁(yè)設(shè)計(jì)非常感興趣，一心想設(shè)計(jì)出一個(gè)美觀、實(shí)用、內(nèi)容豐富的個(gè)人網(wǎng)頁(yè)。本學(xué)期的教改方案由以前學(xué)生單純接受知識(shí)變?yōu)橹鲃?dòng)參與教學(xué)活動(dòng)。在這樣的壓力和動(dòng)力下，通過(guò)自己動(dòng)手、動(dòng)腦，通過(guò)網(wǎng)絡(luò)資源

5、，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問(wèn)題和解決問(wèn)題的過(guò)程中學(xué)到了很多知識(shí)，也增強(qiáng)了我的創(chuàng)作能力和動(dòng)手能力，在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，從構(gòu)思到設(shè)計(jì)、完善、維護(hù)，整個(gè)過(guò)程我都全身心投入，使我真正學(xué)到了網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)。 在設(shè)計(jì)過(guò)程中不斷提高網(wǎng)頁(yè)設(shè)計(jì)水平。在本次網(wǎng)頁(yè)設(shè)計(jì)中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)方面的知識(shí)，也從中學(xué)會(huì)了關(guān)于網(wǎng)絡(luò)、編程等方面的知識(shí)。我運(yùn)用Dreamweaver、Photoshop等網(wǎng)軟件設(shè)計(jì)網(wǎng)頁(yè)，完善網(wǎng)頁(yè)。在這個(gè)過(guò)程中，我通過(guò)自學(xué)教材、上網(wǎng)查詢，學(xué)習(xí)了Dreamweaver、Photoshop等網(wǎng)頁(yè)軟件的應(yīng)用，學(xué)會(huì)了管理、維護(hù)自己的站點(diǎn)，以及一些簡(jiǎn)單動(dòng)畫(huà)、控件的制作等等。在設(shè)計(jì)過(guò)程中也出現(xiàn)了很多的問(wèn)題，但通過(guò)看書(shū)，上網(wǎng)查詢，請(qǐng)教老師等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁(yè)不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f(shuō)在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設(shè)計(jì)水平得到了很大的提高。參考文獻(xiàn)此網(wǎng)站參考了（1）http:/www.zerodm.ne