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