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