資源描述：
《web網(wǎng)站設計實訓報告(范文)1.doc》由會員上傳分享，免費在線閱讀，更多相關內容在工程資料-天天文庫。
1、附錄1：設計報告封面湖南婁底職業(yè)技術學院web網(wǎng)站設計課程設計報告?設計題目：個人網(wǎng)站系部：電子信息工程息專業(yè)：網(wǎng)絡技術學生姓名：黃永鳳學號:9起迄日期：年月日~年月日指導教師：羅金鈴教研室主任：一.網(wǎng)站的需求分析對于個人網(wǎng)站而言，一個好的網(wǎng)頁會給人留下深刻的印象，那樣才會提高網(wǎng)站的知名度才會增加點擊率。如果通過網(wǎng)站管理系統(tǒng)工作，就可以拓開以前傳統(tǒng)的宣傳思路，用戶可以通過上網(wǎng)就能達到找到所需要材料的目的，并且可以給管理員留言以反饋意見。二.系統(tǒng)實現(xiàn)所需要的軟件網(wǎng)頁編輯排版DreamweaverCS3、網(wǎng)頁圖像制作軟件Pho
2、toCS2、網(wǎng)頁動畫制件軟件Flash、ACCESS數(shù)據(jù)庫、動態(tài)網(wǎng)頁編程語言ASP三、網(wǎng)站設計的思路網(wǎng)站拓撲圖構畫從開始想創(chuàng)建網(wǎng)站到最后的個人網(wǎng)站的上傳發(fā)布是需要包含一個完整的工作流程。網(wǎng)站包括哪些欄目，采用什么樣的制作結構，這些都是我們在制作網(wǎng)站前首先要確定的，下面是我個人網(wǎng)站的結構圖：四、系統(tǒng)功能模塊的實現(xiàn)過程個人網(wǎng)站實現(xiàn)了留言、文章、相冊、日志、注冊、鏈接、調查、后臺管理等諸多功能于一體的網(wǎng)站。本人經(jīng)過需求分析、和可行性的管理方式進行了前臺設計與后臺管理。通過數(shù)據(jù)庫的創(chuàng)建與連接實現(xiàn)了人機交互功能。1個人首頁功能模塊功
3、能的實現(xiàn)過程個人首頁主要放置主人的最新動態(tài)，導航條菜單包括首頁、個人簡歷、個人相冊、文字拾掇、我的聊吧、給我留言、友情鏈接。給我留言，必須通過先登陸或先注冊才能進行留言。底部插入個人網(wǎng)站的版權信息，同時也加入了聯(lián)系我們、后臺管理、首頁收藏、設為首頁、版權聲明。（1）.個人首頁導航功能實現(xiàn)介紹個人首頁導航有七個鏈接分別是：我的首頁、個人簡歷、個人相冊、文字拾掇、我的聊吧、給我留言、友情鏈接。它們都采用“行為”中“交換圖像”。如圖3-1所示。圖3-1首頁導航（2）.個人首頁公告欄功能實現(xiàn)過程公告欄的功能主要是對于瀏覽者現(xiàn)設計的
4、。當瀏覽者進入首頁時就可以看到分告欄中的信息。主要用于提示和建議如何進行合法訪問和主人的一些個人小要求。如圖3-2所示。圖3-2本站最新公告欄本站最新公告欄中的信息當鼠標經(jīng)過時就停止，當鼠標移開時又開始流動。其功能的實現(xiàn)主要是通過以下代碼：
5、……（3）.留言板功能實現(xiàn)過程設計一個留言板作為和瀏覽者交流的紐帶，這樣可隨時掌握瀏覽者的相關信息和最新動態(tài)。瀏覽者通過留言后提交到后臺數(shù)據(jù)庫中，然后管理用戶可以通過后臺進行對其留言的回復。留言薄的設計如圖3-4所示這樣就可以產(chǎn)生一個動態(tài)的留言薄交互平臺。圖3-4留言薄發(fā)表頁面（4）.注冊功能模塊實現(xiàn)過程注冊頁面主要是對于沒有用戶名和帳號的瀏覽者要進行留言時所設計的頁面。當瀏覽者注冊后的信息將自動提交到后臺數(shù)據(jù)庫中，以便下次要進行留言。注冊頁面的設計如圖3-5所示。圖3-5注冊頁面2個人簡介功
6、能模塊的實現(xiàn)過程本模塊是個人簡介部分，每個個人網(wǎng)站都會有作者介紹。在個人簡介中主要實現(xiàn)了兩個功能模塊分別是：個人簡歷列信息顯示和個人作品的展現(xiàn)。在這頁面主要的是靜態(tài)的頁面。只在個人簡歷頁面采用了熱點鏈接來進行到個人作品的跳轉。在這個模塊訪客會了解到作者的一些基本信息，界面內容如圖3-6所示。圖3-6個人簡歷頁面完成上述頁面后，單擊我的“作品展示”這時鏈接到我的個人作品頁面。這個頁面基本上是靜態(tài)的。主要放置了我的Photoshop作品和Flash作品等。在這個有限和空間里放置我的作品是不夠的。所以采用了用層和行為來進和作品的
7、交換顯示。界面的內容如圖3-7所示。圖3-7作品展示頁面3個人相冊功能模塊的實現(xiàn)過程本模塊是展示個人的相冊，主要是借鑒影集的制作來完成個人相冊的功能的實現(xiàn)。個人相冊進行好歸類后分成多個方面的相冊所以首先進入是個人相冊的目錄。個人相冊主中，瀏覽者可以看到我“求學生涯”、“友情合影”、“大學生活”、“歡樂之行”、“擁抱記憶”、“溫馨之家”，的相關照片。在進行相冊查看時瀏覽者通過單擊滾動中的小圖片然后在層中顯示在圖片,如下圖3-8所示。圖3-8個人相冊“面友情合影”頁個人相冊中的照片展示以單擊滾動中的小圖后在上方顯示相對應的大的
8、照片。此功能的實現(xiàn)是在上方繪制了層，添加了“顯示隱藏圖片”的行為。4聊天室功能模塊的實現(xiàn)過程聊天室是一個交友與娛樂的場所。在聊天室里，可以隨意發(fā)表，與大家進行交流。目前聊天室已成為各網(wǎng)站一個標準服務，是吸引網(wǎng)民和提高人氣的一種重要方式。（1）聊天室的總體設計使用聊天室的必須過行登入才能進入聊天室，但是對
