前言:想要寫出一篇引人入勝的文章?我們特意為您整理了高校門戶網(wǎng)站的建設(shè)分析范文,希望能給你帶來靈感和參考,敬請(qǐng)閱讀。
摘要:如今國內(nèi)高校門戶型網(wǎng)站逐漸成為高校和社會(huì)之間交流的重要平臺(tái),也是一流大學(xué)在國際高校圈內(nèi)一個(gè)獨(dú)特的標(biāo)志。對(duì)于普通高校而言,高校門戶網(wǎng)站是宣傳校園文化、建設(shè)高校品牌的重要平臺(tái)。本文通過對(duì)國內(nèi)外高校門戶網(wǎng)站建設(shè)的趨勢進(jìn)行總結(jié)與分析,為互聯(lián)網(wǎng)時(shí)代、教育改革背景下的高校門戶網(wǎng)站建設(shè)提供參考依據(jù)。
關(guān)鍵詞:高校;門戶網(wǎng)站;HTML5;CSS3;用戶體驗(yàn)
1國內(nèi)外高校門戶網(wǎng)站建設(shè)現(xiàn)狀
1.1國內(nèi)高校門戶網(wǎng)站建設(shè)現(xiàn)狀
高校門戶網(wǎng)站的建設(shè)目的主要是宣傳高校文化以及服務(wù)師生。但大多數(shù)的高校都很難做到兩全其美,有些注重校內(nèi)師生的用戶體驗(yàn),卻往往忽視了校園文化的體現(xiàn),反之亦然。國內(nèi)普通高校門戶網(wǎng)站建設(shè)注重信息架構(gòu)的建設(shè),的內(nèi)容詳細(xì)、全面。各個(gè)欄目分明,導(dǎo)航和鏈接豐富,功能全面。無論是學(xué)生還是教師,都能在網(wǎng)站中快速地找到需要的信息。學(xué)校網(wǎng)站上的內(nèi)容詳細(xì)且全面,校方對(duì)內(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)的國際重點(diǎn)項(xiàng)目或者是研究方向。在服務(wù)導(dǎo)向方面,網(wǎng)站中各個(gè)內(nèi)容板塊對(duì)于不同的群體針對(duì)性不同,為滿足各群體需求,網(wǎng)站開發(fā)時(shí)將各個(gè)信息板塊分離。
2國內(nèi)高校門戶網(wǎng)站存在問題
國外高校門戶網(wǎng)站大多特色鮮明,簡潔而高效,能夠突出實(shí)時(shí)新聞的重點(diǎn)。國內(nèi)普通高校門戶網(wǎng)站建設(shè)的不足也是顯而易見的,下面將提出五點(diǎn)主要的問題。(1)網(wǎng)站主題不鮮明;(2)存在“信息孤島”現(xiàn)象;(3)外文版網(wǎng)站建設(shè)不重視;(4)用戶體驗(yàn)問題;(5)網(wǎng)站安全問題。
3改進(jìn)思路
國內(nèi)高校門戶網(wǎng)站的設(shè)計(jì)以及建設(shè),或者是現(xiàn)階段的優(yōu)化,還有很大的提升空間。通過一系列的優(yōu)化來使網(wǎng)站在頁面美化程度、信息檢索功能、網(wǎng)站安全層面等方面有一個(gè)較大的提升。
3.1響應(yīng)式網(wǎng)站設(shè)計(jì)
響應(yīng)式網(wǎng)頁設(shè)計(jì)這一設(shè)計(jì)概念在2010年被提出,它是一種網(wǎng)絡(luò)頁面設(shè)計(jì)布局。本節(jié)給出兩種方式進(jìn)行響應(yīng)式網(wǎng)站的設(shè)計(jì),一是根據(jù)正在瀏覽網(wǎng)頁的用戶終端尺寸不同,調(diào)用相應(yīng)的CSS文件。HTML代碼基本完成后,在CSS中進(jìn)行屬性的設(shè)置。針對(duì)不同的分辨率進(jìn)行布局,分為兩個(gè)CSS文件,可在HTML文件中添加link標(biāo)簽,并配合me-dia屬性,根據(jù)不同的分辨率進(jìn)行相應(yīng)的CSS文件調(diào)用。第二個(gè)方法是使用Bootstrap插件,也被稱為響應(yīng)式CSS框架,該框架內(nèi)預(yù)設(shè)有大量的CSS類,在進(jìn)行開發(fā)的時(shí)候?yàn)镠TML元素添加CSS類,實(shí)現(xiàn)網(wǎng)站排版自動(dòng)布局。
3.2版面設(shè)計(jì)
國內(nèi)一流高校的門戶網(wǎng)站在版面設(shè)計(jì)方面正在逐漸向國際一流高??待R,下面列出三點(diǎn)建議。(1)內(nèi)容簡潔,配圖大方。作為瀏覽網(wǎng)頁的用戶,一般第一眼看見的就是占屏比大的輪播圖。所以應(yīng)該選校內(nèi)較為關(guān)鍵的實(shí)時(shí)信息,配上文字并放在輪播圖內(nèi)。內(nèi)容可以是重大研究或者一些重要的通知公告等。導(dǎo)航欄精簡,要以用戶體驗(yàn)為核心進(jìn)行建設(shè),簡單直白人性化的導(dǎo)航才是高校門戶網(wǎng)站的需求。(2)合理排版,層次分明。學(xué)校門戶網(wǎng)站在建設(shè)初期需要確定各欄目的排版,確定各區(qū)域主要功能以及各教學(xué)院網(wǎng)站或其它系統(tǒng)的入口位置。合理的進(jìn)行排版不僅能營造良好的用戶體驗(yàn),還能樹立高校正面形象。從淺入深引導(dǎo)用戶了解高校,方便校內(nèi)師生進(jìn)行相關(guān)操作。(3)設(shè)計(jì)規(guī)范,遵循原則。網(wǎng)站建設(shè)需要符合的原則:用戶導(dǎo)向原則;KISS原則(簡潔和易于操作);布局控制;視覺平衡;色彩的搭配和文字的可閱讀性;和諧與一致性;個(gè)性化。一般的高校網(wǎng)站分為六個(gè)部分,分別是Lo-go、導(dǎo)航欄、輪播圖、內(nèi)容、連接和版權(quán)這六個(gè)部分。
3.3新技術(shù)與新應(yīng)用
隨著HTML5和CSS3等前端技術(shù)的不斷進(jìn)步、更新?lián)Q代。很多以前不能實(shí)現(xiàn)的功能,現(xiàn)在都可以實(shí)現(xiàn)。如今高校網(wǎng)站上常見的有小地圖、網(wǎng)頁背景特效等元素。以小地圖為例,現(xiàn)網(wǎng)站常使用百度地圖JavaScriptAPI作為地圖開發(fā),該應(yīng)用開源,不需要收取任何費(fèi)用。確定好定位并獲取代碼后可以在HTML文件中使用iframe標(biāo)簽進(jìn)行調(diào)用。
3.4搜索效率提升
SEO(SearchEngineOptimization),搜索引擎優(yōu)化,利用搜索引擎的規(guī)則可以提高網(wǎng)站在有關(guān)搜索引擎內(nèi)的排名。SEO對(duì)于高校門戶網(wǎng)站來說是必要要求。在建設(shè)初期,網(wǎng)站按照響應(yīng)式網(wǎng)站設(shè)計(jì)方案進(jìn)行建設(shè),響應(yīng)式網(wǎng)站具有相同的HTML結(jié)構(gòu),這樣搜索引擎能更容易處理。對(duì)于高校門戶網(wǎng)站來說,關(guān)鍵詞十分重要,在進(jìn)行代碼編寫時(shí),在HTML文件中使用meta標(biāo)簽,其中content這一屬性中的內(nèi)容選取用戶搜索的關(guān)鍵詞。
3.5網(wǎng)站安全
學(xué)校部分網(wǎng)站大多是由校內(nèi)師生制作的,缺乏專業(yè)的安全知識(shí),導(dǎo)致開發(fā)的網(wǎng)站存在安全漏洞。學(xué)校網(wǎng)站可使用使用開源的內(nèi)容管理系統(tǒng),而且官方會(huì)定期的和更新漏洞補(bǔ)丁。當(dāng)上線的網(wǎng)站出現(xiàn)被攻擊的情況后,要第一時(shí)間關(guān)閉網(wǎng)站并進(jìn)行修復(fù),向上級(jí)部門上報(bào)并做好備案。網(wǎng)站開發(fā)人員應(yīng)在實(shí)時(shí)進(jìn)行網(wǎng)站監(jiān)測,防范黑客攻擊。開發(fā)人員可進(jìn)行漏洞掃描,查看是否有漏洞,檢測網(wǎng)站是否被掛馬,是否存在暗鏈等等。
4結(jié)束語
現(xiàn)國內(nèi)高校的門戶網(wǎng)站還不能完全依照國外的名校網(wǎng)站進(jìn)行設(shè)計(jì),這不僅僅是文化的差異,當(dāng)然還有技術(shù)上的原因。本文闡述的改進(jìn)方法旨在提高用戶體驗(yàn)以及網(wǎng)站建設(shè)基礎(chǔ)水平,將高校門戶網(wǎng)站打造成學(xué)校對(duì)外的招牌和校內(nèi)外高效的信息平臺(tái)。
參考文獻(xiàn)
[1]洪波,袁利民,謝宇威.一流高校門戶網(wǎng)站建設(shè)探析[J].電腦知識(shí)與技術(shù),2017,13(12):258-259.
[2]王建翠,陳育才.基于HTML5技術(shù)的移動(dòng)Web前端設(shè)計(jì)與開發(fā)分析[J].計(jì)算機(jī)產(chǎn)品與流通,2019(10):25.
[3]季云.探析數(shù)字化背景下高校門戶網(wǎng)站的規(guī)劃建設(shè)[J].信息系統(tǒng)工程,2016(09):39.
[4]李婧.關(guān)于軍隊(duì)院?;ヂ?lián)網(wǎng)門戶網(wǎng)站建設(shè)的幾點(diǎn)思考[J].電子世界,2019(01):108.
作者:李明鍵 禹英花 單位:吉林化工學(xué)院經(jīng)濟(jì)管理學(xué)院
級(jí)別:省級(jí)期刊
榮譽(yù):中國優(yōu)秀期刊遴選數(shù)據(jù)庫
級(jí)別:省級(jí)期刊
榮譽(yù):中國優(yōu)秀期刊遴選數(shù)據(jù)庫
級(jí)別:省級(jí)期刊
榮譽(yù):中國優(yōu)秀期刊遴選數(shù)據(jù)庫
級(jí)別:省級(jí)期刊
榮譽(yù):中國期刊全文數(shù)據(jù)庫(CJFD)
級(jí)別:省級(jí)期刊
榮譽(yù):中國優(yōu)秀期刊遴選數(shù)據(jù)庫