本站小編為你精心準(zhǔn)備了傳統(tǒng)服飾文化元素在線網(wǎng)站設(shè)計(jì)參考范文，愿這些范文能點(diǎn)燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。

摘要：傳統(tǒng)服飾文化元素是中國傳統(tǒng)文化的藝術(shù)瑰寶，本文提出基于傳統(tǒng)服飾文化元素在線系統(tǒng)的基本架構(gòu)，通過完成各模塊功能和模塊間通信，實(shí)現(xiàn)服飾文化元素上傳、下載、展示與設(shè)計(jì)等關(guān)鍵技術(shù)，最終通過目錄方式展示典型傳統(tǒng)服飾文化元素在線瀏覽功能。

關(guān)鍵詞：傳統(tǒng)服飾；文化元素；在線網(wǎng)站；HTML5

0引言

服飾是人類生活的一個(gè)要素，也是人類文明的一個(gè)標(biāo)志，中國傳統(tǒng)服飾文化是中國傳統(tǒng)文化的一個(gè)重要組成部分，是中華民族乃至人類社會(huì)創(chuàng)造的寶貴財(cái)富。中國傳統(tǒng)服飾文化呈現(xiàn)出了“和諧統(tǒng)一性文化”“標(biāo)示突出性文化”和“種類多樣性文化”三大內(nèi)涵特征。［1］服裝的款式與演變，服裝面料的選用與搭配，服裝顏色的選擇與組合，特定場(chǎng)合著裝的選擇與習(xí)慣，均記錄著特定時(shí)期的生產(chǎn)力狀況和科技水平，反映著人們的思想文化、宗教信仰、審美觀念和生活情趣，也烙有特定時(shí)代的印痕。［2］基于HTML的中國傳統(tǒng)服飾文化元素展示為非物質(zhì)文化遺產(chǎn)的保護(hù)開辟了一個(gè)新的領(lǐng)域，［3］可以更好地展現(xiàn)中國傳統(tǒng)服飾文化，使優(yōu)秀的傳統(tǒng)文化得以傳承和發(fā)展。

1國內(nèi)外研究現(xiàn)狀

自從1991年世界上第一個(gè)網(wǎng)頁誕生以來，HTML作為萬維網(wǎng)最主要的一門語言一直在不斷發(fā)展與進(jìn)化。［4］1999年，HTML4成為W3C推薦的標(biāo)準(zhǔn)規(guī)范，并在此后很長(zhǎng)一段時(shí)間，被作為網(wǎng)絡(luò)開發(fā)和瀏覽器實(shí)現(xiàn)的一項(xiàng)官方指導(dǎo)來解讀。但網(wǎng)絡(luò)的發(fā)展從未停滯不前，隨著機(jī)器硬件配置和軟件支持的不斷升級(jí)，它也在不斷向前發(fā)展。今天，“酷炫”“快速”“跨平臺(tái)”這些詞已經(jīng)緊密地和HTML5聯(lián)系起來。在HTML5的幫助下，傳統(tǒng)的網(wǎng)頁已經(jīng)帶給人們堪比桌面程序的用戶體驗(yàn)。［5］2012年12月17日，W3C了HTML5以及Canvas2D兩個(gè)標(biāo)準(zhǔn)的完全定義版本，標(biāo)志著HTML5的標(biāo)準(zhǔn)已經(jīng)在趨向穩(wěn)定。國外的HTML5公眾關(guān)注度于2009年底出現(xiàn)第一次快速上漲，而將近2年后的2011年下半年，中國的HTML5市場(chǎng)才出現(xiàn)了第一次的集中關(guān)注。［6］美國HTML5市場(chǎng)經(jīng)過5年的長(zhǎng)期發(fā)展之后，早進(jìn)入理性的狀態(tài)，不是炒作概念或者單純的市場(chǎng)宣講活動(dòng)，甚至關(guān)注度出現(xiàn)了下降，已經(jīng)變成了在web技術(shù)各個(gè)獨(dú)立領(lǐng)域深度探索和創(chuàng)新。而中國HTML5市場(chǎng)在2015年的此刻雖然關(guān)注度火熱，但是可能比國外市場(chǎng)出現(xiàn)了更進(jìn)一步的延后。［7］

2傳統(tǒng)服飾文化元素在線網(wǎng)站設(shè)計(jì)

傳統(tǒng)服飾文化元素在線網(wǎng)站是以保護(hù)、傳承和發(fā)展為設(shè)計(jì)主旨，整體設(shè)計(jì)風(fēng)格為簡(jiǎn)潔、古風(fēng)、美觀，且保護(hù)網(wǎng)頁色彩、圖片的應(yīng)用及版面規(guī)劃的整體一致性（如圖1所示）。依據(jù)中國歷史發(fā)展脈絡(luò)進(jìn)行傳統(tǒng)服飾文化元素分類，并制定傳統(tǒng)服飾文化元素網(wǎng)站目錄，包括秦漢服飾、東漢服飾、魏晉南北朝服飾、隋唐五代服飾、宋代服飾、元代服飾、明代服飾、清代服飾。

3中華傳統(tǒng)服飾元素在線網(wǎng)站的實(shí)現(xiàn)

HTML5的優(yōu)點(diǎn)是“一次性開發(fā)，多次分發(fā)”，使得一次設(shè)計(jì)適應(yīng)不同終端成為可能。［4］信息流架構(gòu)應(yīng)用化都是直接在WEB（或WAP）端抓取數(shù)據(jù)，HTML5可以直接使用跨平臺(tái)數(shù)據(jù)面，不使用后臺(tái)API，大大降低了研發(fā)維護(hù)成本，而且呈現(xiàn)的效果幾乎沒有什么區(qū)別。通過HTML5實(shí)現(xiàn)的首頁可以奠定網(wǎng)站的整體內(nèi)容、色調(diào)及風(fēng)格，便于用戶群體更快捷、直觀地了解中華傳統(tǒng)服飾元素網(wǎng)站，提高用戶體驗(yàn)度。考慮到用戶群體的分布地域、年齡階層、網(wǎng)絡(luò)速度、閱讀習(xí)慣等，實(shí)現(xiàn)本網(wǎng)站主要應(yīng)用的技術(shù)包括：第一，HTML5。構(gòu)建虛擬的基于HTML5技術(shù)開發(fā)的展現(xiàn)中國傳統(tǒng)服飾文化的網(wǎng)站，以實(shí)現(xiàn)對(duì)傳統(tǒng)這一非物質(zhì)文化遺產(chǎn)的數(shù)字保護(hù)，為實(shí)現(xiàn)傳統(tǒng)服飾藝術(shù)的再創(chuàng)造、網(wǎng)絡(luò)展示和傳播提供技術(shù)支持。第二，服務(wù)器。上傳網(wǎng)站至因特網(wǎng)，使廣大網(wǎng)民及對(duì)中華傳統(tǒng)文化有濃厚興趣的群體可通過網(wǎng)絡(luò)瀏覽中華傳統(tǒng)服飾元素在線網(wǎng)站，獲取相關(guān)資訊及圖片資源。第三，數(shù)據(jù)庫。展示類網(wǎng)站離不開數(shù)據(jù)庫的支持。第四，嵌入式交互程序。經(jīng)過數(shù)據(jù)優(yōu)化處理后，實(shí)現(xiàn)觀眾只需點(diǎn)一下鼠標(biāo)，就能從任意角度、任意距離看到傳統(tǒng)服飾的虛擬展示的效果。第五，高級(jí)技術(shù)應(yīng)用（如CSS樣式表的使用、表單的使用、層的運(yùn)用、行為的使用、多媒體的嵌入、嵌入JavaScript語言等等），盡可能多地靈活恰當(dāng)?shù)厥褂盟鶎W(xué)的技術(shù)方法。第六，在線評(píng)論。為了促進(jìn)平臺(tái)會(huì)員之間及平臺(tái)資源維護(hù)人員與互聯(lián)網(wǎng)訪問用戶之間的互動(dòng)交流，系統(tǒng)為用戶提供了在線評(píng)論信息功能、評(píng)定星級(jí)功能，訪問用戶可以在閱讀欣賞各類圖片資源的同時(shí)，參與圖片拍攝效果、圖片品質(zhì)的評(píng)論。第七，圖片素材資源檢索。為了方便用戶對(duì)素材資源的快速獲取，系統(tǒng)提供了智能檢索平臺(tái)。首先可以按照行業(yè)、類別模塊、色彩方式進(jìn)行智能點(diǎn)擊篩選，其次可以輸入一些關(guān)鍵詞進(jìn)行智能搜索。

4測(cè)試與技術(shù)特點(diǎn)

一個(gè)網(wǎng)站的開發(fā)離不開測(cè)試，測(cè)試是應(yīng)用研發(fā)過程中最重要的部分之一。中華傳統(tǒng)服飾元素在線網(wǎng)站已實(shí)現(xiàn)利用HTML5網(wǎng)站開發(fā)技術(shù)展示中國傳統(tǒng)服飾文化類非物質(zhì)文化遺產(chǎn)。［8］主要技術(shù)特點(diǎn)包括：4.1多用戶共同維護(hù)素材資源為了提高系統(tǒng)對(duì)資源的維護(hù)效率，豐富WEB頁面的圖片素材資源，系統(tǒng)采用多用戶共同參與模式，實(shí)現(xiàn)系統(tǒng)用戶的后臺(tái)資源維護(hù)和注冊(cè)會(huì)員的前臺(tái)資源上傳相結(jié)合，有效地保障了平臺(tái)圖片素材資源的不斷更新。

4.2圖片批量上傳功能

為了提高圖片資源的上傳維護(hù)效率，系統(tǒng)提供了圖片批量上傳功能，方便會(huì)員能及時(shí)上傳圖片素材資源。這樣一來，既豐富了網(wǎng)站內(nèi)容，也增強(qiáng)了用戶體驗(yàn)。

4.3靜態(tài)頁面功能

為了便于互聯(lián)網(wǎng)搜索引擎，提高頁面訪問速度，系統(tǒng)采用了靜態(tài)頁面機(jī)制。即在圖片上傳過程中將實(shí)現(xiàn)一次性生成靜態(tài)網(wǎng)頁形式，減少了頁面資源讀取檢索數(shù)據(jù)庫的時(shí)間，從而有效地提高了頁面訪問速度。

4.4原創(chuàng)圖片素材版權(quán)保護(hù)系統(tǒng)

在提供多用戶對(duì)資源分享的同時(shí)，引入了圖片水印、文字水印和縮略圖功能。互聯(lián)網(wǎng)訪問用戶僅能預(yù)覽帶有水印效果的圖片，而原圖則只有符合條件的用戶可以下載，從而有效地保護(hù)了原創(chuàng)圖片的版權(quán)。

5結(jié)語

中國傳統(tǒng)服飾作為非物質(zhì)文化遺產(chǎn)的一部分，有著很高的審美價(jià)值和應(yīng)用價(jià)值。對(duì)于中國傳統(tǒng)服飾圖案而言，其風(fēng)格化設(shè)計(jì)就是通過對(duì)圖案的元素、形狀、色彩以及藝術(shù)特征進(jìn)行分析和歸納。［9，10］本文對(duì)保護(hù)和開發(fā)優(yōu)秀傳統(tǒng)服飾文化遺產(chǎn)提出了相應(yīng)的辦法，有助于傳承和利用傳統(tǒng)服飾文化。

參考文獻(xiàn)：

［1］王天祥，劉壯.非物質(zhì)文化遺產(chǎn)保護(hù)：策略與困境［J］.重慶文理學(xué)院學(xué)報(bào)（社會(huì)科學(xué)版），2006（4）.

［2］彭冬梅，潘魯生，孫守遷.數(shù)字化保護(hù)——非物質(zhì)文化遺產(chǎn)保護(hù)的新手段［J］.藝術(shù)研究，2006（1）：117-123.

［3］胡紅.長(zhǎng)角苗服飾紋樣制作技術(shù)傳承方式及影響因素研究［D］.西南大學(xué)，2013.

［4］陸凌牛.html5開發(fā)精要與實(shí)例詳解［M］.機(jī)械工業(yè)出版社，2012.

［5］王建.精通Web標(biāo)準(zhǔn)建站——標(biāo)記語言、網(wǎng)站分析、設(shè)計(jì)理念、SEO與BI［M］.北京：人民郵電出版社，2007.

［6］趙增敏.PHP+MySQL+Dreamweaver8動(dòng)態(tài)網(wǎng)站開發(fā)從基礎(chǔ)到實(shí)踐［M］.北京：電子工業(yè)出版社，2007.

［7］王浩百.基于PHP和MySQL的辦公室系統(tǒng)工程設(shè)計(jì)與實(shí)現(xiàn)［D］.吉林大學(xué)，2010.

［8］張晶.基于用戶體驗(yàn)的互動(dòng)展示系統(tǒng)工程的交互設(shè)計(jì)研究［D］.北京工業(yè)大學(xué)，2012.

［9］趙海英，徐正光，張俊慧.維吾爾族地毯圖案數(shù)字化設(shè)計(jì)［J］.紡織學(xué)報(bào)，2012，33（4）：142-145.

［10］夏旭，黃海燕.數(shù)字展示設(shè)計(jì)中的交互形式和語言轉(zhuǎn)換研究［J］.包裝工程，2013（4）：24-27.

［11］吳芬.哈尼族服飾圖案在現(xiàn)代服飾設(shè)計(jì)中的應(yīng)用研究［D］.昆明理工大學(xué)，2013.

作者：楊琴1；王亮亮1；李寧2 單位：1新疆師范高等專科學(xué)校，2北京郵電大學(xué)世紀(jì)學(xué)院