面向多終端的土家音樂文化內(nèi)容展示適應性布局研究
發(fā)布時間:2020-12-05 04:35
隨著計算技術(shù)、無線通信技術(shù)以及軟硬件技術(shù)的迅速發(fā)展,互聯(lián)網(wǎng)終端設備不斷更新。網(wǎng)站的設計從固定寬度演變?yōu)檫m應不同設備的方向。由于設備屏幕分辨率和瀏覽器兼容性的差異,造成相同網(wǎng)頁內(nèi)容在不同設備上顯示不一致,加載速度較慢等問題,不利于網(wǎng)站的長期發(fā)展和信息的傳播。為了加大土家民族傳統(tǒng)音樂文化遺產(chǎn)的數(shù)字化保護,改變以往土家音樂“口傳心記”的傳承方式,讓更多人在不同的設備上便捷地了解和學習土家音樂文化,將土家音樂文化內(nèi)容展示網(wǎng)站設計成為適應于多終端的布局是非常必要且具有現(xiàn)實性的意義。本文采用文獻研究法、資料分析與歸納法總結(jié)土家音樂文化內(nèi)容的內(nèi)涵、特點和網(wǎng)站的適應性布局方式。利用網(wǎng)站的軟件工程研究法、實驗法、問卷調(diào)查法、訪談法等實現(xiàn)了適應多終端的土家音樂文化網(wǎng)站。論文主要包括以下四個方面:(1)網(wǎng)站布局設計方法的概述與總結(jié)對網(wǎng)站的設計方法歸納和整理,重點介紹響應式網(wǎng)頁設計及斷點的內(nèi)容。(2)斷點設計新方法本文提出并驗證了斷點設置的新方法,即:從設備屏幕分辨率和設計的角度考慮,以用戶體驗優(yōu)劣為標準設置斷點。實驗得出斷點數(shù)值分別為:1200、992、770、480。按照此斷點設計的網(wǎng)站后,采用SUS系統(tǒng)...
【文章來源】:華中師范大學湖北省 211工程院校 教育部直屬院校
【文章頁數(shù)】:67 頁
【學位級別】:碩士
【部分圖文】:
圖2.2自適應布局設計??11??
圖2.1流式布局設計??
不是絕對單位(如像素或點)[27]。如果屏幕的尺寸調(diào)整的太大或者太小,都會造成??元素的顯示不合比例[28]。??二"s??圖2.1流式布局設計??2.2.3自適應布局??自適應網(wǎng)站設計是基于斷點設計的靜態(tài)布局,可以將自適應布局想象成多個寬??度固定的網(wǎng)站的集合。按照此方法設計網(wǎng)站時,需要為按照主流設備的屏幕尺寸設??置不同斷點,每一個斷點擁有尺寸不同的網(wǎng)站素材。設計網(wǎng)站需要花費的時間和金??錢較多,后期維護需要較多的精力。但網(wǎng)站的設計針對性強,設計唯一性,也能提??升用戶與網(wǎng)站的交互性。??I?■■?I—VI??I?I?P1??圖2.2自適應布局設計??11??
【參考文獻】:
期刊論文
[1]基于虛擬博物館的土家器樂文化數(shù)字化保護與傳承[J]. 劉清堂,雷詩捷,章光瓊,黃景修,張星. 湖北民族學院學報(哲學社會科學版). 2017(05)
[2]媒體查詢在響應式網(wǎng)站中的應用[J]. 黃龍泉. 電腦編程技巧與維護. 2017(15)
[3]關(guān)于雙飛翼布局與圣杯布局探究[J]. 侯沖,王利眾. 電腦知識與技術(shù). 2017(19)
[4]Bootstrap框架在響應式Web設計中的應用[J]. 周萍,趙娜,李慕. 軟件導刊. 2017(06)
[5]基于響應式設計的網(wǎng)站研究與實現(xiàn)[J]. 武昆,魏東嵐,李家. 軟件. 2017(05)
[6]基于Bootstrap的響應式網(wǎng)頁設計中斷點研究[J]. 李慕,趙彤洲,周萍. 軟件導刊. 2017(04)
[7]基于CSS頁面布局的網(wǎng)頁設計[J]. 黃楚鵬. 電腦知識與技術(shù). 2017(04)
[8]瀑布流布局的多種實現(xiàn)方式及其比較研究[J]. 董春俠,司占軍,張海月. 電腦知識與技術(shù). 2016(25)
[9]一種面向多終端服務的學術(shù)會議管理系統(tǒng)設計與實現(xiàn)[J]. 黃景修,劉清堂,吳林靜. 計算機應用與軟件. 2016(07)
[10]自適應網(wǎng)頁設計中的關(guān)鍵技術(shù)[J]. 馮興利,洪丹丹,羅軍鋒,鎖志海. 計算機應用. 2016(S1)
碩士論文
[1]基于響應式布局的移動端學生后勤系統(tǒng)的設計[D]. 趙璐.東華大學 2016
[2]土家音樂虛擬文化長廊的構(gòu)建與實現(xiàn)[D]. 胡艦.華中師范大學 2016
[3]土家族民族鄉(xiāng)鎮(zhèn)風貌規(guī)劃研究[D]. 戴蓓蕾.西南科技大學 2016
[4]響應式網(wǎng)頁的界面設計研究[D]. 汪玉瓊.中南民族大學 2015
[5]面向多設備響應式設計的機制研究[D]. 陳曦.北京郵電大學 2015
[6]擺手舞的傳播困境探析[D]. 牟容霞.西南大學 2014
[7]改土歸流前后秀山土家族女子教育的變遷[D]. 馬燕玲.山西師范大學 2013
[8]銀行業(yè)企業(yè)級客戶信息交換系統(tǒng)(ECIF)的設計與實現(xiàn)[D]. 王犀穎.電子科技大學 2013
[9]基于虛擬現(xiàn)實技術(shù)的用戶界面設計與研究[D]. 張璐.東華大學 2013
[10]土家族民歌的發(fā)展及其藝術(shù)特征探析[D]. 田璨.中南民族大學 2009
本文編號:2898885
【文章來源】:華中師范大學湖北省 211工程院校 教育部直屬院校
【文章頁數(shù)】:67 頁
【學位級別】:碩士
【部分圖文】:
圖2.2自適應布局設計??11??
圖2.1流式布局設計??
不是絕對單位(如像素或點)[27]。如果屏幕的尺寸調(diào)整的太大或者太小,都會造成??元素的顯示不合比例[28]。??二"s??圖2.1流式布局設計??2.2.3自適應布局??自適應網(wǎng)站設計是基于斷點設計的靜態(tài)布局,可以將自適應布局想象成多個寬??度固定的網(wǎng)站的集合。按照此方法設計網(wǎng)站時,需要為按照主流設備的屏幕尺寸設??置不同斷點,每一個斷點擁有尺寸不同的網(wǎng)站素材。設計網(wǎng)站需要花費的時間和金??錢較多,后期維護需要較多的精力。但網(wǎng)站的設計針對性強,設計唯一性,也能提??升用戶與網(wǎng)站的交互性。??I?■■?I—VI??I?I?P1??圖2.2自適應布局設計??11??
【參考文獻】:
期刊論文
[1]基于虛擬博物館的土家器樂文化數(shù)字化保護與傳承[J]. 劉清堂,雷詩捷,章光瓊,黃景修,張星. 湖北民族學院學報(哲學社會科學版). 2017(05)
[2]媒體查詢在響應式網(wǎng)站中的應用[J]. 黃龍泉. 電腦編程技巧與維護. 2017(15)
[3]關(guān)于雙飛翼布局與圣杯布局探究[J]. 侯沖,王利眾. 電腦知識與技術(shù). 2017(19)
[4]Bootstrap框架在響應式Web設計中的應用[J]. 周萍,趙娜,李慕. 軟件導刊. 2017(06)
[5]基于響應式設計的網(wǎng)站研究與實現(xiàn)[J]. 武昆,魏東嵐,李家. 軟件. 2017(05)
[6]基于Bootstrap的響應式網(wǎng)頁設計中斷點研究[J]. 李慕,趙彤洲,周萍. 軟件導刊. 2017(04)
[7]基于CSS頁面布局的網(wǎng)頁設計[J]. 黃楚鵬. 電腦知識與技術(shù). 2017(04)
[8]瀑布流布局的多種實現(xiàn)方式及其比較研究[J]. 董春俠,司占軍,張海月. 電腦知識與技術(shù). 2016(25)
[9]一種面向多終端服務的學術(shù)會議管理系統(tǒng)設計與實現(xiàn)[J]. 黃景修,劉清堂,吳林靜. 計算機應用與軟件. 2016(07)
[10]自適應網(wǎng)頁設計中的關(guān)鍵技術(shù)[J]. 馮興利,洪丹丹,羅軍鋒,鎖志海. 計算機應用. 2016(S1)
碩士論文
[1]基于響應式布局的移動端學生后勤系統(tǒng)的設計[D]. 趙璐.東華大學 2016
[2]土家音樂虛擬文化長廊的構(gòu)建與實現(xiàn)[D]. 胡艦.華中師范大學 2016
[3]土家族民族鄉(xiāng)鎮(zhèn)風貌規(guī)劃研究[D]. 戴蓓蕾.西南科技大學 2016
[4]響應式網(wǎng)頁的界面設計研究[D]. 汪玉瓊.中南民族大學 2015
[5]面向多設備響應式設計的機制研究[D]. 陳曦.北京郵電大學 2015
[6]擺手舞的傳播困境探析[D]. 牟容霞.西南大學 2014
[7]改土歸流前后秀山土家族女子教育的變遷[D]. 馬燕玲.山西師范大學 2013
[8]銀行業(yè)企業(yè)級客戶信息交換系統(tǒng)(ECIF)的設計與實現(xiàn)[D]. 王犀穎.電子科技大學 2013
[9]基于虛擬現(xiàn)實技術(shù)的用戶界面設計與研究[D]. 張璐.東華大學 2013
[10]土家族民歌的發(fā)展及其藝術(shù)特征探析[D]. 田璨.中南民族大學 2009
本文編號:2898885
本文鏈接:http://www.wukwdryxk.cn/guanlilunwen/ydhl/2898885.html
最近更新
教材專著