網(wǎng)頁(yè)設(shè)計(jì)報(bào)告封面.doc

亳州職業(yè)技術(shù)學(xué)院信息工程系網(wǎng)頁(yè)設(shè)計(jì)報(bào)告書(shū)2010/2011 學(xué)年第 1 學(xué)期 設(shè)計(jì)題目：悲傷定格 年級(jí)專(zhuān)業(yè):09計(jì)算機(jī)應(yīng)用2班 學(xué)生姓名：王勁 指導(dǎo)老師：張繼美個(gè)人主題網(wǎng)站設(shè)計(jì)報(bào)告制作人： 王勁 ，班級(jí)： 09計(jì)算機(jī)應(yīng)用二班 ，成績(jī)： 一、網(wǎng)站規(guī)劃1、需求分析：闡述為什么選擇該主題方向及實(shí)際意義等現(xiàn)在已經(jīng)是個(gè)新世紀(jì)，一切都是網(wǎng)絡(luò)化！人們足不出門(mén)就能知道很多事情！所以在網(wǎng)上有一個(gè)自己的個(gè)人網(wǎng)站是很有必要的，一是讓自己也成為新時(shí)期的人，不被淘汰！重要的是讓更多的人能了解自己！或許有合適的交個(gè)朋友，所以選擇了個(gè)人網(wǎng)站作為這次的主題。2、同類(lèi)主題網(wǎng)站的設(shè)計(jì)分析：在網(wǎng)絡(luò)上觀察了好多在個(gè)人網(wǎng)站中其實(shí)不拘束于什么形式，主要就是突出個(gè)性，要有點(diǎn)睛之處，布局方面可以隨意。3、網(wǎng)站的功能定位：全面的解析自己，生活，習(xí)慣，愛(ài)好等！使瀏覽者觀后能更加了解自己，也表現(xiàn)出自己的特色之處。二、總體設(shè)計(jì)1、欄目設(shè)計(jì)：經(jīng)過(guò)慎重考慮將網(wǎng)站分為五個(gè)方面分別是說(shuō)說(shuō)，相冊(cè)，文筆，個(gè)人簡(jiǎn)介，和愛(ài)好集！分別細(xì)致的解析讓更多的人了解！2、導(dǎo)航設(shè)計(jì)：本站導(dǎo)航是在整個(gè)網(wǎng)頁(yè)的左邊，使用框架把標(biāo)題和導(dǎo)航都定位在固定的位置上，而其他的鏈接則分別鏈接顯示在框架中！這樣增加了瀏覽者的速度了，也能提升整體的性能。3、總體風(fēng)格（布局，色彩搭配，色調(diào)，圖片風(fēng)格等）：總體風(fēng)格為暗黑色，烘托出一種傷感氣氛，加上傷感的背景音樂(lè)，更加的讓氣氛濃烈，整體使用框架來(lái)完成，簡(jiǎn)便設(shè)計(jì)！色調(diào)為傷感色，圖片風(fēng)格除自己拍攝外也是來(lái)自網(wǎng)絡(luò)傷感圖片。突出主題悲傷定格與我心永恒。4、首頁(yè)及內(nèi)頁(yè)布局設(shè)計(jì)：首頁(yè)分為上為標(biāo)題，左為導(dǎo)航右為主題顯示窗口。每個(gè)二級(jí)網(wǎng)頁(yè)均顯示在這個(gè)浮動(dòng)窗口中，框架的設(shè)計(jì)獨(dú)特在于此處。5、網(wǎng)頁(yè)間的鏈接關(guān)系：每個(gè)網(wǎng)頁(yè)都是可以相互進(jìn)入的，他們是互通的。每個(gè)二級(jí)頁(yè)面上方都有小導(dǎo)航，顯示當(dāng)前位置，這樣讓瀏覽者更加清晰。靈活的連接到各個(gè)頁(yè)面的轉(zhuǎn)換。三、任務(wù)分配組長(zhǎng)和組員每人負(fù)責(zé)哪部分工作，最好制作任務(wù)分配表。如果一人獨(dú)立完成，該部分可省略。四、技術(shù)方法本網(wǎng)站主要使用浮動(dòng)窗口來(lái)完成的，使用CSS進(jìn)行美化。使用PS進(jìn)行圖片的一些處理。運(yùn)用了一些小的腳本，添加透明FLASH。由于本站技術(shù)方面牽涉不是很多都是學(xué)過(guò)的，所以在技術(shù)方面存在一些什么障礙。但為了適應(yīng)以后的.NET開(kāi)發(fā)還應(yīng)多多實(shí)現(xiàn)動(dòng)態(tài)更新方面努力。五、總結(jié)總結(jié)個(gè)人的收獲和不足，團(tuán)體合作要注意的問(wèn)題，關(guān)鍵難題的解決等。個(gè)人總結(jié)在自己制作這個(gè)網(wǎng)頁(yè)之前，自己想了很久，確定不下來(lái)主題，最后還是明白自己最了解自己。最終確立以個(gè)人主頁(yè)為這次網(wǎng)頁(yè)制作的主題，來(lái)完成這次的網(wǎng)頁(yè)的制作與布局。在制作網(wǎng)頁(yè)的過(guò)程中，處處碰壁，又因我用的是框架來(lái)布局的，在網(wǎng)頁(yè)的邊緣老是出現(xiàn)間隙的問(wèn)題，在求教我的朋友和老師過(guò)程中慢慢的去克服困難，在網(wǎng)絡(luò)發(fā)達(dá)的當(dāng)今時(shí)代，網(wǎng)絡(luò)的資源很豐富，通過(guò)網(wǎng)絡(luò)獲得很多想不到的靈感與素材，但是我的個(gè)人主題完全是自己所想，包括里面的很多素材：文筆，相冊(cè)等都是出自自己的手中，很少借鑒網(wǎng)絡(luò)素材，但是網(wǎng)絡(luò)確實(shí)也幫了我很多。通過(guò)這次網(wǎng)頁(yè)制作，我真正明白什么事情都要自己去努力堅(jiān)持，所有的一切都是自己追求的目標(biāo)，在制作過(guò)程中，遇到的代碼出錯(cuò)，框架大小不一，鏈接的出錯(cuò)。它不是隨便的布局顏色的隨意，他有著嚴(yán)格的標(biāo)準(zhǔn)，例如一定要使用網(wǎng)頁(yè)安全色等!這些都是要注意的。在不斷的預(yù)覽檢測(cè)中去改正，慢慢的去習(xí)慣反復(fù)的去發(fā)現(xiàn)問(wèn)題改正問(wèn)題，在熬了幾個(gè)夜晚，制作出這個(gè)網(wǎng)頁(yè)，雖然簡(jiǎn)單了點(diǎn)，但是我覺(jué)得它是屬于自己的。在這大二的一學(xué)期里，我覺(jué)得專(zhuān)業(yè)課的重要，在專(zhuān)業(yè)課上我遇到很多困難，但是還是得去面對(duì)，通過(guò)這次實(shí)訓(xùn)，也可以說(shuō)是考試內(nèi)容，確實(shí)比較困難，可是最后我還完成了我的個(gè)人主頁(yè)網(wǎng)站作品，我自己的努力我自己的東西，雖然很多人的網(wǎng)頁(yè)風(fēng)格很美麗很好看，但是每個(gè)人的想法不一樣，我只想做自己的獨(dú)一無(wú)二。因?yàn)樽约旱南敕ú攀亲钫娴?。結(jié)束了這次的網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)。我學(xué)到了很多，在做學(xué)問(wèn)的同時(shí)，做人更重要。六、參考資源1、本站的一些傷感圖片來(lái)源于百度圖片，其他是本人自拍而來(lái)。2、主要技術(shù)參考為網(wǎng)絡(luò)查詢(xún)，視頻教程。3、在制作完成本站后才真正感覺(jué)到一個(gè)網(wǎng)站的不易，