基于HTML5的年畫網(wǎng)站設(shè)計研究

李利萍

【摘要】年畫是我國的傳統(tǒng)藝術(shù)形式，隨著時代科技的進(jìn)步，年畫藝術(shù)已經(jīng)逐漸被人們遺忘，為了加大對傳統(tǒng)藝術(shù)形式的傳播，應(yīng)該將年畫宣傳與互聯(lián)網(wǎng)融合起來，借助互聯(lián)網(wǎng)的力量延續(xù)年畫文化的活力，實現(xiàn)對我國傳統(tǒng)文化藝術(shù)形式的保護。HTML5是網(wǎng)絡(luò)語言的一種重要表達(dá)形式，如今在互聯(lián)網(wǎng)的應(yīng)用上十分廣泛，基于HTML5的年畫網(wǎng)站設(shè)計有很大的優(yōu)勢，也是十分必要的措施，以下是對基于HTML5的年畫網(wǎng)站設(shè)計研究做出的詳細(xì)論述。

【關(guān)鍵詞】HTML5;年畫網(wǎng)站設(shè)計;方法;研究

專項課題：基于HTML5的濰坊楊家埠年畫網(wǎng)站設(shè)計應(yīng)用研究。項目編號：CZ201810174

HTML5是web語言的一種重要表達(dá)形式，基于HTML5進(jìn)行網(wǎng)站設(shè)計相比于以往的Flash動畫設(shè)計有更顯著的優(yōu)勢，基于HTML5進(jìn)行年畫網(wǎng)站設(shè)計是極其必要的，因為近年來，隨著我國社會經(jīng)濟的不斷發(fā)展，世界各國的文化形式大量的涌入我國，并加大了應(yīng)用的范圍，文化藝術(shù)形式多了，我國傳統(tǒng)的藝術(shù)形式就逐漸被遺忘，年畫是我國傳統(tǒng)文化藝術(shù)形式的重要代表之一，為了將年畫藝術(shù)繼承發(fā)揚下去，我們要轉(zhuǎn)變年畫藝術(shù)的宣傳形式，借助互聯(lián)網(wǎng)HTML5加大年畫藝術(shù)的宣傳力度，提升大眾對年畫藝術(shù)的關(guān)注度，借助HTML5將年畫藝術(shù)形式以更創(chuàng)新、更適合時代發(fā)展趨勢的方式展現(xiàn)出來，從而實現(xiàn)對傳統(tǒng)文化的保護和應(yīng)用。

1. HTML5的應(yīng)用優(yōu)勢

HTML5自問世以來，就與Flash形成了鮮明的對比，HTML5體現(xiàn)出了強大的生命力，與flash相比有更大的優(yōu)勢，在行業(yè)間，二者的性能一直都是被拿來比較的重點。HTML5在應(yīng)用優(yōu)勢主要體現(xiàn)在以下幾個方面：一、跨平臺兼容性更強，應(yīng)用HTML5只需要安裝HTML5瀏覽器的平臺就可以實現(xiàn)與各個平臺的兼容性，相比于Flash有更大的便捷性，這也是HTML5受到廣泛青睞的關(guān)鍵原因。而flash在移動設(shè)備上的兼容性較差，并且在iOS平臺上的應(yīng)用漏洞也較多，容易被惡意置入病毒代碼。二、HTML5的安全性更高，有效避免了插件的應(yīng)用，從而達(dá)到降低了安全風(fēng)險，并可以為用戶提供免費、開源的公共標(biāo)準(zhǔn)流暢。而flash則需要收費，并且在專利性的程序流暢上也比較封閉。三、HTML5視頻播放流暢度更高，包括720p以上的視頻，而flash只包含480p以下的視頻。四、HTML5系統(tǒng)資源占用率較低，通過硬件對視頻解碼，具有低功耗的特點，而flash則占用資源較多，耗電量較大，這樣在網(wǎng)站運行的時候容易造成死機的現(xiàn)象。

2. 基于HTML5的年畫網(wǎng)站設(shè)計的必要性

基于HTML5是十分必要的，因為隨著我國社會經(jīng)濟的不斷發(fā)展，我國加快了與國際的融合，國際融合使更多的國外文化涌入我國，使我國傳統(tǒng)文化的宣傳力度被不斷地削弱，導(dǎo)致很多具有悠久歷史的文化形式都得以失傳，因此為了加大對傳統(tǒng)文化的保護，我們要加大對傳統(tǒng)文化的宣傳力度，使傳統(tǒng)文化與互聯(lián)網(wǎng)融合在一起，借助HTML5使中國傳統(tǒng)文化得以應(yīng)用、得以發(fā)揚光大，是當(dāng)前傳統(tǒng)文化的發(fā)展所需。借助HTML5促進(jìn)傳統(tǒng)文化宣傳形式的轉(zhuǎn)型與發(fā)展，從而與信息技術(shù)主導(dǎo)的網(wǎng)絡(luò)時代更好順利的接軌。在年畫藝術(shù)傳播中，網(wǎng)站宣傳是一條重要的途徑，基于HTML5的網(wǎng)站設(shè)計相比于以往的flash設(shè)計更加引人入勝，也使設(shè)計的維度更加具有層次性，實現(xiàn)了網(wǎng)站設(shè)計的豐富性。因此作為網(wǎng)絡(luò)時代年畫藝術(shù)的傳播，HTML5應(yīng)該是首選的方式，它具有強大的生命力和穿透力，能過更好的引起受眾的共鳴，激發(fā)受眾的觀看興趣。

3. 基于HTML5的年畫網(wǎng)站設(shè)計方法

3.1 界面設(shè)計

在年畫網(wǎng)站設(shè)計中，界面的設(shè)計能夠給受眾最直觀的感受，為了提高界面設(shè)計的新穎度，應(yīng)該掌握幾點設(shè)計原則：一、在界面設(shè)計的時候，同一種設(shè)計方案要配備多分不同樣式的網(wǎng)頁來適應(yīng)不同的電腦屏幕，使受眾在視覺效果上最大程度的保持一致。二、基于HTML5的界面設(shè)計要做好適配處理，如果沒有進(jìn)行適配處理，那么用戶在使用的過程中將無法實現(xiàn)手機網(wǎng)頁界面的操作，界面操作只會被局限在電腦屏幕上。三、基于HTML5的界面設(shè)計適應(yīng)了各式各樣的移動終端設(shè)備，并且這種實現(xiàn)的方法并不復(fù)雜，只需要利用Media Queries就可以完成網(wǎng)頁界面的布局，并且應(yīng)用起來也具有較大的便捷性。

3.2 多媒體展示系統(tǒng)

基于HTML5使多媒體展現(xiàn)形式更加豐富，促進(jìn)了多媒體展現(xiàn)的創(chuàng)新性發(fā)展，從HTML5一經(jīng)問世，便已經(jīng)引發(fā)了一場爆炸性的革命，以往在進(jìn)行flash進(jìn)行網(wǎng)頁設(shè)計的時候，通常是將多媒體文件直接插入到其中，但是在播放多媒體視頻的時候，卻需要先安裝flash插件，只有安裝了相應(yīng)的插件，多媒體視頻才會成功的播放出來，但這無疑加大了網(wǎng)站設(shè)計的復(fù)雜性。而采用HTML5進(jìn)行多媒體視頻播放的時候，由于HTML5的兼容性很強，可以直接完成對插件的播放，用戶只需要用支持HTML5瀏覽器就可以直接將關(guān)于年畫文化的視頻作品播放出來，為年畫宣傳提供了很大的便捷。

3.3 網(wǎng)頁游戲

網(wǎng)頁游戲是年畫網(wǎng)站設(shè)計中不可缺少的一種形式，并且宣傳效果也十分理想，將時下流行的網(wǎng)頁游戲與年畫藝術(shù)結(jié)合起來，既提高了受眾的興趣，也加大了宣傳的力度。從文化體驗的角度上分析網(wǎng)頁游戲的宣傳效果，相比于其他的宣傳形式網(wǎng)頁游戲會更好的提高受眾的關(guān)注度和關(guān)注的興趣，尤其是對于一些年輕的受眾而言，網(wǎng)頁游戲的吸引力會更強。而且網(wǎng)頁游戲還具備的一個顯著優(yōu)點就是成本低廉，只需要短短的幾分鐘的網(wǎng)頁游戲就可以發(fā)揮出較好的效果，在游戲的復(fù)雜性上也不用太高，需要將年畫藝術(shù)引申出來即可，從而使用戶在短時間內(nèi)就可以體驗到內(nèi)涵豐富的年畫藝術(shù)。

3.4 線上博物館

線上博物館是網(wǎng)站文化宣傳最重要的載體之一，關(guān)于年畫藝術(shù)的內(nèi)容都可以放到線上博物館去，實現(xiàn)年畫藝術(shù)形式的數(shù)字化宣傳模式，線上博物館對傳統(tǒng)藝術(shù)形式的傳播具有很大的優(yōu)勢，具體有以下幾點：一、數(shù)據(jù)采集，通過對HTML5的應(yīng)用可以拍攝超大視角的圖片。二、使后期處理得到優(yōu)化，采用HTML5網(wǎng)站設(shè)計可以將所拍的照片成為360°的全景圖片，在視覺效果呈現(xiàn)上更好。三、系統(tǒng)實現(xiàn)，基于HTML5進(jìn)行年畫網(wǎng)站設(shè)計可以繪制3D場景，匹配可以伸縮圖片的按鈕，使年畫宣傳片更形象。

3.5 地圖應(yīng)用

年畫藝術(shù)屬于我國的非物質(zhì)文化遺產(chǎn)，非物質(zhì)文化遺產(chǎn)都與地域有密切的關(guān)系，在進(jìn)行年畫網(wǎng)站宣傳的時候，也要注意與地域特點保持緊密的聯(lián)系，通過與地域特色建立聯(lián)系宣傳年畫藝術(shù)就要加大對地圖的應(yīng)用，隨著GPS定位技術(shù)的快速發(fā)展，基于HTML5的年畫網(wǎng)站設(shè)計也成功的實現(xiàn)了地理定位，通過地圖的引領(lǐng)，使用戶能夠準(zhǔn)確的獲取當(dāng)前的地理信息，即便是在脫離客戶端的網(wǎng)站應(yīng)用時也能夠成功的實現(xiàn)導(dǎo)航。

4. 結(jié)語

總之，年畫是我國傳統(tǒng)藝術(shù)中的瑰寶，具有極深的文化內(nèi)涵，年畫藝術(shù)應(yīng)該得到世代傳承。基于HTML5設(shè)計年畫網(wǎng)站是將拓展年畫藝術(shù)傳承途徑的重要方式，基于HTML5進(jìn)行年畫網(wǎng)站設(shè)計相比于以往的Flash動畫設(shè)計有很大的優(yōu)勢，基于HTML5有更好的跨平臺兼容性、安全性、開放性、視頻播放流暢度以及系統(tǒng)資源占用率等，本文重點介紹了幾種應(yīng)用十分廣泛的設(shè)計方法，有界面設(shè)計、多媒體展示系統(tǒng)、網(wǎng)頁游戲、線上博物館以及地圖應(yīng)用?；贖TML5進(jìn)行年畫網(wǎng)站設(shè)計會將年畫藝術(shù)的傳播形式變得更加豐富，HTML5自問世以來，就體現(xiàn)了超強的生命力，以此應(yīng)該得到網(wǎng)站設(shè)計中的廣泛應(yīng)用。

參考文獻(xiàn)：

[1]張妮，劉鑄德.基于HTML5的《圖形圖像處理》課程手機網(wǎng)站的設(shè)計與制作[J].廣西廣播電視大學(xué)學(xué)報，2019，30（01）：13-16.

[2]奚焱，肖雪.基于HTML5的輔助運動配對網(wǎng)站設(shè)計與開發(fā)[J].福建電腦，2018，34（05）：132+24.

作者簡介：陳方浚，男，南昌航空大學(xué)廣播電視藝術(shù)專業(yè)，碩士研究生在讀，研究方向：廣播電視節(jié)目策劃與制作。胡浩宇，男，中山大學(xué)博士，南昌航空大學(xué)新聞系主任，副教授。