迎新網(wǎng)網(wǎng)站設(shè)計(jì)與制作說(shuō)明書(shū)全體--記得加上個(gè)人總結(jié)

1、網(wǎng)絡(luò)課程設(shè)計(jì)與開(kāi)發(fā)實(shí)驗(yàn)報(bào)告網(wǎng)站主題：迎新網(wǎng)小組成員：楊吉祥（組長(zhǎng)） ，顧鵬程，易田，王銳，陳燦堅(jiān)，高理網(wǎng)站管理系統(tǒng)：夏日CMS后臺(tái)管理系統(tǒng)、Discuz!論壇內(nèi)容管理系統(tǒng) 1 前言隨著現(xiàn)代科學(xué)技術(shù)的飛速發(fā)展， 網(wǎng)站的應(yīng)用的越來(lái)越來(lái)廣泛， 受到各行各業(yè) 越來(lái)越多的青睞。網(wǎng)站作為一種教學(xué)媒介，具有眾多優(yōu)勢(shì)： 1）比較適合個(gè)別學(xué) 習(xí)，不同學(xué)習(xí)者可以根據(jù)自己的學(xué)習(xí)興趣和學(xué)習(xí)時(shí)間合理安排學(xué)習(xí)進(jìn)度； 2）內(nèi) 容豐富，一個(gè)小型專題網(wǎng)站也可以涵蓋幾乎關(guān)于專題的所有內(nèi)容， 省去學(xué)生自己 去查找資料的時(shí)間，提高了學(xué)習(xí)效率； 3）交互性強(qiáng)，留言版塊設(shè)計(jì)可以讓師生 實(shí)現(xiàn)在線對(duì)話； 4）克服了時(shí)空的局限性，不同地域的學(xué)

2、習(xí)者可以在網(wǎng)上進(jìn)行學(xué) 習(xí)。本學(xué)期我們學(xué)習(xí)了 網(wǎng)絡(luò)課程設(shè)計(jì)與開(kāi)發(fā) 這門課，對(duì)網(wǎng)站的開(kāi)發(fā)有所了解， 并根據(jù)老師的要求，進(jìn)行本次網(wǎng)站開(kāi)發(fā)設(shè)計(jì)實(shí)驗(yàn)。選定主題我們小組本次實(shí)驗(yàn)選擇的主題是： 迎新網(wǎng)。我們?cè)趧倓側(cè)雽W(xué)時(shí)因?yàn)椴皇煜W(xué) 校情況而四處碰壁， 卻苦于找不到一個(gè)實(shí)用信息庫(kù)和交流平臺(tái)。 我們發(fā)現(xiàn)， 每到 新學(xué)期，貼吧里、 新生群里到處都是新生問(wèn)的各種問(wèn)題。 但是很多新生在這些平 臺(tái)上找不到想要的答案， 有的新生面對(duì)不同的答案難以抉擇， 也有的新生會(huì)問(wèn)一 些常識(shí)性的問(wèn)題讓回答者失去耐心?？傊N吧和 QC群甚至是學(xué)校的官方網(wǎng)站 都沒(méi)有一個(gè)集系統(tǒng)性、實(shí)用性、及時(shí)性、準(zhǔn)確性、美觀簡(jiǎn)潔于一身的平臺(tái)。我們 小組致

3、力于打造一個(gè)專門們?yōu)樾律ǖ募粋€(gè)集系統(tǒng)性、 實(shí)用性、及時(shí)性、準(zhǔn) 確性、美觀簡(jiǎn)潔于一身的民間平臺(tái)，為新生量身定做一個(gè)智慧背囊。網(wǎng)站適用人群分析 我們的適用人群為剛剛進(jìn)入武漢理工大學(xué)的新生以及熱心于幫助新生的老 生?！坝戮W(wǎng)”，顧名思義， 專門致力于幫助新生解決在入學(xué)過(guò)程和成長(zhǎng)歷程中遇 到的問(wèn)題并提醒新生一些重要的注意事項(xiàng)。 我們的整個(gè)網(wǎng)站的所有細(xì)節(jié)都是基于 新生的需求，因而適用于新生。而在論壇模塊，老生可以與新生交流，針對(duì)性地回答新生的問(wèn)題。在二手市場(chǎng)模塊，老生也可以分享自己的閑置物品。網(wǎng)站開(kāi)發(fā)設(shè)計(jì)工具(1) Appserv :包含 Apache、php 和 mysql 等必備軟件。( 2)

4、 Discuz ?。荷鐓^(qū)論壇軟件系統(tǒng)。(3)夏日CMSB臺(tái)管理系統(tǒng)。(3) Photoshop:主要用于網(wǎng)站頁(yè)面的設(shè)計(jì)，美工和切圖。(4) Dreamweaver主要是用于網(wǎng)站頁(yè)面編程、修改。小組成員分工本小組成員有：楊吉祥(組長(zhǎng)) ，顧鵬程，易田，王銳，陳燦堅(jiān)，高理 根據(jù)前期的討論以及每個(gè)成員本身的特點(diǎn)，我們的分工如下： 指揮協(xié)調(diào)：楊吉祥頁(yè)面美工：易田、王銳 靜態(tài)頁(yè)面編寫：顧鵬程、陳燦堅(jiān) 動(dòng)態(tài)頁(yè)面編寫 : 楊吉祥 資料收集：全體成員 資料整理和策劃：高理2 網(wǎng)站的開(kāi)發(fā)設(shè)計(jì)PHP 環(huán)境配置1. 采用的組合： 操作系統(tǒng)： Windows 服務(wù)器： Apache 腳本語(yǔ)言： php數(shù)據(jù)庫(kù)： mys

5、ql2. Windows 下安裝方式(幾種選擇) Appserv phpStudy Wamp Xmapp 我們這里采用 Appserv 來(lái)安裝到Appserv的官網(wǎng)上下載版本雙擊運(yùn)行文件點(diǎn)擊Next，在點(diǎn)擊“ I agree ”出現(xiàn)以下對(duì)話框。選擇安裝路徑，點(diǎn)擊下一步勾選所有選項(xiàng) , 點(diǎn)擊下一步先后根據(jù)自身情況填寫如下內(nèi)容完成安裝 . 查看安裝目錄，會(huì)有以下文件熟悉網(wǎng)站管理系統(tǒng)的基本操作熟悉主頁(yè)面主頁(yè)面分首頁(yè)、全局、界面、內(nèi)容、用戶、門戶、論壇、群主、防灌水、運(yùn)營(yíng)、 應(yīng)用、工具、站長(zhǎng)、ucenter幾部分B舉呂百Hit冊(cè) Di時(shí)E程常有轎耐崑肅擊奧陀產(chǎn)待h奇E界ffii內(nèi)岳 用戶 門戶 請(qǐng)?jiān)?

6、箭刖 隨潘木 注祎 馬用 工貝 站純 疋曲曰| 肺*交養(yǎng)女IV哉浜殲工大亍蜩網(wǎng)謁皆版首沖中心芟全握平擱軸群云甲岔界面 肖帖宜豪劇滾卒*罰値他詡suit恤M的酎畑ftinuicoastiH坦三乜出飪仃地ilb訂旬Jicuzj官匕5閔丘、妥據(jù).唱-豈3苗刃由于我們的迎新網(wǎng)的后臺(tái)只需要用到用戶，界面，全局，論壇幾部分，所以這里 主要是熟悉這幾個(gè)版塊的基本操作。(1)全局頁(yè)面，選中全局頁(yè)面的站點(diǎn)信息，出現(xiàn)如下界面，在站點(diǎn)名稱中輸入網(wǎng)站的站點(diǎn)，在網(wǎng)站名稱中輸入本網(wǎng)站的網(wǎng)站名稱，在網(wǎng)站URL中輸入網(wǎng)返斯k兀格管圧站的URL地址，管理者郵箱中輸入管理者的郵箱地址。(2)界面版塊，選中導(dǎo)航設(shè)置，出現(xiàn)如下界面，

7、在這里，你可以設(shè)置你的主導(dǎo)航，頂部導(dǎo)航，底部導(dǎo)航，快捷導(dǎo)航和家園導(dǎo)航。按照你的導(dǎo)航順序，可以分別 添加網(wǎng)站的導(dǎo)航，并選擇二級(jí)導(dǎo)航的樣式為菜單導(dǎo)航，鏈接框里輸入該導(dǎo)航頁(yè)面的URL地址即可。并設(shè)定首頁(yè)，可用處全部設(shè)定為可用-.1=1 Fr -MM pr !-T7 例百用戶滬述 ft細(xì) 貓潘木 奩百 痔用 工貝 詰代urwrtcH-i mu二壑叮1U1成9白白昌兩廠Q.hBil 押對(duì)匸 +k j護(hù)豈円Q:栄沁鉗*自誠(chéng)|30幀昕 ”自:謔兇0|4|理二昨I-.畀711理口柑自左理Q宙：1昨U *r.-.Tiii44t|&1 范早樣式-MF次冋自定決Og1lorijrn.phprt|動(dòng)Izfm；毘千忡叵

8、V自宦義O(3)用戶版塊。用戶版塊的主要功能有：用戶管理，添加用戶，用戶欄目，資料統(tǒng)計(jì),發(fā)送通知，發(fā)送手機(jī)通知，用戶標(biāo)簽，禁止用戶，禁止IP，積分獎(jiǎng)懲,審核用戶，管理組，用戶組，推薦關(guān)注，推薦好友，資料審核，認(rèn)證設(shè)置。其中，我們最常使用的功能有用戶管理、添加用戶、審核用戶，下面是點(diǎn)擊添加用戶后扥頁(yè)面，主要是輸入用戶名，輸入密碼，輸入E-MAIL和選擇用戶組。完 成后，點(diǎn)擊提父，就完成添加版塊的順序和版塊的名稱可以設(shè)定桂巧穆示.-Ja屢在理工丸(5)然后是網(wǎng)站管理系統(tǒng)的申請(qǐng)成為用戶的操作。打開(kāi)管理中心的用戶申請(qǐng)界 面如下，輸入已經(jīng)經(jīng)過(guò)用戶名和密碼，設(shè)置提問(wèn)和回答，然后提交等待審核，審 核成功后，

9、就可以成為網(wǎng)站后臺(tái)管理系統(tǒng)的用戶，對(duì)網(wǎng)站進(jìn)行管理。Discuz!管理中心Discuz慕腌訊質(zhì)下匚omsenz-i；司持出的以科17牌E啲專業(yè)建站平臺(tái)耕曬站實(shí)硼站式戶務(wù)亠用尸名；|admin巒爲(wèi)： .-：72- q ttp-jSt,nirSt丸It*.科ZU* JI工筑克，里建現(xiàn)曲高枕*申墳聲賣；S七離走進(jìn)理工頻道頁(yè)教師推薦版塊，版塊的首部和底部與首頁(yè)一樣，主體部分分為上下兩塊。上 面版塊為選修課按評(píng)分排名前的推薦教師，也可以點(diǎn)擊查看排行榜看教師排行, 或者點(diǎn)擊我要評(píng)教對(duì)自己想評(píng)價(jià)的老師進(jìn)行評(píng)價(jià)。下面版塊為課程的分類。f1 口9匸出事“ |S-bS JI OlVs卻曲補(bǔ)豐載朽巧財(cái)教師推薦頻道頁(yè)交

10、流天地版塊的首部和底部與首頁(yè)一樣，只是登錄不是為字，而是直接的登 錄框。主體部分為按類別分的帖子，也可以搜索相關(guān)的經(jīng)驗(yàn)貼，或者回復(fù)他人的 帖子進(jìn)行交流。1.-交浚天地IMAMMS rl： # I KB： 1*49丄人WHI! 電無(wú)麗界三茨址擊砸黜in1.22如未iT Hh占應(yīng)可三IT交流天地二手市場(chǎng)版塊的首部和底部與首頁(yè)一樣，中間為搜索框和商品分類和滾動(dòng)欄 下面部分為最新發(fā)布的商品信息。UL新網(wǎng)www weluvLW E入學(xué)注知jfc趕屋工理工取庫(kù)至邑日尸立&天;E二手幣廉BailVh-r即面惜蔚Jit?二釋打各腳王二1喟牛誓4*赳45、糞 iW ?二手市場(chǎng)再下面是三級(jí)頁(yè)面。三級(jí)頁(yè)面主要是教師

11、推薦版塊的頁(yè)面教師分類版塊的頁(yè)面，首部和底部和首頁(yè)一樣，主體部分只要是快速搜索框,左邊是教師的類別，右邊是課程教師信息。學(xué)習(xí)指導(dǎo)人文社科科技文化藝術(shù)拓展an煙1*Q F1*!同二崗嗣謖計(jì)fl-JM產(chǎn)-好室民葉定i十老矗蘇制同一理1.唧土&曠審老砂土?xí)蟜Wfliftit處謬慮褂計(jì)同二饒寧吟甘宰嗣視計(jì)用二X.&片室教師分類教師排行版塊的首部和底部與上一樣，左邊是教師的分類，右邊是排行榜,排行有綜合排行、給分高低排行和課堂效果排行，點(diǎn)擊就可查看排行榜綜合排廳蛤分高低課堂散果MSSISP夬1艷課程：帝觀鑒堂初*s導(dǎo)H劉艷課程：紳I靈WWW*#人文文B貞1艷課程；影視墜宸F対艷課程：仙捲堂* 0jft勰

12、：斃視筆窘拓矗0卜劉艷莖程戰(zhàn)輒鑒皇教師排行教師信息版塊的首部和底部與上一樣，主體部分為，教師的課程簡(jiǎn)單信息,辛11空中七隈土斗# 一 瓷if旦.1*1命恥怕:也就三一前Ed 卻=衛(wèi)壬曲字題創(chuàng)駐舀弘-14竝上啟學(xué)U*iUtVE!l栄刻T趴tL7iflS.VWEHA H：于*心彈J 從溝啪肌1隘Kb S=-3I?71IbXQ-.S-心Hi叩阿告載嘰儲(chǔ)：ll3InEf&r 務(wù)屆i|j麗3EfiT；2d：fl-l：l-Ofi 17kM：2走帀冃帕，旦心坪！二弭虧回55：:帚占曲主5）監(jiān)4斗：竜卻麗示拜豈詼?zhǔn)挝鳌臼赘旧弦回暋繃樢粏獭课负齁S：卿理丁 tTS |秤對(duì)卜尺弓已|疑韋展 現(xiàn)工=研.1- f

13、c-f-.l: i 出01. cfctf 阿尺i 5O3td U5KJ PHP EWfeqSKni EpsqlP |*般!沖囲14 XI AN OipHi J* fqhf hh irm “0 ItMJilFAdnri 櫛5 flipM/AdrinE空Eiilgn 月厲吉 jrrangf ( twnmC |l ppiiphMvAdmfn Hme ptipMAcmin nd耐荷曲州曲si p Bn； r H- 口raftwb wwn 町函即#酬譚Tb護(hù)i- JR小 FEKHQrrrtM-陰惜3L亨甘X UTT-I 4心 MV|13隣4d逼累我對(duì)urt_urtodB_H 引V屆僧=牛訶制!1階K4“

14、 tit耳卡內(nèi)Qtfl運(yùn)磚怙耆1 B霍創(chuàng)込審*城圭也憎片隨0) loragr rgrw0看U障fr梟tA hrwl無(wú)It適(Dimport ”選項(xiàng)(2) 在創(chuàng)建一個(gè)新的數(shù)據(jù)庫(kù)下面找到導(dǎo)入=r F=jf -f-! W1! 2%) fpr-i心時(shí)崖一個(gè)新的數(shù)矗陣顯不MySQL的運(yùn)行信息 團(tuán)顯MySQL的系統(tǒng)變量 智i井程團(tuán)至捋集和整理80 Storage Engineslb Reload priv.：已g已目煙權(quán)限障數(shù)提庫(kù)希辱出(3) 點(diǎn)擊IMPORT出現(xiàn)以下頁(yè)面，點(diǎn)擊選擇文件，找到事先放好的數(shù)據(jù)庫(kù)文件 的.sql文件導(dǎo)入，然后點(diǎn)擊執(zhí)行即可import-Hen input丁*卞尹簫秤聊嘔靜*硒曲樣

15、*卞育.才騎換|乩亠廟匸XMffVMtE |憬尢悶0 81.測(cè)昭丁件和卞號(hào)；-jit： ；fmp5)t - Rhqi frim grr ij-Farmat at impnrtKl fiie: SQL-SQL apbcnsSQL 匚 Q；J血 1 ide北NONEvl(4) 然后在如下的畫面中進(jìn)行數(shù)據(jù)管理工作lacaihoii dituz醪音10aSS尢小事金tdinincip crwiu司 宵拿常*DM -12Muiie qi_citOhidrninp gioupS CSEQn X5訶g#唱ML口2-i hE prt.conirwn .ddml ncy= 匱T XDM/i SAM舒電1副_ 口

16、1.0PFe_D：i| 1 n|!l_ddnil | 甘IkJK x0M/iSWlUHLMMnLdMKB| pre_comrMin_3idiTii nq3_se-59 tan蘭 嗟聞妾n x1uH0_geriEfSl_a2 0hpre L-ommoffi adminrciip君 嗟御莊rs x7IMSvWuJj0_gerErs _2 SKBpn? rommofi adminnale周 唐=券p 0M1.0 kb pre crwfi gdwrti&snwnl冃匱Di-tiS aersraLaI Q KB pF0-CMVirtatirkld,nt&Cini3nlOZIJfi(CHTlY jS7-r

17、 x0仲IS城10 KBpre_comnwin_M n n M二 窗El詳 tv xDintswUTi0_jeneracalOkEI|_| pre_tomnMM_bi&r.k國(guó) 曜岡ft x2財(cái)抻冊(cè)|/日_9吏忡丄柑_口S KBpre_ Eommom _faH ktavunJB庭餌.尹自xD尊廣疊r玄1.0 b.jdpre_ 匚mnwiiIrfDckxrtjeni- 麼IT X0U.腑城1Lll8_gerEra：La1.0 hE pro comrwn block iiQin 社dtam 匣-拳M XDM dSAM1.0 WB3實(shí)驗(yàn)過(guò)程中遇到的問(wèn)題及解決方法在整個(gè)實(shí)驗(yàn)過(guò)程中，我們小組遇到了很多問(wèn)

18、題，在老師、同學(xué)以及小組成員 的齊心幫助下都得到圓滿解決。實(shí)驗(yàn)過(guò)程中遇到的問(wèn)題（1）如何體現(xiàn)與其他迎新網(wǎng)的差異；（2）任務(wù)時(shí)間安排不合理；（3）組員會(huì)編程的不多；（4）后臺(tái)的實(shí)現(xiàn)困難；網(wǎng)站內(nèi)容版塊過(guò)多，由于時(shí)間問(wèn)題導(dǎo)致能實(shí)現(xiàn)的功能模塊不健全；（6）要實(shí)現(xiàn)動(dòng)態(tài)查詢困難。問(wèn)題解決的方法（1）如何體現(xiàn)與其他迎新網(wǎng)的差異；推出我們網(wǎng)站的特色版塊，區(qū)別其他迎新網(wǎng)。我們的迎新網(wǎng)以學(xué)生為中心，致力于打造一個(gè)能讓理工大學(xué)新生快速成長(zhǎng)為一個(gè)合格的wuter的平臺(tái)，特色版塊有理工攻略（主要提供出游信息）、教師推 薦（公選課教師推薦，并可評(píng)分）、二手市場(chǎng)（提供二手物品售賣信息），相比學(xué) 校官方的迎新網(wǎng)，我們更加接地

19、氣，更多地站在學(xué)生的角度考慮問(wèn)題。 最重要的 是，我們的網(wǎng)站簡(jiǎn)潔明了，比同類的其他網(wǎng)站，使用時(shí)更方便，可讀性強(qiáng)。（2）任務(wù)時(shí)間安排不合理；因?yàn)槭堑谝淮巫鼍W(wǎng)站， 具體流程不太清楚， 造成時(shí)間安排方面可能不盡合理， 針對(duì)這個(gè)問(wèn)題， 我們采取的方法是繼續(xù)查閱資料， 進(jìn)一步了解建站流程及合理的 時(shí)間安排， 在操作過(guò)程中結(jié)合實(shí)際進(jìn)行完善。 而且由于分工時(shí)對(duì)大家的能力都不 太清楚，造成在做的時(shí)候效率不高的問(wèn)題， 于是便小組聚集在一起， 一起討論著 做，效力提高很多。（3）組員會(huì)編程的不多； 這個(gè)問(wèn)題是我們小組最大的問(wèn)題，因?yàn)椴粫?huì)編程進(jìn)行代碼實(shí)現(xiàn)，再好的網(wǎng)站 也不可能做出來(lái)。 針對(duì)我組成員編程水平不高的問(wèn)題

20、， 我們商討后決定指定兩名 據(jù)有一定編程水平的同學(xué)繼續(xù)深入學(xué)習(xí)， 主擔(dān)程序編寫事宜。 其他成員輔助進(jìn)行 做好其他事宜。（4）后臺(tái)的實(shí)現(xiàn)困難 由于我們對(duì)后臺(tái)語(yǔ)言還一無(wú)所知，所以學(xué)習(xí)是不可能了，在這種情況下，我 們只能盡量把靜態(tài)頁(yè)面編寫好， 以形成我們的競(jìng)爭(zhēng)優(yōu)勢(shì)， 而且我們也找了一些開(kāi) 源的系統(tǒng)來(lái)實(shí)現(xiàn)我們網(wǎng)站的交互和管理。如：我們小組是利用開(kāi)源系統(tǒng) Discuz! 建設(shè)“交流天地”模塊1. 去 下載論壇程序，然后安裝 2對(duì)它的素材、樣式、代碼等進(jìn)行修改、替換，以達(dá)到我們的期望 3做好與其它頁(yè)面之間的鏈接。（5）網(wǎng)站內(nèi)容版塊過(guò)多，由于時(shí)間問(wèn)題導(dǎo)致能實(shí)現(xiàn)的功能模塊不健全 因?yàn)闀r(shí)間和精力問(wèn)題，我們不能把

21、我們網(wǎng)站的每一個(gè)功能版塊都實(shí)現(xiàn)， 接受老師的建議后，我們毅然放棄了原先設(shè)定的兩個(gè)模塊，把重心放在了 “教師推薦”模塊上，但是其中的搜索和篩選功能還沒(méi)有實(shí)現(xiàn)，我們最后 在網(wǎng)上找一些相關(guān)的開(kāi)源代碼進(jìn)行研究學(xué)習(xí)，再結(jié)合我們的網(wǎng)站編寫代碼 以實(shí)現(xiàn)搜索和帥選功能。（6）要實(shí)現(xiàn)動(dòng)態(tài)查詢困難。由于沒(méi)有后臺(tái)管理， 所以動(dòng)態(tài)查詢實(shí)現(xiàn)困難， 目前我們只能在網(wǎng)上尋找開(kāi)源 的后臺(tái)管理系統(tǒng)代碼進(jìn)行實(shí)現(xiàn)簡(jiǎn)單的操作， 如注冊(cè)登錄等。 但是由于是別人的代 碼，我們也不知道怎么改才合適，就將就著用著。4 總結(jié)小組總結(jié)：本次的課程設(shè)計(jì)我們小組經(jīng)過(guò)兩次討論，最終確定主題為迎新網(wǎng)。小組成員們結(jié)合自己的經(jīng)驗(yàn)談了自己的想法， 提出我們?cè)?/p>

22、剛剛?cè)雽W(xué)時(shí)因?yàn)椴?熟悉學(xué)校情況而四處碰壁。 新生們急需一個(gè)針對(duì)新生的實(shí)用信息庫(kù)和交流平臺(tái)卻 苦于無(wú)門。 根據(jù)此迫切需求， 我們初步確定了迎新網(wǎng)這個(gè)主題。 為了確認(rèn)其必要 性和可行性，我們的小組成員進(jìn)行了進(jìn)一步了詳細(xì)的討論分析。我們?cè)诜治銎浯嬖诘谋匾詴r(shí)跟其他相關(guān)網(wǎng)站進(jìn)行了對(duì)比分析。 首先，我們對(duì)百度貼吧進(jìn)行了對(duì)比分析。 百度貼吧是一個(gè)典型的論壇， 論壇 的特點(diǎn)在于信息量豐富和回復(fù)有針對(duì)性而及時(shí)， 但弱點(diǎn)在于可信度不高和缺乏系 統(tǒng)性。針對(duì)百度貼吧的利弊， 我們提出了本網(wǎng)站的優(yōu)勢(shì)。 本網(wǎng)站吸收了百度貼吧的 優(yōu)點(diǎn)，我們?cè)诰W(wǎng)站上設(shè)立一個(gè)版塊叫做交流天地， 這是一個(gè)簡(jiǎn)單的論壇。 同時(shí)我 們避免了百度貼吧

23、的缺點(diǎn)， 我們?cè)谄渌鎵K對(duì)新生的在入學(xué)及成長(zhǎng)過(guò)程中所可能 遇到的問(wèn)題和注意事項(xiàng)進(jìn)行了整體而系統(tǒng)的介紹。接著，我們還對(duì)學(xué)校的官方網(wǎng)站進(jìn)行了對(duì)比分析。 學(xué)校的官方網(wǎng)站全面介紹 了學(xué)校的各個(gè)機(jī)構(gòu)、 規(guī)章、歷史、組織、行政、重大新聞等內(nèi)容。 經(jīng)過(guò)仔細(xì)分析， 我們發(fā)現(xiàn)學(xué)校的官方網(wǎng)站的優(yōu)點(diǎn)在于：信息全、準(zhǔn)確性高、官方、無(wú)感情傾向、 客觀。缺點(diǎn)在于：太過(guò)于官方，也太過(guò)于寬泛；站在學(xué)校的角度，沒(méi)有貼近學(xué)生 的日常生活，跟學(xué)生有距離感； 主要以文字介紹為主， 長(zhǎng)篇大論讓人難以提起興 趣去認(rèn)真閱讀；版面設(shè)計(jì)太死板，不夠靈活；首頁(yè)文字太多，給人煩亂的感覺(jué)， 不夠簡(jiǎn)潔，不太符合人的閱讀習(xí)慣。針對(duì)學(xué)校官方網(wǎng)站的優(yōu)缺點(diǎn)，

24、 我們也提出了本網(wǎng)站的優(yōu)勢(shì)。 我們吸取了學(xué)校 官方網(wǎng)站的優(yōu)勢(shì)，我們整理了學(xué)校官方網(wǎng)站上的有關(guān)資料，放在理工概況模塊， 對(duì)學(xué)校的各方面信息進(jìn)行了整體介紹， 保持了其準(zhǔn)確性和客觀性。 為了避免文字 過(guò)多我們進(jìn)行了縮略和刪減分區(qū)， 使得信息更加具有易讀性。 我們避免了學(xué)校官 網(wǎng)的各種缺點(diǎn)。 我們的網(wǎng)站風(fēng)格較為活潑， 內(nèi)容具有針對(duì)性， 我們只針對(duì)新生在 開(kāi)學(xué)以及成長(zhǎng)過(guò)程中所遇到的典型問(wèn)題， 避免了選題大而無(wú)當(dāng)。 整個(gè)網(wǎng)站都從學(xué) 生的視角出發(fā)，貼近學(xué)生的日常生活，給學(xué)生以親切感，符合學(xué)生的思維習(xí)慣。 我們的迎新網(wǎng)的主要是由簡(jiǎn)短的文字和極富有美感的圖片組成， 簡(jiǎn)潔而活潑， 詳 略得當(dāng)，重點(diǎn)突出， 能夠吸引

25、學(xué)生的閱讀興趣。 我們的版面設(shè)計(jì)走的是簡(jiǎn)潔而明 快的風(fēng)格，比如主頁(yè)主要有導(dǎo)航欄以及圖片和少量的文字， 入學(xué)須知?jiǎng)t十分靈活， 用 12 個(gè)矩形小貼士來(lái)標(biāo)注每個(gè)時(shí)間段的注意事項(xiàng)，學(xué)生可以點(diǎn)擊時(shí)間軸靈活選 取。這樣的處理讓本網(wǎng)站十分符合人的閱讀習(xí)慣，讓瀏覽者保持愉悅的心情。在進(jìn)行可行性分析時(shí)我們主要分析了小組成員的技術(shù)水平。 我們小組的兩位 女生：易田和王銳，兩人都了解 PS的基本相關(guān)技術(shù)，在美工上面是沒(méi)有太多問(wèn) 題。楊吉祥和顧鵬程則在代碼技術(shù)上有所研究， 經(jīng)過(guò)大概分析， 在主要代碼上沒(méi) 有太多問(wèn)題， 但在少數(shù)技術(shù)如搜索功能的實(shí)現(xiàn)上存在問(wèn)題， 但這個(gè)可以通過(guò)學(xué)習(xí) 克服?？傮w來(lái)說(shuō)代碼可以實(shí)現(xiàn)。陳燦堅(jiān)同

26、學(xué)在PS和代碼兩個(gè)方面都有一定水平。 高理同學(xué)則擅長(zhǎng)策劃和演講。 綜合小組成員的能力， 我們認(rèn)為我們的網(wǎng)站是可以 實(shí)現(xiàn)的。因此在迎新網(wǎng)在可行性方面也過(guò)關(guān)了。確定了題目之后我們確立了網(wǎng)站的基本內(nèi)容模塊。 經(jīng)過(guò)激烈的討論， 我們最 終得出了如下結(jié)論。 我們網(wǎng)站是主要內(nèi)容模塊有入學(xué)須知、 理工概況、理工攻略、 菜鳥(niǎo)晉升計(jì)劃、教師推薦、交流天地和二手市場(chǎng)七大版塊，其中以菜鳥(niǎo)晉升、交流天地、教師推薦和二手市場(chǎng)為主要特色。每個(gè)版塊的詳細(xì)內(nèi)容以及風(fēng)格如下： 入學(xué)須知：我們小組對(duì)入學(xué)須知的設(shè)定是解決新生最迫切的需求。 入學(xué)須知模塊是導(dǎo)航 欄上的第一個(gè)內(nèi)容模塊。 點(diǎn)擊進(jìn)入入學(xué)須知模塊， 呈現(xiàn)的是新生入學(xué)后的經(jīng)歷

27、的 流程以及簡(jiǎn)短的提示。 我們按照時(shí)間順序排列， 從新生入學(xué)的第一件事開(kāi)始逐步 延展。我們用 12 個(gè)矩形小貼士的形式呈現(xiàn)每個(gè)小建議。 12個(gè)版塊上主題分別是： 新生到站 -博學(xué)廣場(chǎng) -宿舍-報(bào)到注意-軍訓(xùn)-軍訓(xùn)科目-軍訓(xùn)貼士 -預(yù)防中暑-英語(yǔ) 分班-英語(yǔ)過(guò)級(jí) -轉(zhuǎn)專業(yè)-雙學(xué)位。點(diǎn)開(kāi)每個(gè)小頁(yè)面都可以動(dòng)態(tài)呈現(xiàn)出一個(gè)較大的 框，里面是每個(gè)版塊的詳細(xì)介紹。理工概況這個(gè)模塊我們需要借鑒武漢理工大學(xué)官方網(wǎng)站的長(zhǎng)處， 我們決定將武漢理工 的介紹進(jìn)行縮略和加工， 使內(nèi)容符合本網(wǎng)站的風(fēng)格。 使得該頁(yè)面集詳盡與活潑與 一身。教師推薦教師推薦版塊， 版塊的首部和底部與首頁(yè)一樣， 主體部分分為上下兩塊。 上 面版塊

28、為選修課按評(píng)分排名前的推薦教師，也可以點(diǎn)擊查看排行榜看教師排行， 或者點(diǎn)擊我要評(píng)教對(duì)自己想評(píng)價(jià)的老師進(jìn)行評(píng)價(jià)。 每個(gè)評(píng)價(jià)都會(huì)進(jìn)行審核。 下面 版塊為課程的分類，即選修課的五大分類。交流天地一個(gè)小型的論壇， 用戶可以在這里面進(jìn)行針對(duì)性提問(wèn)和發(fā)言。 這里可以實(shí)現(xiàn) 新生和老生，新生和新生以及老生和老生之間的無(wú)障礙交流。二手市場(chǎng)：這是一個(gè)閑置物品交換的平臺(tái)。 我們考慮到每當(dāng)畢業(yè)生的畢業(yè)時(shí)， 都會(huì)有一 大批的閑置物品， 有很少部分畢業(yè)生會(huì)將其擺攤出賣， 而學(xué)校允許擺攤的時(shí)間有 限且畢業(yè)生也時(shí)間有限。 所以我們打算做一個(gè)中介平臺(tái)， 畢業(yè)生隨時(shí)可以發(fā)布閑 置物品出賣信息， 而這些東西又正好是初來(lái)乍到的新生所

29、需要的。 因此，我們的 二手市場(chǎng)可以發(fā)布和獲取閑置物品信息。 我們?cè)诙质袌?chǎng)設(shè)計(jì)了搜索框和粗略的 分類，便于查找。除此之外，本迎新網(wǎng)的登錄注冊(cè)框也有簡(jiǎn)約風(fēng)格。登錄注冊(cè)框均已自然鳳 舞圖片為背景，除此之外是登錄注冊(cè)框和按鈕等?；緝?nèi)容模塊確定了之后， 我們進(jìn)行明確的分工。 根據(jù)小組成員的擅長(zhǎng)領(lǐng)域， 我們進(jìn)行分工如下：易田和王銳在 PS方面技術(shù)過(guò)關(guān)，且有較好的審美觀，因此 作為小組的美工人員和總的風(fēng)格監(jiān)督。顧鵬程和陳燦堅(jiān)在代碼方面有一定的造 詣，但沒(méi)有相關(guān)實(shí)踐經(jīng)驗(yàn)， 因此作為靜態(tài)頁(yè)面代碼編寫員。 而楊吉祥同學(xué)是我們 的組長(zhǎng)，有過(guò)制作網(wǎng)頁(yè)相關(guān)經(jīng)驗(yàn)且代碼方面技術(shù)還不錯(cuò)， 因此楊吉祥同學(xué)擔(dān)任了 我們小組

30、的動(dòng)態(tài)頁(yè)面編寫員。 此外，作為組長(zhǎng)，楊吉祥同學(xué)負(fù)責(zé)協(xié)調(diào)分工和指揮。 高理同學(xué)擅長(zhǎng)策劃和資料整理以及演講， 因此，高理同學(xué)主要負(fù)責(zé)出點(diǎn)子， 策劃， 整理改編資料，以及準(zhǔn)備每次報(bào)告的 PPT。進(jìn)行了明確的分工之后，我們還對(duì)整個(gè)工作流程的時(shí)間進(jìn)行的預(yù)安排： 第一步：全體成員收集相關(guān)資料。 （1 天） 第二步：美工組易田王銳開(kāi)始構(gòu)建網(wǎng)頁(yè)框架。 同時(shí)高理開(kāi)始資料的整理和改 編，將整理好的內(nèi)容發(fā)給美工組。 （3 天）第三步：靜態(tài)頁(yè)面的編寫： 顧鵬程和陳燦堅(jiān)根據(jù)美工組的框架編寫靜態(tài)頁(yè)面 代碼。（時(shí)間待定）第四步：動(dòng)態(tài)頁(yè)面的編寫：楊吉祥編寫動(dòng)態(tài)頁(yè)面的代碼。 （時(shí)間待定） 在進(jìn)程中， 考慮到時(shí)間緊迫性， 我們還

31、對(duì)最初的設(shè)想進(jìn)行了調(diào)整。 根據(jù)最初 的設(shè)想，我們網(wǎng)站是主要內(nèi)容模塊有入學(xué)須知、理工概況、理工攻略、菜鳥(niǎo)晉升 計(jì)劃。教師推薦、交流天地和二手市場(chǎng)七大版塊，其中以菜鳥(niǎo)晉升、交流天地、 教師推薦和二手市場(chǎng)為主要特色。 但在后期， 為了突出特色， 我們小組一致決定 將重心轉(zhuǎn)移到三大特色版塊，而放棄了理工攻略和菜鳥(niǎo)晉升計(jì)劃的建設(shè)。在網(wǎng)站建設(shè)過(guò)程中我們還遇到了不少問(wèn)題和瓶頸。在美工過(guò)程中， 我們面臨的問(wèn)題主要是配色。 最初的會(huì)議中我們力求簡(jiǎn)潔清 新的色彩搭配， 確定了紅白搭配的基調(diào)， 配合迎新的喜慶和頁(yè)面的簡(jiǎn)潔。 但在美 工過(guò)程中，簡(jiǎn)單的紅白搭配顯得很單調(diào)，甚至是低端。后來(lái)，我們參考了其他網(wǎng) 站的配色，

32、保留了原有的紅白配， 并在白色基礎(chǔ)上加了各種光效， 最后才得以呈 現(xiàn)網(wǎng)頁(yè)上顯示的那樣。在資料的收集整理過(guò)程中， 我們遇到的問(wèn)題主要是資料不符合網(wǎng)站風(fēng)格而且 過(guò)于冗雜。經(jīng)過(guò)信心的整理和改動(dòng)后終于有所改觀。在頁(yè)面編寫過(guò)程中遇到不少技術(shù)問(wèn)題， 比如 div 塊在編寫的時(shí)候由于部分參 數(shù)的錯(cuò)誤就使其完全改變了預(yù)想的位置， 而且有部分的代碼在不同瀏覽器上顯示 的效果不相同，只能用其他的方式來(lái)重寫。不過(guò)在這個(gè)不斷重復(fù)錯(cuò)誤的過(guò)程中， 我們學(xué)會(huì)了很多東西。此外還存在協(xié)調(diào)的問(wèn)題。 美工組與編程組之間存在不協(xié)調(diào)的問(wèn)題。 一方面美 工組的給出的網(wǎng)頁(yè)版式圖不精確， 無(wú)法通過(guò)切圖的方式確定各項(xiàng)內(nèi)容的大小。 另 一方面兩

33、組在審美觀上存在的較大的不同， 無(wú)法統(tǒng)一意見(jiàn)， 致使部分頁(yè)面的風(fēng)格 不一樣。我們通過(guò)不斷協(xié)調(diào)，由編程人員統(tǒng)一了風(fēng)格。我們?cè)谡n設(shè)過(guò)程中的關(guān)鍵幾天中， 全體小組成員在東院實(shí)驗(yàn)室一起待了好幾 天。那段日子非常難熬，技術(shù)上存在不少問(wèn)題，方向上也有所模糊。大家都感覺(jué) 到進(jìn)退維谷， 但是我們都沒(méi)有輕言放棄， 最終在堅(jiān)持了好幾天之后有了突破性的 成果。那幾天小組各個(gè)成員都在埋頭苦干， 都顧不上去食堂吃飯， 而那個(gè)階段任 務(wù)相對(duì)輕松的小組成員就為全組人員帶飯。 全組人員都圍在一起吃盒飯， 那場(chǎng)景 溫馨而動(dòng)人，我們痛并快樂(lè)著?？傊?，在這個(gè)課設(shè)過(guò)程中，我們共同討論，相互啟發(fā)，在討論過(guò)程中共同進(jìn) 步。最后我們?cè)诓粩?/p>

34、協(xié)調(diào)中統(tǒng)一了意見(jiàn)。 課程設(shè)計(jì)過(guò)程中出現(xiàn)了不少問(wèn)題， 但我 們齊心協(xié)力共同克服了困難。在不斷磨合過(guò)程中小組成員之間的變得越來(lái)越默 契，我們?cè)诨ハ嘀g默契融洽的配合中換來(lái)了我們眼中最終完美的結(jié)果。 當(dāng)網(wǎng)站 最終完成的時(shí)候， 我們都難以壓抑自己心中的成就感和喜悅。 在共同艱苦奮斗的 過(guò)程中，我們整個(gè)團(tuán)隊(duì)之間感情漸漸加深， 越來(lái)像是一個(gè)家！ 這次的課設(shè)讓我們 不僅收獲了知識(shí)，還更多的是友誼和拼搏精神！個(gè)人總結(jié)：個(gè)人總結(jié)易田兩個(gè)星期的課程設(shè)計(jì)一眨眼就結(jié)束了， 原本以為一個(gè)星期就可以結(jié)束， 結(jié)果 做起來(lái)才發(fā)現(xiàn)， 區(qū)區(qū)的兩個(gè)星期時(shí)間， 根本就不夠， 到最后也就只能實(shí)現(xiàn)一部分 網(wǎng)站功能。 從開(kāi)始做網(wǎng)站時(shí)的吊兒

35、郎當(dāng)?shù)男膽B(tài)， 到中間過(guò)程的全力以赴， 再到最 后時(shí)間段的著急和惋惜，感受頗多。在本課程設(shè)計(jì)中， 開(kāi)始的分工是我和王銳負(fù)責(zé)美工部分， 組長(zhǎng)楊吉祥和顧鵬 程、陳燦堅(jiān)負(fù)責(zé)代碼實(shí)現(xiàn)，高理負(fù)責(zé)數(shù)據(jù)庫(kù)和后勤，但真正的做的過(guò)程中，是大 家一起，相互協(xié)商做。在分工完成后， 小組在一起討論了我們的網(wǎng)站主題， 主題的確定過(guò)程并不順 利。剛開(kāi)始本來(lái)是說(shuō)做武漢攻略為主題的網(wǎng)站， 但是在第一次展示后， 在老師的 指點(diǎn)下，才發(fā)現(xiàn)我們的主題過(guò)于龐大， 而且需要收集的資料非常多， 短短的兩個(gè) 星期時(shí)間， 對(duì)于經(jīng)驗(yàn)和技術(shù)都不成熟的我們來(lái)說(shuō)， 根本不可能實(shí)現(xiàn)。 而且經(jīng)過(guò)初 步的了解才發(fā)現(xiàn)此類的網(wǎng)站已經(jīng)非常多了，而且比我們的想象中

36、還要全面完整， 我們的網(wǎng)站不可能比別人做的好， 沒(méi)有優(yōu)勢(shì)，也沒(méi)有必要。 所以第一個(gè)選題直接 PASS掉了。后來(lái)又開(kāi)會(huì)討論，不斷的建議的完善，最終確定了以武漢理工大學(xué) 新生為對(duì)象的迎新網(wǎng)站， 為大一新生服務(wù)， 幫助他們快速的成長(zhǎng)， 了解武漢理工 的方方面面， 明確自己在大學(xué)中應(yīng)該做的事情， 提供經(jīng)驗(yàn)交流的平臺(tái)， 成長(zhǎng)為一 名真正的合格的大學(xué)生。我的工作部分看起來(lái)比較簡(jiǎn)單，只需要將網(wǎng)站的頁(yè)面用 PS呈現(xiàn)出來(lái)，然后 給代碼負(fù)責(zé)人員將其實(shí)現(xiàn)， 但是卻需要極大的耐心和一定的美術(shù)功底， 不幸的是 這兩樣我都不具有。但是既然任務(wù)分配下來(lái)了，就得努力的去完成。在小組討論確定了網(wǎng)站的主題的網(wǎng)站的內(nèi)容板塊之后， 我和王銳一起， 相互 商討具體的頁(yè)面樣式， 我們一直認(rèn)為應(yīng)該做一個(gè)簡(jiǎn)潔明了的網(wǎng)站頁(yè)面， 因?yàn)槟壳?的網(wǎng)站頁(yè)面都內(nèi)容龐雜， 很多信息一股腦兒的都擺在頁(yè)面上， 很亂， 還不好找自 己想要的信息。 而且不同于官方的學(xué)校網(wǎng)站頁(yè)面， 我們的頁(yè)面還要有更多的學(xué)生 自己的個(gè)性氣息。 在參考了很多的做的好的網(wǎng)站頁(yè)面之后， 我們決定仿照北京科 技大學(xué)迎新網(wǎng)