四川信息職業(yè)技術(shù)學(xué)院謝宇

軟件教研室網(wǎng)站的設(shè)計(jì)

四川信息職業(yè)技術(shù)學(xué)院謝宇

信息時(shí)代隨著計(jì)算機(jī)技術(shù)以及通信網(wǎng)絡(luò)的飛速發(fā)展，信息的發(fā)布和交流開(kāi)始越來(lái)越廣泛利用計(jì)算機(jī)、網(wǎng)絡(luò)管理和信息采集勢(shì)在必行。當(dāng)今高校的教學(xué)任務(wù)越來(lái)越繁忙，一些部門(mén)急需一個(gè)自己的能進(jìn)行新聞快速發(fā)布、資料下載、在線留言等功能的網(wǎng)站。本次畢業(yè)設(shè)計(jì)是實(shí)現(xiàn)一個(gè)軟件教研室網(wǎng)站，該網(wǎng)站分為前、后臺(tái)，主要功能包括：新聞查看功能、文件下載功能、在線留言功能、相冊(cè)查看功能、視頻查看功能、管理員登錄功能、新聞發(fā)布功能、新聞收索功能、新聞管理功能、文件管理功能、留言管理功能。任何用戶均可在本網(wǎng)站前臺(tái)查詢(xún)新聞，通過(guò)單擊每條新聞的標(biāo)題來(lái)查看該條新聞的詳細(xì)內(nèi)容。當(dāng)用戶進(jìn)入下載頁(yè)面后，通過(guò)單擊每個(gè)文件的標(biāo)題來(lái)下載該文件。當(dāng)用戶進(jìn)入留言板頁(yè)面后，可以查看所有回復(fù)的留言信息，也可以進(jìn)行留言。用戶可以在畢業(yè)留影中查看各班級(jí)照片。用戶可以在學(xué)生視頻中可以單擊觀看視頻。當(dāng)管理員通過(guò)后臺(tái)登錄成功后，可以進(jìn)行新聞的發(fā)布、修改和刪除，在修改時(shí)可以新聞的收索；可以進(jìn)行文件的上傳、修改和刪除；可以進(jìn)行對(duì)前臺(tái)瀏覽者的留言回復(fù)，也可以對(duì)回復(fù)進(jìn)行修改和留言的刪除。當(dāng)管理員操作完畢后，可以單擊“退出系統(tǒng)”按鈕，退出后臺(tái)系統(tǒng)。

一、開(kāi)發(fā)背景

近年來(lái)，隨著internet的迅速崛起，互聯(lián)網(wǎng)已日益成為收集提供信息的最佳和最快渠道，并快速進(jìn)入傳統(tǒng)的流通領(lǐng)域?；ヂ?lián)網(wǎng)的跨地域性、可交互性、全天候性使其在與傳統(tǒng)媒體行業(yè)和傳統(tǒng)貿(mào)易行業(yè)的競(jìng)爭(zhēng)中具有不可抗拒的優(yōu)勢(shì)，因而發(fā)展十分迅速。

當(dāng)然，無(wú)論是企業(yè)還是學(xué)校，隨著信息量的增大，變化幅度也不斷增大。依靠傳統(tǒng)的手工管理手段顯然已不能適應(yīng)新時(shí)期高校的教學(xué)工作，無(wú)法完成大量的信息分析和處理。

因此，作為一個(gè)信息學(xué)院中教學(xué)繁忙的軟件教研室，應(yīng)當(dāng)具有一個(gè)可實(shí)施性的軟件智能化溝通平臺(tái)是無(wú)可厚非的。軟件教研室網(wǎng)站既可以解決資料、信息的繁冗難處理問(wèn)題，又可以節(jié)約各老師的寶貴時(shí)間，不僅使信息渠道更為暢通，而且可以資源共享，實(shí)現(xiàn)了信息管理的智能化。

二、網(wǎng)站分析

很多網(wǎng)站都提供新聞欄目，例如搜狐、新浪等著名網(wǎng)站的新聞專(zhuān)欄。許多企業(yè)和個(gè)人網(wǎng)站也需要定期發(fā)布一些關(guān)于企業(yè)或網(wǎng)站的新聞。因?yàn)榫W(wǎng)絡(luò)中新聞發(fā)布的頻率非常高，如果使用靜態(tài)網(wǎng)頁(yè)作為新聞頁(yè)面，則維護(hù)工作將非常繁瑣，管理員每天需要制作大量的網(wǎng)頁(yè)，從而浪費(fèi)很多時(shí)間和精力。使用新聞發(fā)布、新聞管理系統(tǒng)和留言板可以使新聞發(fā)布、管理和留言變得很輕松，管理員只需設(shè)置標(biāo)題、內(nèi)容和圖片等新聞就可以了，系統(tǒng)將自動(dòng)生成對(duì)應(yīng)的網(wǎng)頁(yè)。本文將對(duì)新聞發(fā)布及管理系統(tǒng)進(jìn)行系統(tǒng)分析與總體設(shè)計(jì)。

從功能描述的內(nèi)容將其分為前后臺(tái)，我們根據(jù)這些功能，設(shè)計(jì)出系統(tǒng)的功能模塊，后臺(tái)功能模塊如下圖所示。

設(shè)計(jì)出前臺(tái)功能模塊如下圖所示。

三、網(wǎng)站模塊的設(shè)計(jì)與實(shí)現(xiàn)

設(shè)計(jì)的實(shí)現(xiàn)可以分為兩個(gè)部分。第一部分為站點(diǎn)的規(guī)劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網(wǎng)頁(yè)的制作，這一過(guò)程是在計(jì)算機(jī)上完成。

設(shè)計(jì)首頁(yè)的第一步是設(shè)計(jì)版面布局。我們可以將網(wǎng)頁(yè)看作傳統(tǒng)的報(bào)刊雜志來(lái)編輯，這里面有文字、圖像乃至動(dòng)畫(huà)，我們要做的工作就是以最適合的方式將圖片和文字排放在頁(yè)面的不同位置。除了要有一臺(tái)配置不錯(cuò)的計(jì)算機(jī)外，軟件也是必需的。不能簡(jiǎn)單地說(shuō)一個(gè)軟件的好壞，只要是設(shè)計(jì)者使用起來(lái)覺(jué)得方便而且能得心應(yīng)手的，就可以稱(chēng)為好軟件。當(dāng)然，它應(yīng)該能滿足設(shè)計(jì)者的要求。常用的軟件是Macromedia的Dreamweaver以及Adobe的Photoshop。

設(shè)計(jì)是有原則的，無(wú)論使用何種手法對(duì)畫(huà)面中的元素進(jìn)行組合，都一定要遵循五個(gè)大的原則:統(tǒng)一、連貫、分割、對(duì)比及和諧。

統(tǒng)一，是指設(shè)計(jì)作品的整體性，一致性。設(shè)計(jì)作品的整體效果是至關(guān)重要的，在設(shè)計(jì)中切勿將各組成部分孤立分散，那樣會(huì)使畫(huà)面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。

連貫，是指要注意頁(yè)面的相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應(yīng)，并注意整個(gè)頁(yè)面設(shè)計(jì)風(fēng)格的一致性，實(shí)現(xiàn)視覺(jué)上和心理上的連貫，使整個(gè)頁(yè)面設(shè)計(jì)的各個(gè)部分極為融洽，猶如一氣呵成。

分割，是指將頁(yè)面分成若干小塊，小塊之間有視覺(jué)上的不同，這樣可以使觀者一目了然。在信息量很多時(shí)為使觀者能夠看清楚，就要注意到將畫(huà)面進(jìn)行有效的分割。分割不僅是表現(xiàn)形式的需要。換個(gè)角度來(lái)講，分割也可以被視為對(duì)于頁(yè)面內(nèi)容的一種分類(lèi)歸納。

對(duì)比就是通過(guò)矛盾和沖突，使設(shè)計(jì)更加富有生氣。對(duì)比手法很多，例如:多與少、曲與直、強(qiáng)與弱、長(zhǎng)與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、聚與散等等。在使用對(duì)比的時(shí)候應(yīng)慎重，對(duì)比過(guò)強(qiáng)容易破壞美感，影響統(tǒng)一。

和諧是指整個(gè)頁(yè)面符合美的法則，渾然一體。如果一件設(shè)計(jì)作品僅僅是色彩、形狀、線條等的隨意混合，那么作品將不但沒(méi)有“生命感”，而且也根本無(wú)法實(shí)現(xiàn)視覺(jué)設(shè)計(jì)的傳達(dá)功能。和諧不僅要看結(jié)構(gòu)形式，而且要看作品所形成的視覺(jué)效果能否與人的視覺(jué)感受形成一種溝通，產(chǎn)生心靈的共鳴。這是設(shè)計(jì)能否成功的關(guān)鍵。

3.1 前臺(tái)

主界面

訪問(wèn)者可以在主界面查看通知信息、動(dòng)態(tài)信息、教務(wù)信息、日程信息、實(shí)習(xí)就業(yè)信息、快速導(dǎo)航到其他網(wǎng)站、查看相冊(cè)照片、查看學(xué)生作品等操作。

新聞界面

此界面是通過(guò)點(diǎn)擊主界面上“專(zhuān)業(yè)動(dòng)態(tài)”中的“動(dòng)態(tài)信息”進(jìn)入，訪問(wèn)者可以在此界面點(diǎn)擊查看各類(lèi)新聞。訪問(wèn)者點(diǎn)擊某一新聞進(jìn)入新聞查看界面。

資料下載界面

此界面是通過(guò)點(diǎn)擊主界面上“資料下載”進(jìn)入，訪問(wèn)者可以在此界面下載后臺(tái)上傳的各類(lèi)資料。訪問(wèn)者點(diǎn)擊某一資料后，將進(jìn)入資料詳情界面。在資料詳情界面，點(diǎn)擊文件，即可進(jìn)行下載。

留言板界面

此界面是通過(guò)點(diǎn)擊主界面上“留言板”進(jìn)入，訪問(wèn)者可以在此界面查看留言信息，也可以點(diǎn)擊“我要留言”進(jìn)行留言。

3.2 后臺(tái)

登錄界面

管理員在此界面進(jìn)行登錄成功后，可以實(shí)現(xiàn)新聞的添加、管理，資料上傳、管理，留言回復(fù)、管理，用戶創(chuàng)建、管理操作。

新聞添加界面

管理員在此界面可以添加動(dòng)態(tài)信息、日程信息、通知信息、教務(wù)信息、就業(yè)實(shí)習(xí)信息。

新聞管理界面

管理員在此界面可以對(duì)動(dòng)態(tài)信息、日程信息、通知信息、教務(wù)信息、就業(yè)實(shí)習(xí)信息進(jìn)行新聞修改、新聞刪除。

留言回復(fù)界面

管理員在此界面可以對(duì)網(wǎng)站訪問(wèn)者進(jìn)行問(wèn)題回復(fù)。管理員點(diǎn)擊回復(fù)后，進(jìn)入“回復(fù)留言”界面，進(jìn)行留言回復(fù)。