公務(wù)員期刊網(wǎng) 論文中心 正文

高校門戶網(wǎng)站的建設(shè)分析

前言:想要寫出一篇引人入勝的文章?我們特意為您整理了高校門戶網(wǎng)站的建設(shè)分析范文,希望能給你帶來靈感和參考,敬請閱讀。

高校門戶網(wǎng)站的建設(shè)分析

摘要:如今國內(nèi)高校門戶型網(wǎng)站逐漸成為高校和社會之間交流的重要平臺,也是一流大學(xué)在國際高校圈內(nèi)一個獨特的標(biāo)志。對于普通高校而言,高校門戶網(wǎng)站是宣傳校園文化、建設(shè)高校品牌的重要平臺。本文通過對國內(nèi)外高校門戶網(wǎng)站建設(shè)的趨勢進行總結(jié)與分析,為互聯(lián)網(wǎng)時代、教育改革背景下的高校門戶網(wǎng)站建設(shè)提供參考依據(jù)。

關(guān)鍵詞:高校;門戶網(wǎng)站;HTML5;CSS3;用戶體驗

1國內(nèi)外高校門戶網(wǎng)站建設(shè)現(xiàn)狀

1.1國內(nèi)高校門戶網(wǎng)站建設(shè)現(xiàn)狀

高校門戶網(wǎng)站的建設(shè)目的主要是宣傳高校文化以及服務(wù)師生。但大多數(shù)的高校都很難做到兩全其美,有些注重校內(nèi)師生的用戶體驗,卻往往忽視了校園文化的體現(xiàn),反之亦然。國內(nèi)普通高校門戶網(wǎng)站建設(shè)注重信息架構(gòu)的建設(shè),的內(nèi)容詳細(xì)、全面。各個欄目分明,導(dǎo)航和鏈接豐富,功能全面。無論是學(xué)生還是教師,都能在網(wǎng)站中快速地找到需要的信息。學(xué)校網(wǎng)站上的內(nèi)容詳細(xì)且全面,校方對內(nèi)容的把控十分嚴(yán)格。

1.2國外一流高校門戶網(wǎng)站建設(shè)現(xiàn)狀

網(wǎng)站內(nèi)容方面,國外一流大學(xué)的門戶網(wǎng)站在內(nèi)容上詳細(xì)且簡潔,其標(biāo)題言簡意賅。在文化層面上,展示的內(nèi)容也是結(jié)合了校內(nèi)的國際重點項目或者是研究方向。在服務(wù)導(dǎo)向方面,網(wǎng)站中各個內(nèi)容板塊對于不同的群體針對性不同,為滿足各群體需求,網(wǎng)站開發(fā)時將各個信息板塊分離。

2國內(nèi)高校門戶網(wǎng)站存在問題

國外高校門戶網(wǎng)站大多特色鮮明,簡潔而高效,能夠突出實時新聞的重點。國內(nèi)普通高校門戶網(wǎng)站建設(shè)的不足也是顯而易見的,下面將提出五點主要的問題。(1)網(wǎng)站主題不鮮明;(2)存在“信息孤島”現(xiàn)象;(3)外文版網(wǎng)站建設(shè)不重視;(4)用戶體驗問題;(5)網(wǎng)站安全問題。

3改進思路

國內(nèi)高校門戶網(wǎng)站的設(shè)計以及建設(shè),或者是現(xiàn)階段的優(yōu)化,還有很大的提升空間。通過一系列的優(yōu)化來使網(wǎng)站在頁面美化程度、信息檢索功能、網(wǎng)站安全層面等方面有一個較大的提升。

3.1響應(yīng)式網(wǎng)站設(shè)計

響應(yīng)式網(wǎng)頁設(shè)計這一設(shè)計概念在2010年被提出,它是一種網(wǎng)絡(luò)頁面設(shè)計布局。本節(jié)給出兩種方式進行響應(yīng)式網(wǎng)站的設(shè)計,一是根據(jù)正在瀏覽網(wǎng)頁的用戶終端尺寸不同,調(diào)用相應(yīng)的CSS文件。HTML代碼基本完成后,在CSS中進行屬性的設(shè)置。針對不同的分辨率進行布局,分為兩個CSS文件,可在HTML文件中添加link標(biāo)簽,并配合me-dia屬性,根據(jù)不同的分辨率進行相應(yīng)的CSS文件調(diào)用。第二個方法是使用Bootstrap插件,也被稱為響應(yīng)式CSS框架,該框架內(nèi)預(yù)設(shè)有大量的CSS類,在進行開發(fā)的時候為HTML元素添加CSS類,實現(xiàn)網(wǎng)站排版自動布局。

3.2版面設(shè)計

國內(nèi)一流高校的門戶網(wǎng)站在版面設(shè)計方面正在逐漸向國際一流高??待R,下面列出三點建議。(1)內(nèi)容簡潔,配圖大方。作為瀏覽網(wǎng)頁的用戶,一般第一眼看見的就是占屏比大的輪播圖。所以應(yīng)該選校內(nèi)較為關(guān)鍵的實時信息,配上文字并放在輪播圖內(nèi)。內(nèi)容可以是重大研究或者一些重要的通知公告等。導(dǎo)航欄精簡,要以用戶體驗為核心進行建設(shè),簡單直白人性化的導(dǎo)航才是高校門戶網(wǎng)站的需求。(2)合理排版,層次分明。學(xué)校門戶網(wǎng)站在建設(shè)初期需要確定各欄目的排版,確定各區(qū)域主要功能以及各教學(xué)院網(wǎng)站或其它系統(tǒng)的入口位置。合理的進行排版不僅能營造良好的用戶體驗,還能樹立高校正面形象。從淺入深引導(dǎo)用戶了解高校,方便校內(nèi)師生進行相關(guān)操作。(3)設(shè)計規(guī)范,遵循原則。網(wǎng)站建設(shè)需要符合的原則:用戶導(dǎo)向原則;KISS原則(簡潔和易于操作);布局控制;視覺平衡;色彩的搭配和文字的可閱讀性;和諧與一致性;個性化。一般的高校網(wǎng)站分為六個部分,分別是Lo-go、導(dǎo)航欄、輪播圖、內(nèi)容、連接和版權(quán)這六個部分。

3.3新技術(shù)與新應(yīng)用

隨著HTML5和CSS3等前端技術(shù)的不斷進步、更新?lián)Q代。很多以前不能實現(xiàn)的功能,現(xiàn)在都可以實現(xiàn)。如今高校網(wǎng)站上常見的有小地圖、網(wǎng)頁背景特效等元素。以小地圖為例,現(xiàn)網(wǎng)站常使用百度地圖JavaScriptAPI作為地圖開發(fā),該應(yīng)用開源,不需要收取任何費用。確定好定位并獲取代碼后可以在HTML文件中使用iframe標(biāo)簽進行調(diào)用。

3.4搜索效率提升

SEO(SearchEngineOptimization),搜索引擎優(yōu)化,利用搜索引擎的規(guī)則可以提高網(wǎng)站在有關(guān)搜索引擎內(nèi)的排名。SEO對于高校門戶網(wǎng)站來說是必要要求。在建設(shè)初期,網(wǎng)站按照響應(yīng)式網(wǎng)站設(shè)計方案進行建設(shè),響應(yīng)式網(wǎng)站具有相同的HTML結(jié)構(gòu),這樣搜索引擎能更容易處理。對于高校門戶網(wǎng)站來說,關(guān)鍵詞十分重要,在進行代碼編寫時,在HTML文件中使用meta標(biāo)簽,其中content這一屬性中的內(nèi)容選取用戶搜索的關(guān)鍵詞。

3.5網(wǎng)站安全

學(xué)校部分網(wǎng)站大多是由校內(nèi)師生制作的,缺乏專業(yè)的安全知識,導(dǎo)致開發(fā)的網(wǎng)站存在安全漏洞。學(xué)校網(wǎng)站可使用使用開源的內(nèi)容管理系統(tǒng),而且官方會定期的和更新漏洞補丁。當(dāng)上線的網(wǎng)站出現(xiàn)被攻擊的情況后,要第一時間關(guān)閉網(wǎng)站并進行修復(fù),向上級部門上報并做好備案。網(wǎng)站開發(fā)人員應(yīng)在實時進行網(wǎng)站監(jiān)測,防范黑客攻擊。開發(fā)人員可進行漏洞掃描,查看是否有漏洞,檢測網(wǎng)站是否被掛馬,是否存在暗鏈等等。

4結(jié)束語

現(xiàn)國內(nèi)高校的門戶網(wǎng)站還不能完全依照國外的名校網(wǎng)站進行設(shè)計,這不僅僅是文化的差異,當(dāng)然還有技術(shù)上的原因。本文闡述的改進方法旨在提高用戶體驗以及網(wǎng)站建設(shè)基礎(chǔ)水平,將高校門戶網(wǎng)站打造成學(xué)校對外的招牌和校內(nèi)外高效的信息平臺。

參考文獻

[1]洪波,袁利民,謝宇威.一流高校門戶網(wǎng)站建設(shè)探析[J].電腦知識與技術(shù),2017,13(12):258-259.

[2]王建翠,陳育才.基于HTML5技術(shù)的移動Web前端設(shè)計與開發(fā)分析[J].計算機產(chǎn)品與流通,2019(10):25.

[3]季云.探析數(shù)字化背景下高校門戶網(wǎng)站的規(guī)劃建設(shè)[J].信息系統(tǒng)工程,2016(09):39.

[4]李婧.關(guān)于軍隊院校互聯(lián)網(wǎng)門戶網(wǎng)站建設(shè)的幾點思考[J].電子世界,2019(01):108.

作者:李明鍵 禹英花 單位:吉林化工學(xué)院經(jīng)濟管理學(xué)院