淺談校園門戶網(wǎng)站的設(shè)計與實現(xiàn)

摘 要：在信息快速發(fā)展的今天，互聯(lián)網(wǎng)成為人們獲取，傳遞信息的重要途徑。在人們的生活中起著重要的作用。本文以ASP為開發(fā)平臺，綜合利用IIS、ACCESS開發(fā)了校園門戶網(wǎng)站，真正體驗當(dāng)前軟件開發(fā)全新模式，實現(xiàn)網(wǎng)站快速開發(fā)和部署。

關(guān)鍵詞：Asp；Web；版式；規(guī)劃

中圖分類號：TP393.092

1 如何定義校園網(wǎng)站

1.1 校園信息網(wǎng)站

校園信息網(wǎng)站的關(guān)鍵是把結(jié)構(gòu)化數(shù)據(jù)與非結(jié)構(gòu)化數(shù)據(jù)的收集、訪問、管理與最終的集成，且這類門戶網(wǎng)站必須擁有數(shù)據(jù)查詢、分析和報告等這些基本的功能。而教師、學(xué)生及校園工作人員也可以通過校園信息網(wǎng)站方便地獲取到有用的信息。

1.2 校園知識網(wǎng)站

校園知識網(wǎng)站是校園信息網(wǎng)站的延伸與發(fā)展。信息門戶的重要任務(wù)就是對信息進(jìn)行收集、整理和及時的傳輸，對校園內(nèi)已有的大量的信息知識和公共關(guān)系，進(jìn)行收集、分析、增值，并且形成新的共享信息和知識網(wǎng)絡(luò)。以至于現(xiàn)在校園知識網(wǎng)站的發(fā)展重點更趨向于對信息的加工與處理，通過對數(shù)據(jù)挖掘、加工使零散的信息成為知識，為切實所需的人提供決策支持服務(wù)。所以說，校園知識網(wǎng)站的目的是讓更多的人在自己閑暇或者恰當(dāng)?shù)臅r候來使用網(wǎng)站中共享的信息。

為了幫助讀者朋友們更好的理解校園網(wǎng)站的定義，我們可以通過對校園網(wǎng)站的作用來進(jìn)行更有效的解讀。校園網(wǎng)站的首個作用就是為了讓用戶更加方便的利用網(wǎng)站中所提供的工具，對信息實現(xiàn)進(jìn)行有效的交換。或者說，校園網(wǎng)站是建設(shè)信息型校園網(wǎng)站的基石，其中也包括了網(wǎng)站生成、信息管理及反饋、網(wǎng)站管理等應(yīng)用系統(tǒng)，真正實現(xiàn)了校園網(wǎng)及對外溝通的需求。

2 網(wǎng)站規(guī)劃設(shè)計要點

向用戶或潛在的客戶提供信息是Web站點的一種方式。站點文檔中所包含的內(nèi)容是以超文本（HyperText）形式存在的文本、圖形圖象、聲音，甚至電影等所組成。通過HTML語言（HyperText Markup Language超文本標(biāo)記語言）讓超文本能夠相互的關(guān)聯(lián)并可被瀏覽器所識別。同時為了實現(xiàn)Web的交互功能可以使用CGI（Common Gateway Interface公共網(wǎng)關(guān)接口）。

2.1 正確定位、目標(biāo)明確

首先，要對站點進(jìn)行正確定位，Web站點的設(shè)計是校園或其他機構(gòu)發(fā)展戰(zhàn)略的構(gòu)成部分。要將校園站點作為在因特網(wǎng)的信息空間，之后明確設(shè)計站點的目的和用戶需求，從實際來做出可行的計劃。開發(fā)一個頁面設(shè)計原型，可用邏輯結(jié)構(gòu)把它有序地連接起來，之后需要用戶進(jìn)行測試，并逐步精煉這個原型，形成最終的意圖。

2.2 主題鮮明、富有特色

面對服務(wù)的對象（人或者機構(gòu)），Web站點具有不同的形式。有些Web站點僅僅是采用了簡潔文本信息；有些則利用多媒體提供華麗的圖像和復(fù)雜的頁面布置，甚至能夠下載和分享聲音和錄像，且Web站點讓圖形圖像與組織通信有效的結(jié)合起來。與此同時，這也充分表現(xiàn)校園網(wǎng)站的自身特色，突出個性。

Web站點主頁應(yīng)具備的基本成分包括：

網(wǎng)站的頁眉：清晰的顯示校園標(biāo)志和網(wǎng)站的站點；

網(wǎng)站的聯(lián)系方式：電子郵箱、聯(lián)系電話、傳真等

在校園網(wǎng)站中還可以針對已有的信息將校園安全手冊、校園文明須知等加入到站點中

2.3 版式編排、布局合理

在網(wǎng)頁設(shè)計中，版式設(shè)計是網(wǎng)頁視覺識別的基礎(chǔ)，設(shè)計的好壞決定著網(wǎng)頁的成敗。設(shè)計者應(yīng)按照版式設(shè)計的原則和方法，通過將文字、圖像、動畫的有機結(jié)合突出頁面整體的美觀和舒適。

網(wǎng)頁布局主要包括：結(jié)構(gòu)的定位、菜單和導(dǎo)航的設(shè)置、網(wǎng)站信息的放置等。布局應(yīng)該做到規(guī)范、簡潔而且合理。

2.4 網(wǎng)頁的色彩繪制

人的視覺對色彩最為敏感，所以網(wǎng)頁的色彩設(shè)計的好可以起到錦上添花的作用。在網(wǎng)頁設(shè)計中色彩的繪制應(yīng)該遵循“整體協(xié)調(diào)、局部對比”，網(wǎng)頁的整體色彩效果看起來應(yīng)該是和諧的、舒適的，在部分范圍內(nèi)可以通過不通的色彩進(jìn)行對比用來突出所表達(dá)的內(nèi)容。

設(shè)計者應(yīng)該根據(jù)網(wǎng)頁的內(nèi)容需要和其想要表達(dá)的思想來確定所需的色彩，掌握網(wǎng)頁色彩搭配的原理和技巧，了解每一種顏色的屬性，合理的處理網(wǎng)頁的色調(diào)，從給讀者視覺上的享受和滿足。

3 網(wǎng)站的具體實現(xiàn)技術(shù)

在網(wǎng)站中加入CSS使頁面有特殊效果，為避免因網(wǎng)頁瀏覽器的設(shè)置改變而引起的網(wǎng)頁字體和大小的變化，影響頁面瀏覽者的信息瀏覽；利用font-family：\" Helvetica， Arial \"；font-size：10px定義了網(wǎng)頁文字的字體和大小。

text-decoration： none 定義了超級鏈接樣式，在這里我將它定義為下劃線，以反映網(wǎng)頁的總體設(shè)計思想和萱姿校園的定位精確；

font-style：normal定義了網(wǎng)頁字體風(fēng)格，可以定義為普通、加粗、傾斜三種樣式

4 開發(fā)環(huán)境及需求

4.1 開發(fā)目的

隨著計算機技術(shù)的發(fā)展，網(wǎng)絡(luò)技術(shù)對我們生活和工作顯得月來越重要，特別是現(xiàn)在信息高度發(fā)達(dá)的今天，人們對最新信息的需求和發(fā)布迫切的需要及時性。而動態(tài)交互式網(wǎng)頁剛好提供了這些功能，本系統(tǒng)就是一個能夠在網(wǎng)上實現(xiàn)新聞的網(wǎng)上多用戶發(fā)布，多欄目管理，實時的進(jìn)行行為統(tǒng)計和記錄的網(wǎng)上交互系統(tǒng)。

4.2 項目背景

HTML作為一種樣式語言，隨著Internet上信息量的增多和交互性的加強使HTML顯得越來越難以勝任的情況之下，在ASP編程語言高度發(fā)展的形式下，我們開始了對新聞發(fā)布系統(tǒng)的開發(fā)。

4.3 開發(fā)環(huán)境

（1）硬件條件。Web服務(wù)器一臺；客戶端計算機一臺；網(wǎng)絡(luò)通訊設(shè)備，主要包括交換機、網(wǎng)卡、集線器、MODEM等。

（2）系統(tǒng)平臺。采用Browser/Server體系結(jié)構(gòu)，服務(wù)器端采用Microsoft Windows 2000 Server作為網(wǎng)絡(luò)操作系統(tǒng)，Web服務(wù)器軟件采用IIS5.0（Internet Information Server）?？蛻舳塑浖?，包括單機操作系統(tǒng)和瀏覽器軟件，分別選用Windows XP和Internet Explorer，數(shù)據(jù)庫系統(tǒng)采用Microsoft Access有利于方便操作。

（3）開發(fā)工具。基于Web的系統(tǒng)開發(fā)工具應(yīng)使開發(fā)者使用各種各樣的技術(shù)來創(chuàng)建動態(tài)的Web應(yīng)用程序，我是用Editplus2.12純文本編輯工具進(jìn)行開發(fā)，它是用來快速創(chuàng)建Web應(yīng)用程序的開發(fā)環(huán)境，支持ASP、PHP、Cgi等，腳本語言為簡單易學(xué)的javascript或VBScript。

（4）運行需求。正常使用時不應(yīng)出錯，若運行時遇到不可恢復(fù)的系統(tǒng)錯誤，也必須保證數(shù)據(jù)完好無損，對數(shù)據(jù)的精確度、時間特性、適應(yīng)性等都有一定要求，要求系統(tǒng)運行時能夠保證正確性、可靠性、高效性、完整性、易使用性、可維護(hù)性、可測試性、復(fù)用性、安全保密性、可移植性、互聯(lián)性。

5 結(jié)束語

ASP從推出至今時間也不算漫長，由于它具有開發(fā)簡單，功能強和靈活等優(yōu)點，現(xiàn)在已被廣泛接受，成為開發(fā)動態(tài)網(wǎng)絡(luò)站點的主要技術(shù)之一，有人聲稱ASP已在Web開發(fā)領(lǐng)域悄悄地進(jìn)行著一場革命。今天已有上萬個Web站點使用了ASP技術(shù)，其中包括許多Internet中最大的站點。有人估計，在過去幾年中，ASP開發(fā)人員已達(dá)百萬之多，預(yù)計在今后的發(fā)展過程當(dāng)中將會越來越多。ASP正慢慢成為動態(tài)Web應(yīng)用程序開發(fā)環(huán)境的主流。

參考文獻(xiàn)：

[1]彭為，陶利，陳曉明等.Dreamweaver+ASP.NET動態(tài)網(wǎng)站設(shè)計與典型實例[M].北京：清華大學(xué)出版社，2008.

[2]王烽源.教育信息化網(wǎng)站的設(shè)計與開發(fā)[J].河北能源職業(yè)技術(shù)學(xué)院學(xué)報，2008.

[3]武彩霞，焦謹(jǐn).基于校園網(wǎng)的電子商務(wù)交易系統(tǒng)[J].計算機應(yīng)用研究，2002（05）.

作者單位：濟(jì)南職業(yè)學(xué)院電子工程系，濟(jì)南 250100