【網(wǎng)站設(shè)計(jì)論文】高校門戶網(wǎng)站的建設(shè)分析

《【網(wǎng)站設(shè)計(jì)論文】高校門戶網(wǎng)站的建設(shè)分析》由會員分享，可在線閱讀，更多相關(guān)《【網(wǎng)站設(shè)計(jì)論文】高校門戶網(wǎng)站的建設(shè)分析（5頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

1、【網(wǎng)站設(shè)計(jì)論文】高校門戶網(wǎng)站的建設(shè)分析 摘要：如今國內(nèi)高校門戶型網(wǎng)站逐漸成為高校和社會之間交流的重要平臺，也是一流大學(xué)在國際高校圈內(nèi)一個(gè)獨(dú)特的標(biāo)志。對于普通高校而言，高校門戶網(wǎng)站是宣傳校園文化、建設(shè)高校品牌的重要平臺。本文通過對國內(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ù)的高校都很難做

2、到兩全其美，有些注重校內(nèi)師生的用戶體驗(yàn)，卻往往忽視了校園文化的體現(xiàn)，反之亦然。國內(nèi)普通高校門戶網(wǎng)站建設(shè)注重信息架構(gòu)的建設(shè)，發(fā)布的內(nèi)容詳細(xì)、全面。各個(gè)欄目分明，導(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)的國際重點(diǎn)項(xiàng)目或者是研究方向。在服務(wù)導(dǎo)向方面，網(wǎng)站中各個(gè)內(nèi)容板塊對于不同的群體針對性不同，為滿足各群體需求，網(wǎng)站開發(fā)時(shí)將

3、各個(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ì)

4、響應(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è)置。針對不同的分辨率進(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)一流高校的門戶

5、網(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ī)范，遵循原則。

6、網(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)簽

7、進(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ì)方案進(jìn)行建設(shè)，響應(yīng)式網(wǎng)站具有相同的HTML結(jié)構(gòu)，這樣搜索引擎能更容易處理。對于高校門戶網(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è)的安全知識，導(dǎo)致開發(fā)的

8、網(wǎng)站存在安全漏洞。學(xué)校網(wǎng)站可使用使用開源的內(nèi)容管理系統(tǒng)，而且官方會定期的發(fā)布和更新漏洞補(bǔ)丁。當(dāng)上線的網(wǎng)站出現(xiàn)被攻擊的情況后，要第一時(shí)間關(guān)閉網(wǎng)站并進(jìn)行修復(fù)，向上級部門上報(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é)校對外的招牌和校內(nèi)外高效的信息平臺。 參考文獻(xiàn) [1]洪波，袁利民，謝宇威.一流高校門戶網(wǎng)站建設(shè)探析[J].電腦知識與技術(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.