第一篇：網頁設計與制作期末設計報告
網頁設計與制作
---個人網站設計報告
指導老師：盛加林 學號：20082809 姓名：杜才偉 班級：信管0802
一． 概述
隨著網絡技術的迅速發展，網絡應用越來越趨于平凡化，無論是企業還是其他組織機構或者是個人，都希望利用計算機網絡技術開發對自己有價值的東西。關于個人網站，現在越來越多的人通過個人網站記錄自己的故事，與朋友分享生活的點滴，同時還可以通過個人網站廣交朋友。
本次的個人網站設計是網頁設計與制作的期末檢測，同時也是對自己學習的檢驗。本次設計運用平臺是windows，運用的工具是Macromedia Dreamweaver 8，主要語言是html語言和javascript，樣式設計采用的是css樣式。
在個人網站的設計中，我采用了通常iframe網頁框架，風格源于自己瀏覽其他網站的靈感，網頁flash的設計借鑒了網上優秀flash動畫，首頁還采用了網頁音樂播放器控件。照片的處理用到了photoshop和Macromedia Fireworks 8。
二． 設計結構圖
個人空間我們的故事
相冊關于我首頁 三． 設計主題
歲月如梭，年華似水。默默流逝的青春給我們每個人留下了不同的回憶，我的個人空間的設計主要是記錄大學生活。有學校的剪影，有寢室的合影??每一張記錄都是未來的我最美好的回憶。設計的主要以懷念為主題。曾經的那些花兒，曾經的那些故事都是生命里美的轉彎。
四． 模塊介紹
（一）、首頁介紹
首頁是個人網站的入口，大概的設計框架是頭是一個部分、頭以下分為左右兩個部分。頭部如下圖：
導航條：
導航條主要是“我們的故事”、“相冊”、“關于我”三個模塊的超鏈接點擊三個連接即可跳轉到不同頁面。頭部以下部分：
這部分的設計主要有圖片處理、文字從下往上滾動、音樂播放器、時鐘的設計、flash設計
(二)、我們的故事
我們的故事主要是文字描述，整體樣式如下：
這個部分主要是記錄一些故事，每一段故事中都會存在一些悲傷的插曲，背景漂浮的flash動畫加上背景音樂，還有略帶傷感的文字，整體呈現淡淡的傷感而又不失積極向上。
(三)、相冊 相冊主要是展示大學四年中的記錄，有關于學校的，有我們寢室的，有自己的：整天樣式如下圖：
相冊頁面上面是大學里照片的輪換，中間是自己處理后的照片，下面是文字大概描述照片的故事：
(四)、關于我 五． 主要設計
(一)、首頁主體框架