响应式设计技术在视频网站开发中的应用

响应式设计技术在视频网站开发中的应用

作者:师大云端图书馆 时间:2016-06-20 分类:硕士论文 喜欢:3723
师大云端图书馆

【摘要】随着计算机技术的不断发展,网络用户使用小屏幕移动设备(如平板电脑、手机)上网已成为趋势,另外超大屏幕显示器也在快速的普及,从而导致上网设备的尺寸差距与日俱增。面对形形色色的终端设备和千差万别的屏幕分辨率,传统的网页设计方法显得有些力不从心,而设计师不可能为每种终端设备专门设计一套网站系统。本文尝试通过响应式设计的开发方式,构建一个使系统页面随接入设备的显示大小不同而自行响应、动态调整布局结构、元素规格样式,将相同的内容以不同的格式呈现给不同设备的用户的系统。通过设计这样的交互系统,可以达到利用同一套代码,使网站内容在PC、平板电脑以及智能手机浏览器上都能正常的显示的目的。本论文的工作,针对上海市松江大学城体育视频网站的需求进行设计开发。论文首先对课题的研究背景和国内外研究现状做了较为深入的分析。在此基础上,首先对课题研究中所用到的响应式设计技术、以及与之相关的技术进行了介绍。然后对项目网站进行全面的需求分析,之后利用面向对象的思想和技术进行了网站系统的概要设计、详细设计、系统实现和系统测试。系统完成的主要功能包括:1)运用HTML5结合jQuery技术进行自定义视频播放器;2)运用MediaQuery技术实现不同终端上页面的特定样式;3)每张页面都采用弹性布局,使页面元素可以随页面显示大小变化而进行调整;4)利用Viewport技术对网页缩放进行控制;5)完成系统管理,如视频管理、学校管理、用户管理。通过该网站的建设和使用,规范了网站在多平台上的设计,方便用户在任意终端设备上欣赏视频,为校园体育文化的推广提供了很好的平台。该系统在今后还将进一步发挥重要作用,为广大视频门户网站提供信息支持。
【作者】林瀛瀛;
【导师】于守健;罗曼;
【作者基本信息】东华大学,计算机技术(专业学位),2014,硕士
【关键词】响应式设计;视频网站;前端开发;MediaQuery;

【参考文献】
[1]吴梅红.不礼貌言语事件研究[D].华侨大学,英语语言文学,2014,硕士.
[2]徐香菊.复合量程微加速度计抗高过载技术研究[D].中北大学,电路与系统,2013,硕士.
[3]罗然然.银行零售业务信用风险建模问题研究[D].西南财经大学,2005.
[4]宋婧.基于顾客满意的老虎滩海洋公园服务营销策略研究[D].大连海事大学,工商管理,2014,硕士.
[5]刘钧.鸡传染性支气管炎抗体ELISA诊断方法研究[D].中国农业大学,传染病与预防兽医学,2004,硕士.
[6]叶力平.双金属管连轧变形过程数值模拟与试验研究[D].太原科技大学,材料加工工程,2014,硕士.
[7]于良杰.来华留学生汉语写作策略调查与分析[D].安徽大学,汉语国际教育,2014,硕士.
[8]刘松.微粒化疗栓塞治疗肝细胞癌对外周血树突状细胞亚群mDC、pDC的影响及临床意义[D].大连大学,外科学,2014,硕士.
[9]刘堂宴,郑勇,傅容珊,王绍民.提高测井建模精度的一种方法[J].石油地球物理勘探,2002,01:44-47+98.
[10]杨宁,文福拴.基于机会约束规划的输电系统规划方法[J].电力系统自动化,2004,14:23-27.
[11]钱晓杰.中小城市路网交通信号控制技术研究[D].浙江大学,智能交通,2014,硕士.
[12]罗远根.91例三切口食管癌切除术喉返神经旁淋巴结转移相关因素的临床分析[D].福建医科大学,外科学,2014,硕士.
[13]江春霞.终止经营会计研究[D].长安大学,会计学,2013,硕士.
[14]许朋成.盾构下穿高铁的地层变形分析及列车的动力响应研究[D].北京交通大学,2014.
[15]肖智,李勇,李昌隆.一种基于相关分析的数据预处理方法[J].重庆大学学报(自然科学版),2002,06:132-134.
[16]朴卫杰.基于电力线通信硬件设计的信号完整性仿真[D].西安电子科技大学,电路与系统,2012,硕士.
[17]刘曦.带肋梁硬壳层软土地基应力分布与承载力研究[D].沈阳建筑大学,防灾减灾工程及防护工程,2013,硕士.
[18]田安丽.广西新型农村社会养老保险的政策过程及其优化[D].广西师范大学,社会保障,2013,硕士.
[19]金茗竹.汉韩汉字词的对比分析与教学策略[D].吉林大学,汉语国际教育,2013,硕士.
[20]唐宇姣.从肺病模型大鼠病理改变及相关活性物质SP、VIP、INOS含量变化探讨“肺病及肠”病理传变机制[D].成都中医药大学,中医临床基础,2012,硕士.
[21]单晋婷.农业GAP系统中的卫星地图土地分割及融合算法[D].湖南师范大学,电路与系统,2013,硕士.
[22]谢宏.管件电磁缩径成形的有限元分析[D].吉林大学,材料加工工程,2014,硕士.
[23]邹伟.大跨径预应力混凝土连续梁桥施工应力监控的研究[D].吉林大学,桥梁与隧道工程,2014,硕士.
[24]吴良龙.大啁啾高功率激光脉冲传输的自适应算法研究[D].湖南大学,信息与通信工程,2012,硕士.
[25]陈建华.政府投资项目风险管理研究[D].山东大学,项目管理(专业学位),2012,硕士.
[26]于洋.孔子服饰风貌剖析[D].东华大学,服装设计,2004,硕士.
[27]连采男.国内小微企业的融资问题研究[D].太原科技大学,产业经济学,2013,硕士.
[28]高丹.“中等收入陷阱”的跨越[D].厦门大学,西方经济学,2014,硕士.
[29]李膨呈.拟南芥YL1在盐胁迫引发质体向核反向调控信号中的重要功能探究[D].山东农业大学,生物化学与分子生物学,2014,博士.
[30]安吉乡.论语文教学中学生意志力的培养[D].湖南师范大学,教育,2004,硕士.
[31]朱慧玲.罗汉果皂甙类化合物的分离、纯化及其抗氧化活性研究[D].华中农业大学,食品科学,2014,硕士.
[32]盛黎.矿物掺合料对高性能混凝土力学性能和耐久性的影响[D].浙江工业大学,材料学,2004,硕士.
[33]郭莉莉.事务所审计任期对审计质量的影响[D].苏州大学,会计学,2013,硕士.
[34]章坤.未成年人犯罪案件起诉程序研究[D].河北大学,诉讼法学,2014,硕士.
[35]任小南.HAGC-VI型厚度自动控制系统人机接口的设计[J].冶金自动化,1999,01:53-54.
[36]权红恩.Fe~(2+)/Fe~(3+)与硫酸盐还原菌协同去除Cu~(2+)和Zn~(2+)的研究[D].天津大学,化工过程机械,2013,硕士.
[37]孙菁.山东省高等教育竞争力实证研究[D].山东财经大学,教育经济与管理,2014,硕士.
[38]余泳泽,刘大勇.我国区域创新效率的空间外溢效应与价值链外溢效应——创新价值链视角下的多维空间面板模型研究[J].管理世界,2013,07:6-20+70+187.
[39]罗延财.戏曲电视剧“电视化”手法探究[D].山西师范大学,戏剧戏曲学,2013,硕士.
[40]黄志娜.中国软件企业成长路径和影响因素的实证研究[D].清华大学,行政管理,2003,硕士.
[41]林立恒.科技信息[J].冶金自动化,1999,02:56.
[42]封江东.BOT特许经营期测算理论与方法研究[D].武汉理工大学,土木工程建造与管理,2013,硕士.
[43]公超,颜红侠,张梦萌.氧化石墨烯对氰酸酯树脂固化动力学的影响[J].中国胶粘剂,2012,09:1-4.
[44]徐盼龙.马克思主义中国化两大理论成果主题差异研究[D].西南大学,马克思主义中国化研究,2014,硕士.
[45]李韵.基于RFID和ZigBee融合的危险化学品安全监控系统研究与设计[D].宁夏大学,计算机软件与理论,2014,硕士.
[46]王德发,丁洪发.串联混合型有源滤波器的建模及控制策略分析[J].电力系统自动化,2007,20:70-74.
[47]王玉萍.我之为我 自有我在[D].中央美术学院,美术,2013,硕士.
[48]廖凤兰.《劳动合同法》对外资企业劳务派遣员工的影响研究[D].西南大学,企业管理,2014,硕士.
[49]王婷婷.《野草在歌唱》中的女主人公存在主义解读[D].宁波大学,英语语言文学,2013,硕士.
[50]李瑛.小学六年级数学日记的设计及实践指导研究[D].湖南师范大学,课程与教学论,2014,硕士.

相关推荐
更多