漯河食品職業(yè)學(xué)院計算機系網(wǎng)站設(shè)計與實現(xiàn)

馮亞麗　郜金麗

摘要：漯河食品職業(yè)學(xué)院計算機系網(wǎng)站，全面宣傳展示了計算機系的教學(xué)特色和師資力量等，使學(xué)生增加了對計算機系的了解，增強了學(xué)生與老師的聯(lián)系。在Internet網(wǎng)上，學(xué)生可以及時了解到本系發(fā)生的事情以及重要信息，提高了辦事效率，給學(xué)生、老師提供了快捷、方便的橋梁。同時學(xué)生及老師可以互提意見，爭取達(dá)到最有效的教學(xué)，進(jìn)而提高計算機系的教學(xué)質(zhì)量。

關(guān)鍵詞：網(wǎng)站；計算機；效率；質(zhì)量

中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2015）14-0187-02

Abstract： Department of computer science， Career Academy， Luohe food，The full publicity shows the teaching characteristic and the teacher strength of the computer system. Increase the students to understand the computer system， and enhance the contact between the students and teachers. Internet online， students can learn in time to the occurrence of the Department and important information， improve the efficiency， to the students， the teacher provides a shortcut， convenient bridge. At the same time， the students and teachers can provide each other with each other， try to reach the most effective teaching， and then improve the teaching quality of computer system.

Key words： web site； computer；efficiency； quality

1 網(wǎng)站建設(shè)的目的及工具

1.1 建設(shè)目的

隨著計算機技術(shù)的發(fā)展，網(wǎng)絡(luò)技術(shù)對我們生活和工作顯得越來越重要，特別是現(xiàn)在信息高度發(fā)達(dá)的今天，人們對最新信息的需求和發(fā)布迫切的需要及時性。而動態(tài)網(wǎng)頁剛好提供了這些功能，本系統(tǒng)就是一個能夠在網(wǎng)上瀏覽計算機系各種新聞、重大事件、相互提意見的交互式網(wǎng)站，多欄目管理，實時的進(jìn)行行為統(tǒng)計和記錄的網(wǎng)上交互系統(tǒng)，達(dá)到師生間的交流。系部網(wǎng)站是系部的“網(wǎng)上名片”。是本系達(dá)標(biāo)驗收必須要有的?？梢哉故颈鞠滴幕?、教師風(fēng)采、學(xué)生風(fēng)貌、教育理念等，體現(xiàn)教學(xué)實力！憑借系部網(wǎng)站，計算機藝術(shù)系是可以另一種方式在教育領(lǐng)域樹立新形象新品牌。系部網(wǎng)站是學(xué)校對外宣傳、形象展示和溝通交流的管理平臺?？梢詫崿F(xiàn)系部對外聯(lián)系的信息化和網(wǎng)絡(luò)化，從而提升系部的對外形象，提高軟實力，增強綜合競爭力。

1.2 設(shè)計工具

在此網(wǎng)站設(shè)計開發(fā)過程中主要用到軟件為：apache、php、mysql、dreamweaver、photoshop、flash

2 網(wǎng)站總體分析與設(shè)計

2.1 網(wǎng)站系統(tǒng)分析

根據(jù)前面所提到的網(wǎng)站的建設(shè)目的進(jìn)行分析，按照系統(tǒng)開發(fā)的基本觀點對網(wǎng)站進(jìn)行分解，從內(nèi)容上可對網(wǎng)站網(wǎng)頁作如下劃分（如圖1所示）：

首頁：計算機網(wǎng)站的總體分析。

本系概括：通過文字對計算機藝術(shù)系進(jìn)行大體的概括。

教學(xué)目標(biāo)：通過文字對計算機藝術(shù)系的教學(xué)目標(biāo)進(jìn)行分析概況

教學(xué)團(tuán)隊：用本系的具體教師數(shù)量以及學(xué)歷等級來展示計算機藝術(shù)系的師資團(tuán)隊。

教學(xué)活動：用計算機藝術(shù)系的外出活動來展示同學(xué)們課余生活的豐富多彩。

留言板：瀏覽者留言系統(tǒng)。

3 主頁設(shè)計

主頁是計算機系整體形象的濃縮，要進(jìn)行創(chuàng)意設(shè)計。不僅要美觀簡潔，大氣，專業(yè)化，還應(yīng)體現(xiàn)計算機藝術(shù)系的形象、計算機藝術(shù)系的綜合實力。網(wǎng)站主頁采用靜、動相結(jié)合方式展示在同學(xué)們面前，圖片部分選取了全體學(xué)校領(lǐng)導(dǎo)和教師的合照、漯河食品職業(yè)學(xué)院的校園風(fēng)景照片等用Flash軟件進(jìn)行動畫的組合來展示本校教師和校園的風(fēng)采。（如圖2所示）

3.1 用戶登錄

這里沒有注冊功能，只有一個用戶登錄功能，能登錄到上去的全部都是本系的老師和同同學(xué)們，其他人是不允許登錄的，也不允許進(jìn)行注冊的。因為設(shè)計這個計算機系網(wǎng)站的出發(fā)點就是為了給使用這個網(wǎng)站的老師和同學(xué)們提供便利的，學(xué)校以外的人是沒有辦法看到我們本系或者本校的一些事情的。在這里利用了MYSQL數(shù)據(jù)庫實現(xiàn)了這一功能。數(shù)據(jù)庫就是"按照數(shù)據(jù)結(jié)構(gòu)來組織、存儲和管理數(shù)據(jù)的倉庫"，在經(jīng)濟(jì)管理的日常工作中，常常需要把某些相關(guān)的數(shù)據(jù)放進(jìn)這樣"倉庫"，并根據(jù)管理的需要進(jìn)行相應(yīng)的處理。

3.2 留言管理系統(tǒng)（如圖3所示）

留言板已經(jīng)是互聯(lián)網(wǎng)站一種極為常見的實用的互動平臺。作為一種網(wǎng)上在線留言的工具，在線留言可以向瀏覽者提供開放性的分類題目討論區(qū)服務(wù)，同學(xué)們和老師們可以在此發(fā)表自己對系部某些方面的建議或意見、交流某些技術(shù)、經(jīng)驗?zāi)酥寥松母形蚺c憂歡，亦可以作為同學(xué)與學(xué)校交流的渠道，系部亦可在此回答同學(xué)提出的問題或發(fā)布某些消息。后臺操作留言的查看，留言的刪除。用來讓老師同學(xué)在瀏覽了計算機系的網(wǎng)站后提出意見或看法，達(dá)到老師和同學(xué)相互交流的目的，進(jìn)而改善教學(xué)的質(zhì)量和教學(xué)的方式方法。

4 新聞發(fā)布系統(tǒng)

對信息發(fā)布的管理，提供采集、發(fā)布、編輯、刪除信息，并且根據(jù)欄目分類存儲。（如圖4所示）

功能特點：

新聞維護(hù)，簡單易行——維護(hù)信息只需填寫信息主題、內(nèi)容即可發(fā)布。

隨意更改，便于管理—可隨時通過維護(hù)界面增加、修改、刪除每條信息。

文字圖片，簡介美觀——添加的新聞內(nèi)容可以插入圖片，flash，視頻 短片，讓內(nèi)容更豐富多彩。

新聞采集，一鍵收集一一其他社團(tuán)發(fā)布的最新動態(tài)可以輕松收集。

4.1 通知

一些本系的相關(guān)事宜需要同學(xué)們多加留意的事情或文件，通過計算機系網(wǎng)站顯示在同學(xué)們眼前，加快了信息傳遞的速度，減少了中間環(huán)節(jié)浪費時間的問題。也給同學(xué)們對于一些即將發(fā)生的重大事件進(jìn)行了解準(zhǔn)備的時間，加快工作進(jìn)程。

4.2 熱點

編寫了一個可以使文字動起來的編碼，使文字自上而下的滾動播出時頁面看起來更具靈活性，同時利用鼠標(biāo)滑動的方式來控制文字的滾動和停止。采用一些大家都較為關(guān)注的系部熱點信息和學(xué)校里發(fā)生的較大事件（比如新的學(xué)校的開工建設(shè)的時間、進(jìn)程，還有上課的課程時間安排、各班的學(xué)習(xí)情況，衛(wèi)生情況等等）來通過網(wǎng)站的形式展示給同學(xué)們和老師們，也節(jié)省了學(xué)校和老師進(jìn)行傳達(dá)的時間。

5 結(jié)束語

漯河食品職業(yè)學(xué)院計算機藝術(shù)系網(wǎng)站的建立為學(xué)校更好的辦學(xué)，提高計算機藝術(shù)系的知名度，為老師和學(xué)生提供一個溝通的橋梁，擴充了老師和學(xué)生了解的渠道。真正的發(fā)揮了“橋梁”的功效。

參考文獻(xiàn)：

[1] 陳益材. PHP+MYSQL+Dreamweaver動態(tài)網(wǎng)站建設(shè)從入門到精通[M]. 北京： 機械工業(yè)出版社，2012.

[2] Adobe公司北京代表處. Adobe Photoshop 7.0標(biāo)準(zhǔn)培訓(xùn)教材[M]. 北京： 人民郵電出版社，2002.

[3] 謝希仁. 計算機網(wǎng)絡(luò)[M]. 4版.大連： 大連理工大學(xué)出版社，2010.

[4] 王俊杰. 精通JAVASCRIPT動態(tài)網(wǎng)頁編程[M]. 北京： 人民郵電出版社，2007.

[5] 孟昭勇. 中文Flash8動畫設(shè)計案例教程[M]. 北京： 北京人民郵電出版社，2008.

[6] 陳建偉. Dreamweaver 8+ASP動態(tài)網(wǎng)頁制作實用教程[M]. 北京： 清華大學(xué)出版社，2006.

[7] 任學(xué)文， 范嚴(yán). 網(wǎng)頁設(shè)計與制作[M]. 北京： 中國科學(xué)技術(shù)出版社，2000.