web網(wǎng)站設(shè)計(jì)實(shí)訓(xùn)報(bào)告(范文)1

《web網(wǎng)站設(shè)計(jì)實(shí)訓(xùn)報(bào)告(范文)1》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、附錄1：設(shè)計(jì)報(bào)告封面湖南婁底職業(yè)技術(shù)學(xué)院web網(wǎng)站設(shè)計(jì)課程設(shè)計(jì)報(bào)告?設(shè)計(jì)題目：系部：電子信息工程息專(zhuān)業(yè)：學(xué)生姓名：學(xué)號(hào):起迄日期：2010年12月20日~2010年12月25日指導(dǎo)教師：教研室主任：一.網(wǎng)站的需求分析對(duì)于個(gè)人網(wǎng)站而言，一個(gè)好的網(wǎng)頁(yè)會(huì)給人留下深刻的印象，那樣才會(huì)提高網(wǎng)站的知名度才會(huì)增加點(diǎn)擊率。如果通過(guò)網(wǎng)站管理系統(tǒng)工作，就可以拓開(kāi)以前傳統(tǒng)的宣傳思路，用戶(hù)可以通過(guò)上網(wǎng)就能達(dá)到找到所需要材料的目的，并且可以給管理員留言以反饋意見(jiàn)。二.系統(tǒng)實(shí)現(xiàn)所需要的軟件網(wǎng)頁(yè)編輯排版DreamweaverCS3、網(wǎng)頁(yè)圖像制作軟件PhotoCS2、網(wǎng)頁(yè)

2、動(dòng)畫(huà)制件軟件Flash、ACCESS數(shù)據(jù)庫(kù)、動(dòng)態(tài)網(wǎng)頁(yè)編程語(yǔ)言ASP三、網(wǎng)站設(shè)計(jì)的思路網(wǎng)站拓?fù)鋱D構(gòu)畫(huà)從開(kāi)始想創(chuàng)建網(wǎng)站到最后的個(gè)人網(wǎng)站的上傳發(fā)布是需要包含一個(gè)完整的工作流程。網(wǎng)站包括哪些欄目，采用什么樣的制作結(jié)構(gòu)，這些都是我們?cè)谥谱骶W(wǎng)站前首先要確定的，下面是我個(gè)人網(wǎng)站的結(jié)構(gòu)圖：四、系統(tǒng)功能模塊的實(shí)現(xiàn)過(guò)程個(gè)人網(wǎng)站實(shí)現(xiàn)了留言、文章、相冊(cè)、日志、注冊(cè)、鏈接、調(diào)查、后臺(tái)管理等諸多功能于一體的網(wǎng)站。本人經(jīng)過(guò)需求分析、和可行性的管理方式進(jìn)行了前臺(tái)設(shè)計(jì)與后臺(tái)管理。通過(guò)數(shù)據(jù)庫(kù)的創(chuàng)建與連接實(shí)現(xiàn)了人機(jī)交互功能。1個(gè)人首頁(yè)功能模塊功能的實(shí)現(xiàn)過(guò)程個(gè)人首頁(yè)主要放置主人的

3、最新動(dòng)態(tài)，導(dǎo)航條菜單包括首頁(yè)、個(gè)人簡(jiǎn)歷、個(gè)人相冊(cè)、文字拾掇、我的聊吧、給我留言、友情鏈接。給我留言，必須通過(guò)先登陸或先注冊(cè)才能進(jìn)行留言。底部插入個(gè)人網(wǎng)站的版權(quán)信息，同時(shí)也加入了聯(lián)系我們、后臺(tái)管理、首頁(yè)收藏、設(shè)為首頁(yè)、版權(quán)聲明。（1）.個(gè)人首頁(yè)導(dǎo)航功能實(shí)現(xiàn)介紹個(gè)人首頁(yè)導(dǎo)航有六個(gè)鏈接分別是：我的首頁(yè)、個(gè)人資料、我的日記、我的相冊(cè)、友情鏈接、留言板。它們都采用“行為”中“交換圖像”。如圖3-1所示。圖3-1首頁(yè)導(dǎo)航（2）.個(gè)人首頁(yè)公告欄功能實(shí)現(xiàn)過(guò)程公告欄的功能主要是對(duì)于瀏覽者現(xiàn)設(shè)計(jì)的。當(dāng)瀏覽者進(jìn)入首頁(yè)時(shí)就可以看到分告欄中的信息。主要用于提示和建議

4、如何進(jìn)行合法訪(fǎng)問(wèn)和主人的一些個(gè)人小要求。如圖3-2所示。圖3-2本站最新公告欄本站最新公告欄中的信息，當(dāng)鼠標(biāo)經(jīng)過(guò)時(shí)就停止，當(dāng)鼠標(biāo)移開(kāi)時(shí)又開(kāi)始流動(dòng)。其功能的實(shí)現(xiàn)主要是通過(guò)以下代碼：……（3）.留言板功能實(shí)現(xiàn)過(guò)程設(shè)計(jì)一個(gè)留言板作為和

5、瀏覽者交流的紐帶，這樣可隨時(shí)掌握瀏覽者的相關(guān)信息和最新動(dòng)態(tài)。瀏覽者通過(guò)留言后提交到后臺(tái)數(shù)據(jù)庫(kù)中，然后管理用戶(hù)可以通過(guò)后臺(tái)進(jìn)行對(duì)其留言的回復(fù)。留言薄的設(shè)計(jì)如圖3-4所示這樣就可以產(chǎn)生一個(gè)動(dòng)態(tài)的留言薄交互平臺(tái)。圖3-4留言薄發(fā)表頁(yè)面（4）.注冊(cè)功能模塊實(shí)現(xiàn)過(guò)程注冊(cè)頁(yè)面主要是對(duì)于沒(méi)有用戶(hù)名和帳號(hào)的瀏覽者要進(jìn)行留言時(shí)所設(shè)計(jì)的頁(yè)面。當(dāng)瀏覽者注冊(cè)后的信息將自動(dòng)提交到后臺(tái)數(shù)據(jù)庫(kù)中，以便下次要進(jìn)行留言。注冊(cè)頁(yè)面的設(shè)計(jì)如圖3-5所示。圖3-5注冊(cè)頁(yè)面2個(gè)人資料功能模塊的實(shí)現(xiàn)過(guò)程本模塊是個(gè)人資料部分，每個(gè)個(gè)人網(wǎng)站都會(huì)有作者介紹。塊分別是：個(gè)人簡(jiǎn)歷列信息顯示和個(gè)

6、。在這頁(yè)面主要的是靜態(tài)的頁(yè)面。在這個(gè)模塊訪(fǎng)客會(huì)了解到作者的一些基本信息，界面內(nèi)容如圖3-6所示。圖3-6個(gè)人簡(jiǎn)歷頁(yè)面3個(gè)人相冊(cè)功能模塊的實(shí)現(xiàn)過(guò)程本模塊是展示個(gè)人的相冊(cè)，主要是借鑒影集的制作來(lái)完成個(gè)人相冊(cè)的功能的實(shí)現(xiàn)。個(gè)人相冊(cè)進(jìn)行好歸類(lèi)后分成多個(gè)方面的相冊(cè)所以首先進(jìn)入是個(gè)人相冊(cè)的目錄。個(gè)人相冊(cè)主中，瀏覽者可以看到我“我的相冊(cè)”、“我的朋友”、“明星相冊(cè)”，的相關(guān)照片。在進(jìn)行相冊(cè)查看時(shí)瀏覽者通過(guò)鼠標(biāo)移動(dòng)方式來(lái)瀏覽圖片示在圖片,如下圖3-8所示。圖3-8個(gè)人相冊(cè)“面友情合影”頁(yè)4聊天室功能模塊的實(shí)現(xiàn)過(guò)程聊天室是一個(gè)交友與娛樂(lè)的場(chǎng)所。在聊天室里，可

7、以隨意發(fā)表，與大家進(jìn)行交流。目前聊天室已成為各網(wǎng)站一個(gè)標(biāo)準(zhǔn)服務(wù)，是吸引網(wǎng)民和提高人氣的一種重要方式。（1）聊天室的總體設(shè)計(jì)使用聊天室的必須過(guò)行登入才能進(jìn)入聊天室，但是對(duì)何種用戶(hù)沒(méi)有限制。聊天室室的主頁(yè)面是一個(gè)框架文件，它主要包括在線(xiàn)用戶(hù)統(tǒng)計(jì)頁(yè)面，用戶(hù)發(fā)表頁(yè)面和顯示頁(yè)面。聊天室的總體設(shè)計(jì)如圖3-16所示：聊天室聊天室主頁(yè)面用戶(hù)登陸在線(xiàn)用戶(hù)統(tǒng)計(jì)顯示發(fā)言頁(yè)面用戶(hù)發(fā)表頁(yè)面（2）具體頁(yè)面制作本系統(tǒng)共的五個(gè)文件構(gòu)成，分別如下：1.Global.asa功能：統(tǒng)計(jì)在線(xiàn)人數(shù)。2.進(jìn)入聊天室登錄頁(yè)面：Logion.asp功能：提供用戶(hù)注冊(cè)框提示：處理文件mai

8、n.asp表單提交方式：post相關(guān)文本域的名稱(chēng)：帳號(hào)：xm1密碼：mm具體設(shè)計(jì)界面如圖3-10所示。3.主菜單頁(yè)面：main.asp功能：判斷用戶(hù)輸入的帳號(hào)與密碼是否為空，則提