传统服饰文化元素在线网站设计范文

摘要：传统服饰文化元素是中国传统文化的艺术瑰宝，本文提出基于传统服饰文化元素在线系统的基本架构，通过完成各模块功能和模块间通信，实现服饰文化元素上传、下载、展示与设计等关键技术，最终通过目录方式展示典型传统服饰文化元素在线浏览功能。

关键词：传统服饰；文化元素；在线网站；HTML5

0引言

服饰是人类生活的一个要素，也是人类文明的一个标志，中国传统服饰文化是中国传统文化的一个重要组成部分，是中华民族乃至人类社会创造的宝贵财富。中国传统服饰文化呈现出了“和谐统一性文化”“标示突出性文化”和“种类多样性文化”三大内涵特征。［1］服装的款式与演变，服装面料的选用与搭配，服装颜色的选择与组合，特定场合着装的选择与习惯，均记录着特定时期的生产力状况和科技水平，反映着人们的思想文化、宗教信仰、审美观念和生活情趣，也烙有特定时代的印痕。［2］基于HTML的中国传统服饰文化元素展示为非物质文化遗产的保护开辟了一个新的领域，［3］可以更好地展现中国传统服饰文化，使优秀的传统文化得以传承和发展。

1国内外研究现状

自从1991年世界上第一个网页诞生以来，HTML作为万维网最主要的一门语言一直在不断发展与进化。［4］1999年，HTML4成为W3C推荐的标准规范，并在此后很长一段时间，被作为网络开发和浏览器实现的一项官方指导来解读。但网络的发展从未停滞不前，随着机器硬件配置和软件支持的不断升级，它也在不断向前发展。今天，“酷炫”“快速”“跨平台”这些词已经紧密地和HTML5联系起来。在HTML5的帮助下，传统的网页已经带给人们堪比桌面程序的用户体验。［5］2012年12月17日，W3C了HTML5以及Canvas2D两个标准的完全定义版本，标志着HTML5的标准已经在趋向稳定。国外的HTML5公众关注度于2009年底出现第一次快速上涨，而将近2年后的2011年下半年，中国的HTML5市场才出现了第一次的集中关注。［6］美国HTML5市场经过5年的长期发展之后，早进入理性的状态，不是炒作概念或者单纯的市场宣讲活动，甚至关注度出现了下降，已经变成了在web技术各个独立领域深度探索和创新。而中国HTML5市场在2015年的此刻虽然关注度火热，但是可能比国外市场出现了更进一步的延后。［7］

2传统服饰文化元素在线网站设计

传统服饰文化元素在线网站是以保护、传承和发展为设计主旨，整体设计风格为简洁、古风、美观，且保护网页色彩、图片的应用及版面规划的整体一致性（如图1所示）。依据中国历史发展脉络进行传统服饰文化元素分类，并制定传统服饰文化元素网站目录，包括秦汉服饰、东汉服饰、魏晋南北朝服饰、隋唐五代服饰、宋代服饰、元代服饰、明代服饰、清代服饰。

3中华传统服饰元素在线网站的实现

HTML5的优点是“一次性开发，多次分发”，使得一次设计适应不同终端成为可能。［4］信息流架构应用化都是直接在WEB（或WAP）端抓取数据，HTML5可以直接使用跨平台数据面，不使用后台API，大大降低了研发维护成本，而且呈现的效果几乎没有什么区别。通过HTML5实现的首页可以奠定网站的整体内容、色调及风格，便于用户群体更快捷、直观地了解中华传统服饰元素网站，提高用户体验度。考虑到用户群体的分布地域、年龄阶层、网络速度、阅读习惯等，实现本网站主要应用的技术包括：第一，HTML5。构建虚拟的基于HTML5技术开发的展现中国传统服饰文化的网站，以实现对传统这一非物质文化遗产的数字保护，为实现传统服饰艺术的再创造、网络展示和传播提供技术支持。第二，服务器。上传网站至因特网，使广大网民及对中华传统文化有浓厚兴趣的群体可通过网络浏览中华传统服饰元素在线网站，获取相关资讯及图片资源。第三，数据库。展示类网站离不开数据库的支持。第四，嵌入式交互程序。经过数据优化处理后，实现观众只需点一下鼠标，就能从任意角度、任意距离看到传统服饰的虚拟展示的效果。第五，高级技术应用（如CSS样式表的使用、表单的使用、层的运用、行为的使用、多媒体的嵌入、嵌入JavaScript语言等等），尽可能多地灵活恰当地使用所学的技术方法。第六，在线评论。为了促进平台会员之间及平台资源维护人员与互联网访问用户之间的互动交流，系统为用户提供了在线评论信息功能、评定星级功能，访问用户可以在阅读欣赏各类图片资源的同时，参与图片拍摄效果、图片品质的评论。第七，图片素材资源检索。为了方便用户对素材资源的快速获取，系统提供了智能检索平台。首先可以按照行业、类别模块、色彩方式进行智能点击筛选，其次可以输入一些关键词进行智能搜索。

4测试与技术特点

一个网站的开发离不开测试，测试是应用研发过程中最重要的部分之一。中华传统服饰元素在线网站已实现利用HTML5网站开发技术展示中国传统服饰文化类非物质文化遗产。［8］主要技术特点包括：4.1多用户共同维护素材资源为了提高系统对资源的维护效率，丰富WEB页面的图片素材资源，系统采用多用户共同参与模式，实现系统用户的后台资源维护和注册会员的前台资源上传相结合，有效地保障了平台图片素材资源的不断更新。

4.2图片批量上传功能

为了提高图片资源的上传维护效率，系统提供了图片批量上传功能，方便会员能及时上传图片素材资源。这样一来，既丰富了网站内容，也增强了用户体验。

4.3静态页面功能

为了便于互联网搜索引擎，提高页面访问速度，系统采用了静态页面机制。即在图片上传过程中将实现一次性生成静态网页形式，减少了页面资源读取检索数据库的时间，从而有效地提高了页面访问速度。

4.4原创图片素材版权保护系统

在提供多用户对资源分享的同时，引入了图片水印、文字水印和缩略图功能。互联网访问用户仅能预览带有水印效果的图片，而原图则只有符合条件的用户可以下载，从而有效地保护了原创图片的版权。

5结语

中国传统服饰作为非物质文化遗产的一部分，有着很高的审美价值和应用价值。对于中国传统服饰图案而言，其风格化设计就是通过对图案的元素、形状、色彩以及艺术特征进行分析和归纳。［9，10］本文对保护和开发优秀传统服饰文化遗产提出了相应的办法，有助于传承和利用传统服饰文化。

参考文献：

［1］王天祥，刘壮.非物质文化遗产保护：策略与困境［J］.重庆文理学院学报（社会科学版），2006（4）.

［2］彭冬梅，潘鲁生，孙守迁.数字化保护——非物质文化遗产保护的新手段［J］.艺术研究，2006（1）：117-123.

［3］胡红.长角苗服饰纹样制作技术传承方式及影响因素研究［D］.西南大学，2013.

［4］陆凌牛.html5开发精要与实例详解［M］.机械工业出版社，2012.

［5］王建.精通Web标准建站——标记语言、网站分析、设计理念、SEO与BI［M］.北京：人民邮电出版社，2007.

［6］赵增敏.PHP+MySQL+Dreamweaver8动态网站开发从基础到实践［M］.北京：电子工业出版社，2007.

［7］王浩百.基于PHP和MySQL的办公室系统工程设计与实现［D］.吉林大学，2010.

［8］张晶.基于用户体验的互动展示系统工程的交互设计研究［D］.北京工业大学，2012.

［9］赵海英，徐正光，张俊慧.维吾尔族地毯图案数字化设计［J］.纺织学报，2012，33（4）：142-145.

［10］夏旭，黄海燕.数字展示设计中的交互形式和语言转换研究［J］.包装工程，2013（4）：24-27.

［11］吴芬.哈尼族服饰图案在现代服饰设计中的应用研究［D］.昆明理工大学，2013.

作者：杨琴1；王亮亮1；李宁2 单位：1新疆师范高等专科学校，2北京邮电大学世纪学院