

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、<p> 《 web開發(fā)標(biāo)準(zhǔn) 》</p><p><b> 課程設(shè)計(jì)報(bào)告</b></p><p> 系別: 信息管理與工程系 </p><p> 專業(yè): 軟件技術(shù) </p><p> 課程設(shè)計(jì)題目:空間小窩</p><p> 指導(dǎo)教師:
2、 </p><p> 小組成員: </p><p> 2012 年 11 月 27 日</p><p><b> 目錄</b></p><p> 引言······
3、····················2</p><p> 系統(tǒng)分析············
4、············3 </p><p> 1、功能分析···················
5、;···········3</p><p> 2、模塊劃分····················
6、83;·········3</p><p> 3、詳細(xì)介紹及效果圖·····················
7、83;····4 </p><p> 4、設(shè)計(jì)特色···························
8、···12</p><p> 5、參考網(wǎng)站····························
9、83;·12</p><p> 總結(jié)··························13 </p><p> 1
10、、遇到的問題·····························13</p><p> 2、心得體會(huì)·
11、83;····························13</p><p> 3、期望···
12、183;····························14</p><p><b> 引言</b>&l
13、t;/p><p> 網(wǎng)站在現(xiàn)如今社會(huì)中,已是很普及的東西了。通過網(wǎng)站我們可以獲得更多的知識(shí)和能力。經(jīng)過本學(xué)期對(duì)web設(shè)計(jì)基礎(chǔ)這門課程的學(xué)習(xí),對(duì)網(wǎng)頁(yè)設(shè)計(jì)以及相關(guān)代碼的使用有了深入的了解,在學(xué)期末制作課程設(shè)計(jì)主題為個(gè)人網(wǎng)站的網(wǎng)頁(yè),對(duì)其設(shè)計(jì)并實(shí)現(xiàn)。</p><p> 本網(wǎng)站主要圍繞個(gè)人為中心展開,除了介紹一些本人的基本信息外,還包括音樂、日志、相冊(cè)、時(shí)光軸、視頻、留言等模塊.本網(wǎng)站內(nèi)容充實(shí), 在
14、設(shè)計(jì)上運(yùn)用了div+css布局 表格、表單、層、flash javascript特效(可以使網(wǎng)頁(yè)更加生動(dòng)美觀)、ajax、超鏈接等技術(shù)。分頁(yè)面上運(yùn)用了導(dǎo)航條。插入了動(dòng)態(tài)圖片以及視頻等給網(wǎng)增加了美觀度,在首頁(yè)的設(shè)計(jì)上本著簡(jiǎn)單易懂的原則,用戶只要點(diǎn)擊鏈接就能看到自己想看到的連接內(nèi)容。網(wǎng)站的頁(yè)面有些設(shè)置了背景音樂,使訪問者在瀏覽的同時(shí)還能欣賞到悠揚(yáng)的旋律。</p><p><b> 一、系統(tǒng)分析與設(shè)計(jì)&l
15、t;/b></p><p><b> 功能分析</b></p><p> 本課程設(shè)計(jì)為制作個(gè)人網(wǎng)站。個(gè)人網(wǎng)站是一個(gè)展示個(gè)人風(fēng)采的平臺(tái),個(gè)人網(wǎng)站的美觀與內(nèi)容同等重要。一個(gè)優(yōu)秀的個(gè)人網(wǎng)站應(yīng)該能夠吸引瀏覽者,結(jié)構(gòu)和內(nèi)容都要求合理,功能要求齊全。本網(wǎng)站頁(yè)面較為美觀,共有13個(gè)頁(yè)面,分為三級(jí)。通過一級(jí)頁(yè)面即首頁(yè)可以進(jìn)入到想要進(jìn)入的二級(jí)頁(yè)面。二級(jí)頁(yè)面為瀏覽者提供以下功能
16、:查看主人日志、音樂、相冊(cè)、主人的個(gè)人信息、心情說說、給主人留言等。還給用戶提供了登錄注冊(cè)頁(yè)面。三級(jí)頁(yè)為瀏覽者提供分享推薦日志和視頻功能。</p><p><b> 模塊劃分</b></p><p><b> 網(wǎng)站結(jié)構(gòu)如下:</b></p><p> 本網(wǎng)站共劃分我9個(gè)模塊,分別為:主頁(yè)、日志、相冊(cè)、音樂、心情、時(shí)
17、光軸、自我介紹(個(gè)人檔)、留言板、登錄注冊(cè)等模塊頁(yè)面。網(wǎng)站的結(jié)構(gòu)成樹形,一個(gè)模塊為一個(gè)網(wǎng)頁(yè),可通過超鏈接一一進(jìn)入每個(gè)頁(yè)面。</p><p> 3、詳細(xì)介紹及效果圖</p><p><b> 進(jìn)入動(dòng)畫</b></p><p> 此頁(yè)面是應(yīng)用了flash動(dòng)畫,下載的flash動(dòng)畫放在flash8里進(jìn)行修改,得到自己想要的效果,再對(duì)其進(jìn)行超鏈接
18、(在動(dòng)作面板里加入代碼:</p><p> on(release)</p><p> {getURL("zhuye.html","_self()")})</p><p><b> 主頁(yè)</b></p><p> 首頁(yè)風(fēng)格布局都比較簡(jiǎn)單,應(yīng)用到了div+css布局。采用盒子模
19、式,將頁(yè)面分為上下兩部分。先用fireworks做出需要的圖片,然后在box中插入圖片做背景,頁(yè)面的下部分為flash。Flash為自己制作的,主要應(yīng)用到按鈕元件。</p><p> 注冊(cè)此頁(yè)面應(yīng)用到了div+css布局、將頁(yè)面分為左中右三部分。先用fireworks做出需要的圖片,然后插入圖片做背景,利用JavaScript技術(shù)驗(yàn)證注冊(cè)。</p><p><b> 音樂&l
20、t;/b></p><p> 此頁(yè)面應(yīng)用到了div+css布局。將頁(yè)面分為上中下三部分,里面采用多個(gè)div標(biāo)簽,先用fireworks做出需要的圖片,然后在body中插入圖片做背景,導(dǎo)航為flash,flash為自己制作,主要應(yīng)用到按鈕元件,在相應(yīng)的div里加層并對(duì)其定位然后顯示隱藏層,此頁(yè)面添加了背景音樂。(未能實(shí)現(xiàn)在線聽歌)</p><p><b> 相冊(cè)</
21、b></p><p> 此網(wǎng)頁(yè)用div+css布局,先用fireworks做出需要的圖片,然后在插入圖片做背景,設(shè)置相應(yīng)樣式。在設(shè)計(jì)顯示隠藏,(對(duì)行為進(jìn)行設(shè)置)在對(duì)應(yīng)位置設(shè)置鏈接。</p><p><b> 時(shí)光軸</b></p><p> 此網(wǎng)頁(yè)應(yīng)用到了div+css布局。將頁(yè)面分為上中下三個(gè)大部分,再分為若干個(gè)小部分, 用f
22、ireworks做出需要的圖片,然后在插入圖片做背景,在相應(yīng)位置輸入文章標(biāo)題并設(shè)置鏈接。導(dǎo)航為flash,flash為自己制作,主要應(yīng)用到按鈕元件。</p><p><b> 視頻</b></p><p> 這兩個(gè)頁(yè)面做法簡(jiǎn)單,div布好局,把視頻格式轉(zhuǎn)換好,插入相應(yīng)位置即可。</p><p><b> 個(gè)人資料</b&g
23、t;</p><p> 此頁(yè)面布局簡(jiǎn)單,應(yīng)用到了div+css布局、先用fireworks做出需要的圖片,然后插入圖片做背景,導(dǎo)航為flash,flash為自己制作,主要應(yīng)用到按鈕元件。在相應(yīng)區(qū)域輸入對(duì)應(yīng)文字。</p><p><b> 留言板</b></p><p> 此頁(yè)面應(yīng)用到了div+css布局、flash等技術(shù)。將頁(yè)面分為上中下
24、三部分。做法簡(jiǎn)單</p><p><b> 心情說說</b></p><p> 本頁(yè)面比較簡(jiǎn)單,僅用到div+css布局和超鏈接。將頁(yè)面分為上中下三部分。用fireworks做出需要的圖片,然后插入圖片做背景。在相應(yīng)區(qū)域輸入對(duì)應(yīng)文字。</p><p><b> 日記</b></p><p>
25、 此頁(yè)面應(yīng)用到了div+css布局、將頁(yè)面分為上中下啊、三部分。先用fireworks做出需要的圖片,然后插入圖片做背景,再相應(yīng)的地方做相應(yīng)的鏈接。導(dǎo)航為flash,flash為自己制作,主要應(yīng)用到按鈕元件。</p><p><b> 日記</b></p><p> 此頁(yè)面做法簡(jiǎn)單,利用div+css布局,加入背景圖片,在相應(yīng)的文字區(qū)域添加文字,導(dǎo)航為flash,
26、flash為自己制作,主要應(yīng)用到按鈕元件。</p><p><b> 4、設(shè)計(jì)特色</b></p><p> 特色顧名思義就是要有自己的特色和別人與眾不同的,本網(wǎng)站完全為個(gè)人靈感,完全想象。本網(wǎng)站頁(yè)面較為美觀,風(fēng)格溫馨美好。頁(yè)面優(yōu)美可人,符合大數(shù)人個(gè)性特點(diǎn)。功能比較完善。</p><p><b> 5、參考網(wǎng)站</b>
27、;</p><p><b> ***</b></p><p><b> 總結(jié)</b></p><p><b> 1、遇到的問題</b></p><p> 在本網(wǎng)站的制作過程中遇到了不少問題,列舉如下:</p><p> <1>如何設(shè)
28、整個(gè)個(gè)人網(wǎng)站的背景音樂(最后只實(shí)現(xiàn)了每個(gè)頁(yè)面單獨(dú)的背景音樂)</p><p> <2>不知如何更好的利用JavaScript。</p><p> <3>在模板中插入層,層無法定位。(最后實(shí)現(xiàn)了)</p><p> <4>在制作flash導(dǎo)航添加鏈接。(最后實(shí)現(xiàn))</p><p> <5>
29、添加JavaScript播放器沒能實(shí)現(xiàn)。</p><p> 這些問題有些是通過查找資料,同學(xué)幫忙而實(shí)現(xiàn)了,還有的沒能實(shí)現(xiàn),希望在以后的學(xué)習(xí)中能一個(gè)個(gè)解決。</p><p><b> 2、心得體會(huì)</b></p><p> 剛開始要做這個(gè)課程設(shè)計(jì)時(shí),不知道要干嘛,沒有思路沒有一點(diǎn)概念一直沒有確定主題。最后就犯了個(gè)錯(cuò)誤沒有選好主題,導(dǎo)致最后的
30、網(wǎng)站沒有自己想象的那么完美大方,讓自己有點(diǎn)遺憾和失望,這個(gè)對(duì)我來說是個(gè)很好的教訓(xùn),以后一定要做好充分的準(zhǔn)備。</p><p> 我感覺要想做好一個(gè)網(wǎng)站必須得要有很好的思路再做好準(zhǔn)備工作,必須收集大量的資料,然后就是要對(duì)網(wǎng)站有計(jì)劃有想法,最后就是要耐心、認(rèn)真、信心,這樣才能做出優(yōu)秀的網(wǎng)站設(shè)計(jì)。</p><p> 就這次的課程設(shè)計(jì)我的心得體會(huì):</p><p>
31、很感謝這次課程設(shè)計(jì)讓我看到了自己獨(dú)立的一面,也讓我有了一次很好的鍛煉,不動(dòng)手就不知道自己能做的怎么樣,在這次設(shè)計(jì)中,我讓自己對(duì)網(wǎng)站的知識(shí)更加的富裕。以前知道的知識(shí)現(xiàn)在能更好的利用了,以前不知道的,我也通過查找資料,詢問同學(xué)讓自己知道,從而讓我擴(kuò)展了更多的知識(shí),這是值得高興的事,更加值得高興的是發(fā)現(xiàn)自己已經(jīng)不知不覺的喜歡上了這門課程,發(fā)現(xiàn)自己對(duì)開發(fā)網(wǎng)站很感興趣了,所以我這次課程設(shè)計(jì)是成功的,雖然做的不是很好但畢竟是第一個(gè)個(gè)人網(wǎng)站。相信在以
32、后的日子中我做的網(wǎng)站會(huì)越來越好的。我相信自己。在此我得感謝我的指導(dǎo)老師(崔新會(huì)老師)謝謝老師對(duì)我的指點(diǎn)與教育。謝謝老師!辛苦了!</p><p><b> 期望</b></p><p> 在這次課程設(shè)計(jì)中,對(duì)自己做的還是很多不足的地方,沒有自己想象的效果好,但是還是學(xué)到了很多知識(shí)擴(kuò)展了思路,以后我會(huì)更加的努力,在平時(shí)學(xué)習(xí)中不斷的積累經(jīng)驗(yàn),不斷的發(fā)現(xiàn)問題而從中得到更
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫(kù)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 網(wǎng)頁(yè)課程設(shè)計(jì)報(bào)告
- web網(wǎng)頁(yè)設(shè)計(jì)課程設(shè)計(jì)報(bào)告
- 網(wǎng)頁(yè)設(shè)計(jì)課程設(shè)計(jì)報(bào)告--網(wǎng)站設(shè)計(jì)報(bào)告
- 《個(gè)人網(wǎng)頁(yè)設(shè)計(jì)》課程設(shè)計(jì)報(bào)告
- 網(wǎng)頁(yè)制作課程設(shè)計(jì)報(bào)告
- 網(wǎng)頁(yè)制作課程設(shè)計(jì)報(bào)告總結(jié)
- 《個(gè)人網(wǎng)頁(yè)設(shè)計(jì)》課程設(shè)計(jì)報(bào)告(含源碼)
- 網(wǎng)頁(yè)設(shè)計(jì)課程設(shè)計(jì)報(bào)告---游戲類網(wǎng)站設(shè)計(jì)制作
- 網(wǎng)頁(yè)設(shè)計(jì)課程報(bào)告
- 動(dòng)態(tài)網(wǎng)頁(yè)課程設(shè)計(jì)
- jsp課程設(shè)計(jì)《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》
- 《網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制》課程設(shè)計(jì)
- 《網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作》課程設(shè)計(jì)
- 網(wǎng)頁(yè)編程課程設(shè)計(jì)評(píng)分表
- flash網(wǎng)頁(yè)多媒體課程設(shè)計(jì)
- 網(wǎng)頁(yè)瀏覽器--java課程設(shè)計(jì)
- java課程設(shè)計(jì)----課程設(shè)計(jì)報(bào)告
- fpga課程設(shè)計(jì)課程設(shè)計(jì)報(bào)告
- 網(wǎng)頁(yè)瀏覽器--java課程設(shè)計(jì)
- 網(wǎng)頁(yè)設(shè)計(jì)與制作課程設(shè)計(jì)---兒童網(wǎng)站設(shè)計(jì)
評(píng)論
0/150
提交評(píng)論