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

軟件教研室網(wǎng)站的設計

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

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

一、開發(fā)背景

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

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

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

二、網(wǎng)站分析

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

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

設計出前臺功能模塊如下圖所示。

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

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

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

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

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

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

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

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

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

3.1 前臺

主界面

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

新聞界面

此界面是通過點擊主界面上“專業(yè)動態(tài)”中的“動態(tài)信息”進入，訪問者可以在此界面點擊查看各類新聞。訪問者點擊某一新聞進入新聞查看界面。

資料下載界面

此界面是通過點擊主界面上“資料下載”進入，訪問者可以在此界面下載后臺上傳的各類資料。訪問者點擊某一資料后，將進入資料詳情界面。在資料詳情界面，點擊文件，即可進行下載。

留言板界面

此界面是通過點擊主界面上“留言板”進入，訪問者可以在此界面查看留言信息，也可以點擊“我要留言”進行留言。

3.2 后臺

登錄界面

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

新聞添加界面

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

新聞管理界面

管理員在此界面可以對動態(tài)信息、日程信息、通知信息、教務信息、就業(yè)實習信息進行新聞修改、新聞刪除。

留言回復界面

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