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