基于HTML5的年画网站设计研究

李利萍

【摘要】年画是我国的传统艺术形式，随着时代科技的进步，年画艺术已经逐渐被人们遗忘，为了加大对传统艺术形式的传播，应该将年画宣传与互联网融合起来，借助互联网的力量延续年画文化的活力，实现对我国传统文化艺术形式的保护。HTML5是网络语言的一种重要表达形式，如今在互联网的应用上十分广泛，基于HTML5的年画网站设计有很大的优势，也是十分必要的措施，以下是对基于HTML5的年画网站设计研究做出的详细论述。

【关键词】HTML5;年画网站设计;方法;研究

专项课题：基于HTML5的潍坊杨家埠年画网站设计应用研究。项目编号：CZ201810174

HTML5是web语言的一种重要表达形式，基于HTML5进行网站设计相比于以往的Flash动画设计有更显著的优势，基于HTML5进行年画网站设计是极其必要的，因为近年来，随着我国社会经济的不断发展，世界各国的文化形式大量的涌入我国，并加大了应用的范围，文化艺术形式多了，我国传统的艺术形式就逐渐被遗忘，年画是我国传统文化艺术形式的重要代表之一，为了将年画艺术继承发扬下去，我们要转变年画艺术的宣传形式，借助互联网HTML5加大年画艺术的宣传力度，提升大众对年画艺术的关注度，借助HTML5将年画艺术形式以更创新、更适合时代发展趋势的方式展现出来，从而实现对传统文化的保护和应用。

1. HTML5的应用优势

HTML5自问世以来，就与Flash形成了鲜明的对比，HTML5体现出了强大的生命力，与flash相比有更大的优势，在行业间，二者的性能一直都是被拿来比较的重点。HTML5在应用优势主要体现在以下几个方面：一、跨平台兼容性更强，应用HTML5只需要安装HTML5浏览器的平台就可以实现与各个平台的兼容性，相比于Flash有更大的便捷性，这也是HTML5受到广泛青睐的关键原因。而flash在移动设备上的兼容性较差，并且在iOS平台上的应用漏洞也较多，容易被恶意置入病毒代码。二、HTML5的安全性更高，有效避免了插件的应用，从而达到降低了安全风险，并可以为用户提供免费、开源的公共标准流畅。而flash则需要收费，并且在专利性的程序流畅上也比较封闭。三、HTML5视频播放流畅度更高，包括720p以上的视频，而flash只包含480p以下的视频。四、HTML5系统资源占用率较低，通过硬件对视频解码，具有低功耗的特点，而flash则占用资源较多，耗电量较大，这样在网站运行的时候容易造成死机的现象。

2. 基于HTML5的年画网站设计的必要性

基于HTML5是十分必要的，因为随着我国社会经济的不断发展，我国加快了与国际的融合，国际融合使更多的国外文化涌入我国，使我国传统文化的宣传力度被不断地削弱，导致很多具有悠久历史的文化形式都得以失传，因此为了加大对传统文化的保护，我们要加大对传统文化的宣传力度，使传统文化与互联网融合在一起，借助HTML5使中国传统文化得以应用、得以发扬光大，是当前传统文化的发展所需。借助HTML5促进传统文化宣传形式的转型与发展，从而与信息技术主导的网络时代更好顺利的接轨。在年画艺术传播中，网站宣传是一条重要的途径，基于HTML5的网站设计相比于以往的flash设计更加引人入胜，也使设计的维度更加具有层次性，实现了网站设计的丰富性。因此作为网络时代年画艺术的传播，HTML5应该是首选的方式，它具有强大的生命力和穿透力，能过更好的引起受众的共鸣，激发受众的观看兴趣。

3. 基于HTML5的年画网站设计方法

3.1 界面设计

在年画网站设计中，界面的设计能够给受众最直观的感受，为了提高界面设计的新颖度，应该掌握几点设计原则：一、在界面设计的时候，同一种设计方案要配备多分不同样式的网页来适应不同的电脑屏幕，使受众在视觉效果上最大程度的保持一致。二、基于HTML5的界面设计要做好适配处理，如果没有进行适配处理，那么用户在使用的过程中将无法实现手机网页界面的操作，界面操作只会被局限在电脑屏幕上。三、基于HTML5的界面设计适应了各式各样的移动终端设备，并且这种实现的方法并不复杂，只需要利用Media Queries就可以完成网页界面的布局，并且应用起来也具有较大的便捷性。

3.2 多媒体展示系统

基于HTML5使多媒体展现形式更加丰富，促进了多媒体展现的创新性发展，从HTML5一经问世，便已经引发了一场爆炸性的革命，以往在进行flash进行网页设计的时候，通常是将多媒体文件直接插入到其中，但是在播放多媒体视频的时候，却需要先安装flash插件，只有安装了相应的插件，多媒体视频才会成功的播放出来，但这无疑加大了网站设计的复杂性。而采用HTML5进行多媒体视频播放的時候，由于HTML5的兼容性很强，可以直接完成对插件的播放，用户只需要用支持HTML5浏览器就可以直接将关于年画文化的视频作品播放出来，为年画宣传提供了很大的便捷。

3.3 网页游戏

网页游戏是年画网站设计中不可缺少的一种形式，并且宣传效果也十分理想，将时下流行的网页游戏与年画艺术结合起来，既提高了受众的兴趣，也加大了宣传的力度。从文化体验的角度上分析网页游戏的宣传效果，相比于其他的宣传形式网页游戏会更好的提高受众的关注度和关注的兴趣，尤其是对于一些年轻的受众而言，网页游戏的吸引力会更强。而且网页游戏还具备的一个显著优点就是成本低廉，只需要短短的几分钟的网页游戏就可以发挥出较好的效果，在游戏的复杂性上也不用太高，需要将年画艺术引申出来即可，从而使用户在短时间内就可以体验到内涵丰富的年画艺术。

3.4 线上博物馆

线上博物馆是网站文化宣传最重要的载体之一，关于年画艺术的内容都可以放到线上博物馆去，实现年画艺术形式的数字化宣传模式，线上博物馆对传统艺术形式的传播具有很大的优势，具体有以下几点：一、数据采集，通过对HTML5的应用可以拍摄超大视角的图片。二、使后期处理得到优化，采用HTML5网站设计可以将所拍的照片成为360°的全景图片，在视觉效果呈现上更好。三、系统实现，基于HTML5进行年画网站设计可以绘制3D场景，匹配可以伸缩图片的按钮，使年画宣传片更形象。

3.5 地图应用

年画艺术属于我国的非物质文化遗产，非物质文化遗产都与地域有密切的关系，在进行年画网站宣传的时候，也要注意与地域特点保持紧密的联系，通过与地域特色建立联系宣传年画艺术就要加大对地图的应用，随着GPS定位技术的快速发展，基于HTML5的年画网站设计也成功的实现了地理定位，通过地图的引领，使用户能够准确的获取当前的地理信息，即便是在脱离客户端的网站应用时也能够成功的实现导航。

4. 结语

总之，年画是我国传统艺术中的瑰宝，具有极深的文化内涵，年画艺术应该得到世代传承。基于HTML5设计年画网站是将拓展年画艺术传承途径的重要方式，基于HTML5进行年画网站设计相比于以往的Flash动画设计有很大的优势，基于HTML5有更好的跨平台兼容性、安全性、开放性、视频播放流畅度以及系统资源占用率等，本文重点介绍了几种应用十分广泛的设计方法，有界面设计、多媒体展示系统、网页游戏、线上博物馆以及地图应用。基于HTML5进行年画网站设计会将年画艺术的传播形式变得更加丰富，HTML5自问世以来，就体现了超强的生命力，以此应该得到网站设计中的广泛应用。

参考文献：

[1]张妮，刘铸德.基于HTML5的《图形图像处理》课程手机网站的设计与制作[J].广西广播电视大学学报，2019，30（01）：13-16.

[2]奚焱，肖雪.基于HTML5的辅助运动配对网站设计与开发[J].福建电脑，2018，34（05）：132+24.

作者简介：陈方浚，男，南昌航空大学广播电视艺术专业，硕士研究生在读，研究方向：广播电视节目策划与制作。胡浩宇，男，中山大学博士，南昌航空大学新闻系主任，副教授。