【網(wǎng)站設(shè)計論文】高校門戶網(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è)的趨勢進(jìn)行總結(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è)，發(fā)布的內(nèi)容詳細(xì)、全面。各個欄目分明，導(dǎo)航和鏈接豐富，功能全面。無論是學(xué)生還是教師，都能在網(wǎng)站中快速地找到需要的信息。學(xué)校網(wǎng)站上發(fā)布的內(nèi)容詳細(xì)且全面，校方對發(fā)布內(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改進(jìn)思路國內(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é)給出兩種方式進(jìn)行響應(yīng)式網(wǎng)站的設(shè)計，一是根據(jù)正在瀏覽網(wǎng)頁的用戶終端尺寸不同，調(diào)用相應(yīng)的CSS文件。HTML代碼基本完成后，在CSS中進(jìn)行屬性的設(shè)置。針對不同的分辨率進(jìn)行布局，分為兩個CSS文件，可在HTML文件中添加link標(biāo)簽，并配合media屬性，根據(jù)不同的分辨率進(jìn)行相應(yīng)的CSS文件調(diào)用。第二個方法是使用Bootstrap插件，也被稱為響應(yīng)式CSS框架，該框架內(nèi)預(yù)設(shè)有大量的CSS類，在進(jìn)行開發(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)航欄精簡，要以用戶體驗為核心進(jìn)行建設(shè)，簡單直白人性化的導(dǎo)航才是高校門戶網(wǎng)站的需求。（2）合理排版，層次分明。學(xué)校門戶網(wǎng)站在建設(shè)初期需要確定各欄目的排版，確定各區(qū)域主要功能以及各教學(xué)院網(wǎng)站或其它系統(tǒng)的入口位置。合理的進(jìn)行排版不僅能營造良好的用戶體驗，還能樹立高校正面形象。從淺入深引導(dǎo)用戶了解高校，方便校內(nèi)師生進(jìn)行相關(guān)操作。（3）設(shè)計規(guī)范，遵循原則。網(wǎng)站建設(shè)需要符合的原則：用戶導(dǎo)向原則；KISS原則（簡潔和易于操作）；布局控制；視覺平衡；色彩的搭配和文字的可閱讀性；和諧與一致性；個性化。一般的高校網(wǎng)站分為六個部分，分別是Logo、導(dǎo)航欄、輪播圖、內(nèi)容、連接和版權(quán)這六個部分。3.3新技術(shù)與新應(yīng)用隨著HTML5和CSS3等前端技術(shù)的不斷進(jìn)步、更新?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)簽進(jìn)行調(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è)計方案進(jìn)行建設(shè)，響應(yīng)式網(wǎng)站具有相同的HTML結(jié)構(gòu)，這樣搜索引擎能更容易處理。對于高校門戶網(wǎng)站來說，關(guān)鍵詞十分重要，在進(jì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)，而且官方會定期的發(fā)布和更新漏洞補(bǔ)丁。當(dāng)上線的網(wǎng)站出現(xiàn)被攻擊的情況后，要第一時間關(guān)閉網(wǎng)站并進(jìn)行修復(fù)，向上級部門上報并做好備案。網(wǎng)站開發(fā)人員應(yīng)在實時進(jìn)行網(wǎng)站監(jiān)測，防范黑客攻擊。開發(fā)人員可進(jìn)行漏洞掃描，查看是否有漏洞，檢測網(wǎng)站是否被掛馬，是否存在暗鏈等等。4結(jié)束語現(xiàn)國內(nèi)高校的門戶網(wǎng)站還不能完全依照國外的名校網(wǎng)站進(jìn)行設(shè)計，這不僅僅是文化的差異，當(dāng)然還有技術(shù)上的原因。本文闡述的改進(jìn)方法旨在提高用戶體驗以及網(wǎng)站建設(shè)基礎(chǔ)水平，將高校門戶網(wǎng)站打造成學(xué)校對外的招牌和校內(nèi)外高效的信息平臺。參考文獻(xiàn)1洪波，袁利民，謝宇威.一流高校門戶網(wǎng)站建設(shè)探析J.電腦知識與技術(shù)，2017，13（12）：258-259.2王建翠，陳育才.基于HTML5技術(shù)的移動Web前端設(shè)計與開發(fā)分析J.計算機(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.