面向多终端的土家音乐文化内容展示适应性布局研究

发布时间：2020-12-05 04:35

　　随着计算技术、无线通信技术以及软硬件技术的迅速发展,互联网终端设备不断更新。网站的设计从固定宽度演变为适应不同设备的方向。由于设备屏幕分辨率和浏览器兼容性的差异,造成相同网页内容在不同设备上显示不一致,加载速度较慢等问题,不利于网站的长期发展和信息的传播。为了加大土家民族传统音乐文化遗产的数字化保护,改变以往土家音乐“口传心记”的传承方式,让更多人在不同的设备上便捷地了解和学习土家音乐文化,将土家音乐文化内容展示网站设计成为适应于多终端的布局是非常必要且具有现实性的意义。本文采用文献研究法、资料分析与归纳法总结土家音乐文化内容的内涵、特点和网站的适应性布局方式。利用网站的软件工程研究法、实验法、问卷调查法、访谈法等实现了适应多终端的土家音乐文化网站。论文主要包括以下四个方面:(1)网站布局设计方法的概述与总结对网站的设计方法归纳和整理,重点介绍响应式网页设计及断点的内容。(2)断点设计新方法本文提出并验证了断点设置的新方法,即:从设备屏幕分辨率和设计的角度考虑,以用户体验优劣为标准设置断点。实验得出断点数值分别为:1200、992、770、480。按照此断点设计的网站后,采用SUS系统... 

【文章来源】：华中师范大学湖北省 211工程院校 教育部直属院校

【文章页数】：67 页

【学位级别】：硕士

【部分图文】：

图２．２自适应布局设计??１１??

图２．１流式布局设计??

不是绝对单位（如像素或点）［２７］。如果屏幕的尺寸调整的太大或者太小，都会造成??元素的显示不合比例［２８］。??二＂ｓ??图２．１流式布局设计??２．２．３自适应布局??自适应网站设计是基于断点设计的静态布局，可以将自适应布局想象成多个宽??度固定的网站的集合。按照此方法设计网站时，需要为按照主流设备的屏幕尺寸设??置不同断点，每一个断点拥有尺寸不同的网站素材。设计网站需要花费的时间和金??钱较多，后期维护需要较多的精力。但网站的设计针对性强，设计唯一性，也能提??升用户与网站的交互性。??Ｉ?■■?Ｉ—ＶＩ??Ｉ?Ｉ?Ｐ１??图２．２自适应布局设计??１１??

【参考文献】：
期刊论文
[1]基于虚拟博物馆的土家器乐文化数字化保护与传承[J]. 刘清堂,雷诗捷,章光琼,黄景修,张星.  湖北民族学院学报(哲学社会科学版). 2017(05)
[2]媒体查询在响应式网站中的应用[J]. 黄龙泉.  电脑编程技巧与维护. 2017(15)
[3]关于双飞翼布局与圣杯布局探究[J]. 侯冲,王利众.  电脑知识与技术. 2017(19)
[4]Bootstrap框架在响应式Web设计中的应用[J]. 周萍,赵娜,李慕.  软件导刊. 2017(06)
[5]基于响应式设计的网站研究与实现[J]. 武昆,魏东岚,李家.  软件. 2017(05)
[6]基于Bootstrap的响应式网页设计中断点研究[J]. 李慕,赵彤洲,周萍.  软件导刊. 2017(04)
[7]基于CSS页面布局的网页设计[J]. 黄楚鹏.  电脑知识与技术. 2017(04)
[8]瀑布流布局的多种实现方式及其比较研究[J]. 董春侠,司占军,张海月.  电脑知识与技术. 2016(25)
[9]一种面向多终端服务的学术会议管理系统设计与实现[J]. 黄景修,刘清堂,吴林静.  计算机应用与软件. 2016(07)
[10]自适应网页设计中的关键技术[J]. 冯兴利,洪丹丹,罗军锋,锁志海.  计算机应用. 2016(S1)

硕士论文
[1]基于响应式布局的移动端学生后勤系统的设计[D]. 赵璐.东华大学 2016
[2]土家音乐虚拟文化长廊的构建与实现[D]. 胡舰.华中师范大学 2016
[3]土家族民族乡镇风貌规划研究[D]. 戴蓓蕾.西南科技大学 2016
[4]响应式网页的界面设计研究[D]. 汪玉琼.中南民族大学 2015
[5]面向多设备响应式设计的机制研究[D]. 陈曦.北京邮电大学 2015
[6]摆手舞的传播困境探析[D]. 牟容霞.西南大学 2014
[7]改土归流前后秀山土家族女子教育的变迁[D]. 马燕玲.山西师范大学 2013
[8]银行业企业级客户信息交换系统（ECIF）的设计与实现[D]. 王犀颖.电子科技大学 2013
[9]基于虚拟现实技术的用户界面设计与研究[D]. 张璐.东华大学 2013
[10]土家族民歌的发展及其艺术特征探析[D]. 田璨.中南民族大学 2009



本文编号：2898885