隨著計(jì)算技術(shù)、無線通信技術(shù)以及軟硬件技術(shù)的迅速發(fā)展,互聯(lián)網(wǎng)終端設(shè)備不斷更新。網(wǎng)站的設(shè)計(jì)從固定寬度演變?yōu)檫m應(yīng)不同設(shè)備的方向。由于設(shè)備屏幕分辨率和瀏覽器兼容性的差異,造成相同網(wǎng)頁內(nèi)容在不同設(shè)備上顯示不一致,加載速度較慢等問題,不利于網(wǎng)站的長(zhǎng)期發(fā)展和信息的傳播。為了加大土家民族傳統(tǒng)音樂文化遺產(chǎn)的數(shù)字化保護(hù),改變以往土家音樂“口傳心記”的傳承方式,讓更多人在不同的設(shè)備上便捷地了解和學(xué)習(xí)土家音樂文化,將土家音樂文化內(nèi)容展示網(wǎng)站設(shè)計(jì)成為適應(yīng)于多終端的布局是非常必要且具有現(xiàn)實(shí)性的意義。本文采用文獻(xiàn)研究法、資料分析與歸納法總結(jié)土家音樂文化內(nèi)容的內(nèi)涵、特點(diǎn)和網(wǎng)站的適應(yīng)性布局方式。利用網(wǎng)站的軟件工程研究法、實(shí)驗(yàn)法、問卷調(diào)查法、訪談法等實(shí)現(xiàn)了適應(yīng)多終端的土家音樂文化網(wǎng)站。論文主要包括以下四個(gè)方面:(1)網(wǎng)站布局設(shè)計(jì)方法的概述與總結(jié)對(duì)網(wǎng)站的設(shè)計(jì)方法歸納和整理,重點(diǎn)介紹響應(yīng)式網(wǎng)頁設(shè)計(jì)及斷點(diǎn)的內(nèi)容。(2)斷點(diǎn)設(shè)計(jì)新方法本文提出并驗(yàn)證了斷點(diǎn)設(shè)置的新方法,即:從設(shè)備屏幕分辨率和設(shè)計(jì)的角度考慮,以用戶體驗(yàn)優(yōu)劣為標(biāo)準(zhǔn)設(shè)置斷點(diǎn)。實(shí)驗(yàn)得出斷點(diǎn)數(shù)值分別為:1200、992、770、480。按照此斷點(diǎn)設(shè)計(jì)的網(wǎng)站后,采用SUS系統(tǒng)... 

【文章來源】：華中師范大學(xué)湖北省 211工程院校 教育部直屬院校

【文章頁數(shù)】：67 頁

【學(xué)位級(jí)別】：碩士

【部分圖文】：

圖２．２自適應(yīng)布局設(shè)計(jì)??１１??

圖２．１流式布局設(shè)計(jì)??

不是絕對(duì)單位（如像素或點(diǎn)）［２７］。如果屏幕的尺寸調(diào)整的太大或者太小，都會(huì)造成??元素的顯示不合比例［２８］。??二＂ｓ??圖２．１流式布局設(shè)計(jì)??２．２．３自適應(yīng)布局??自適應(yīng)網(wǎng)站設(shè)計(jì)是基于斷點(diǎn)設(shè)計(jì)的靜態(tài)布局，可以將自適應(yīng)布局想象成多個(gè)寬??度固定的網(wǎng)站的集合。按照此方法設(shè)計(jì)網(wǎng)站時(shí)，需要為按照主流設(shè)備的屏幕尺寸設(shè)??置不同斷點(diǎn)，每一個(gè)斷點(diǎn)擁有尺寸不同的網(wǎng)站素材。設(shè)計(jì)網(wǎng)站需要花費(fèi)的時(shí)間和金??錢較多，后期維護(hù)需要較多的精力。但網(wǎng)站的設(shè)計(jì)針對(duì)性強(qiáng)，設(shè)計(jì)唯一性，也能提??升用戶與網(wǎng)站的交互性。??Ｉ?■■?Ｉ—ＶＩ??Ｉ?Ｉ?Ｐ１??圖２．２自適應(yīng)布局設(shè)計(jì)??１１??

【參考文獻(xiàn)】：
期刊論文
[1]基于虛擬博物館的土家器樂文化數(shù)字化保護(hù)與傳承[J]. 劉清堂,雷詩捷,章光瓊,黃景修,張星.  湖北民族學(xué)院學(xué)報(bào)(哲學(xué)社會(huì)科學(xué)版). 2017(05)
[2]媒體查詢?cè)陧憫?yīng)式網(wǎng)站中的應(yīng)用[J]. 黃龍泉.  電腦編程技巧與維護(hù). 2017(15)
[3]關(guān)于雙飛翼布局與圣杯布局探究[J]. 侯沖,王利眾.  電腦知識(shí)與技術(shù). 2017(19)
[4]Bootstrap框架在響應(yīng)式Web設(shè)計(jì)中的應(yīng)用[J]. 周萍,趙娜,李慕.  軟件導(dǎo)刊. 2017(06)
[5]基于響應(yīng)式設(shè)計(jì)的網(wǎng)站研究與實(shí)現(xiàn)[J]. 武昆,魏東嵐,李家.  軟件. 2017(05)
[6]基于Bootstrap的響應(yīng)式網(wǎng)頁設(shè)計(jì)中斷點(diǎn)研究[J]. 李慕,趙彤洲,周萍.  軟件導(dǎo)刊. 2017(04)
[7]基于CSS頁面布局的網(wǎng)頁設(shè)計(jì)[J]. 黃楚鵬.  電腦知識(shí)與技術(shù). 2017(04)
[8]瀑布流布局的多種實(shí)現(xiàn)方式及其比較研究[J]. 董春俠,司占軍,張海月.  電腦知識(shí)與技術(shù). 2016(25)
[9]一種面向多終端服務(wù)的學(xué)術(shù)會(huì)議管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J]. 黃景修,劉清堂,吳林靜.  計(jì)算機(jī)應(yīng)用與軟件. 2016(07)
[10]自適應(yīng)網(wǎng)頁設(shè)計(jì)中的關(guān)鍵技術(shù)[J]. 馮興利,洪丹丹,羅軍鋒,鎖志海.  計(jì)算機(jī)應(yīng)用. 2016(S1)

碩士論文
[1]基于響應(yīng)式布局的移動(dòng)端學(xué)生后勤系統(tǒng)的設(shè)計(jì)[D]. 趙璐.東華大學(xué) 2016
[2]土家音樂虛擬文化長(zhǎng)廊的構(gòu)建與實(shí)現(xiàn)[D]. 胡艦.華中師范大學(xué) 2016
[3]土家族民族鄉(xiāng)鎮(zhèn)風(fēng)貌規(guī)劃研究[D]. 戴蓓蕾.西南科技大學(xué) 2016
[4]響應(yīng)式網(wǎng)頁的界面設(shè)計(jì)研究[D]. 汪玉瓊.中南民族大學(xué) 2015
[5]面向多設(shè)備響應(yīng)式設(shè)計(jì)的機(jī)制研究[D]. 陳曦.北京郵電大學(xué) 2015
[6]擺手舞的傳播困境探析[D]. 牟容霞.西南大學(xué) 2014
[7]改土歸流前后秀山土家族女子教育的變遷[D]. 馬燕玲.山西師范大學(xué) 2013
[8]銀行業(yè)企業(yè)級(jí)客戶信息交換系統(tǒng)（ECIF）的設(shè)計(jì)與實(shí)現(xiàn)[D]. 王犀穎.電子科技大學(xué) 2013
[9]基于虛擬現(xiàn)實(shí)技術(shù)的用戶界面設(shè)計(jì)與研究[D]. 張璐.東華大學(xué) 2013
[10]土家族民歌的發(fā)展及其藝術(shù)特征探析[D]. 田璨.中南民族大學(xué) 2009



本文編號(hào)：2898885