網(wǎng)頁(yè)設(shè)計(jì)綜合性實(shí)驗(yàn)報(bào)告

PAGE1-本科學(xué)生綜合性、設(shè)計(jì)性實(shí)驗(yàn)報(bào)告學(xué)號(hào)114100330姓名普長(zhǎng)貴學(xué)院信息學(xué)院專業(yè)教育技術(shù)學(xué)班級(jí)11D實(shí)驗(yàn)課程名稱網(wǎng)頁(yè)設(shè)計(jì)指導(dǎo)教師及職稱劉平（副教授）開課學(xué)期2012學(xué)期至2013學(xué)年下學(xué)期上課時(shí)間2013年3月4日云南師范大學(xué)教務(wù)處編印網(wǎng)站名稱：洛杉磯快船日期：20年6月16日~6月28日小組合作：是○否○小組成員：1、網(wǎng)站的類型與定位：（是什么類型的網(wǎng)站，將要解決什么問(wèn)題？）我的網(wǎng)站屬于體育競(jìng)技累網(wǎng)站。我做這個(gè)網(wǎng)站，在于介紹洛杉磯快船對(duì)，介紹球隊(duì)的歷史，球員及單賽季的賽程，通過(guò)新聞及簡(jiǎn)介，使熱愛(ài)籃球的人了解球隊(duì)的精彩，體驗(yàn)籃球競(jìng)技的精彩。2、設(shè)計(jì)目的：（主要發(fā)布什么信息，為用戶提供什么信息服務(wù)，能起到什么作用？）洛杉磯快船這個(gè)網(wǎng)站，主要發(fā)布的是洛杉磯快船的簡(jiǎn)介，歷史，球員，賽程，近期的比賽情況，及近期新聞，賽季球員的得分榜。為用戶提供了精彩的視頻集錦，球隊(duì)的全家福，球隊(duì)新聞，球隊(duì)的成長(zhǎng)歷史，現(xiàn)役球員的相關(guān)信息，及賽季的賽程等內(nèi)容，便于客戶查看了解。這樣布局，設(shè)計(jì)內(nèi)容首先通過(guò)視頻吸引喜歡熱愛(ài)籃球的客戶，然后進(jìn)一步為之提供各類有關(guān)快船的信息，達(dá)到介紹球隊(duì)，呈現(xiàn)球隊(duì)的沒(méi)的效果。3、闡述站點(diǎn)的主要頁(yè)面及其內(nèi)容：洛杉磯快船網(wǎng)站包含球隊(duì)主頁(yè)；球隊(duì)歷史；球隊(duì)成員；球隊(duì)賽程；搜索幾個(gè)頁(yè)面球隊(duì)的主頁(yè)包括：球隊(duì)的簡(jiǎn)介；球隊(duì)的精彩視頻，球隊(duì)的近期新聞；球隊(duì)的近期比賽情況；球隊(duì)的得分榜，及全家福等內(nèi)容呈現(xiàn)給客戶；球隊(duì)的歷史：介紹球隊(duì)從1970加入NBA以來(lái)的球隊(duì)隊(duì)徽比賽的戰(zhàn)況，籃球明星及主教練。球隊(duì)的成員：本頁(yè)面主要介紹的現(xiàn)役于快船的球員的10位球星圖及其中文信息，球齡，及相關(guān)的身份背景。球隊(duì)的賽程：介紹的是2012-2013賽季快船的賽程，包括時(shí)間，比賽對(duì)手，本場(chǎng)比賽的得分，籃板，助攻等最高的數(shù)據(jù)，為對(duì)手了解每場(chǎng)比賽做最好的準(zhǔn)備。4、網(wǎng)站功能設(shè)計(jì)方案：（圖示網(wǎng)站的各個(gè)功能模塊，并表示之間的聯(lián)系）導(dǎo)航欄：導(dǎo)航欄的主要功能在于連接主頁(yè)與球隊(duì)歷史，球隊(duì)成員，球隊(duì)賽程等幾個(gè)次網(wǎng)頁(yè)之間的關(guān)系，可以通過(guò)導(dǎo)航欄在四個(gè)網(wǎng)頁(yè)頁(yè)面之間相互轉(zhuǎn)換，來(lái)哦姐不同的內(nèi)容；球隊(duì)簡(jiǎn)介：主要在于介紹球隊(duì)的現(xiàn)有狀況，點(diǎn)擊頭可與球隊(duì)歷史連接，了解球隊(duì)的歷史球隊(duì)的精彩：主要在于為客戶觀看球隊(duì)的精彩表演，增加網(wǎng)頁(yè)的動(dòng)感；近期的新聞：目的在于呈現(xiàn)區(qū)隊(duì)最新的新聞，點(diǎn)擊與網(wǎng)絡(luò)連接，可查看相關(guān)的內(nèi)容近期賽況：介紹最近的一場(chǎng)比賽的比賽結(jié)果過(guò)球隊(duì)得分榜：呈現(xiàn)賽季球員的表現(xiàn)成績(jī)，表現(xiàn)出不同球員在球隊(duì)內(nèi)的不同作用一、網(wǎng)站（或站點(diǎn)）設(shè)計(jì)方案球隊(duì)歷史球隊(duì)成員球隊(duì)賽程球隊(duì)歷史球隊(duì)成員球隊(duì)賽程導(dǎo)航如下：球隊(duì)主頁(yè)球隊(duì)導(dǎo)航欄球隊(duì)簡(jiǎn)介球隊(duì)主頁(yè)球隊(duì)導(dǎo)航欄球隊(duì)簡(jiǎn)介球隊(duì)精彩集錦球隊(duì)近期新聞；近期賽況球隊(duì)得分榜個(gè)人檔自我介紹6、網(wǎng)站結(jié)構(gòu)設(shè)計(jì)方案：（用Dreamweaver站點(diǎn)結(jié)構(gòu)示意圖表示，適當(dāng)文字說(shuō)明）網(wǎng)頁(yè)頭網(wǎng)頁(yè)頭球隊(duì)主頁(yè)球隊(duì)歷史球隊(duì)成員球隊(duì)賽程球隊(duì)主頁(yè)球隊(duì)歷史球隊(duì)成員球隊(duì)賽程賽季得分榜賽季得分榜近期賽況球隊(duì)集錦版權(quán)所有近期新聞球隊(duì)簡(jiǎn)介球隊(duì)全家福7、制作技術(shù)：（包括：網(wǎng)頁(yè)及圖、文、聲、像、動(dòng)畫等媒體素材的制作技術(shù)）網(wǎng)頁(yè)開發(fā)軟件（dreamweaverCS5）（網(wǎng)頁(yè)div布局CSS樣式排版模板創(chuàng)建網(wǎng)頁(yè)浮動(dòng)框架網(wǎng)頁(yè)布局等技術(shù)手段）圖片處理軟件（photoshopCS5）動(dòng)畫處理軟件（flashCS4）視頻編輯軟件（premiereCS4）8、主要參考文獻(xiàn)：網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)與實(shí)訓(xùn)清華大學(xué)出版社吳代文著網(wǎng)頁(yè)編程基礎(chǔ)XHTML,CSS,JAVASCRIPT指導(dǎo)老師意見(jiàn)：指導(dǎo)老師：年月日二、設(shè)計(jì)與制作的多媒體課件作品分析報(bào)告1、網(wǎng)頁(yè)設(shè)計(jì)與制作所需的設(shè)備與軟件，以及站點(diǎn)和網(wǎng)頁(yè)的運(yùn)行環(huán)境：所需設(shè)備：電腦一臺(tái)，網(wǎng)頁(yè)開發(fā)軟件（dreamweaverCS5）圖片處理軟件（photoshopCS5）動(dòng)畫處理軟件（flashCS4）視頻編輯軟件（premiereCS4）運(yùn)行環(huán)境：IE瀏覽器網(wǎng)站的功能結(jié)構(gòu)：（用框圖表示，包括：主頁(yè)、導(dǎo)航欄、欄目頁(yè)、交互內(nèi)容等模版球隊(duì)得分榜球隊(duì)集錦近期賽況版權(quán)球隊(duì)簡(jiǎn)介近期新聞全家福球隊(duì)主頁(yè)球隊(duì)歷史球隊(duì)成員球隊(duì)賽程主題球隊(duì)得分榜球隊(duì)集錦近期賽況版權(quán)球隊(duì)簡(jiǎn)介近期新聞全家福球隊(duì)主頁(yè)球隊(duì)歷史球隊(duì)成員球隊(duì)賽程主題3、網(wǎng)站主要頁(yè)面結(jié)構(gòu)：4、設(shè)計(jì)總結(jié)1）、本網(wǎng)站（網(wǎng)頁(yè)）設(shè)計(jì)成敗之處及其原因分析：我的網(wǎng)站設(shè)計(jì)有不足之處，首先我的配色上不太合理，其二就是運(yùn)用了層的布局，沒(méi)有合理的對(duì)網(wǎng)頁(yè)進(jìn)行精確的定位等。2）、本設(shè)計(jì)中的關(guān)鍵環(huán)節(jié)及改進(jìn)措施：=1\*GB3①做好本網(wǎng)站（網(wǎng)頁(yè)）設(shè)計(jì)需要把握的關(guān)鍵環(huán)節(jié)：我認(rèn)為做好該網(wǎng)站的關(guān)鍵有首先是布局和導(dǎo)航的設(shè)計(jì)，其次是對(duì)網(wǎng)站的定位，本網(wǎng)站需要什么元素和呈現(xiàn)形式等等。=2\*GB3②若重新本網(wǎng)站（網(wǎng)頁(yè)）設(shè)計(jì)，應(yīng)如何改進(jìn)設(shè)計(jì)方案：首先將我的模板的排版改為Div排版，其次從新進(jìn)行布局使之布局更美觀，在進(jìn)行顏色的修訂，多參照優(yōu)秀網(wǎng)站的配色方法從新配色。我會(huì)通過(guò)PS處理每張?jiān)诰W(wǎng)站上用得到的圖片，把圖片的格式大小處理使之網(wǎng)頁(yè)加載的時(shí)候更快。內(nèi)容還很少，我會(huì)在其中的網(wǎng)頁(yè)上在添加一些內(nèi)容。望老師扶正指點(diǎn)。3）、對(duì)本網(wǎng)站（網(wǎng)頁(yè)）設(shè)計(jì)的自我評(píng)價(jià)：通過(guò)做一個(gè)