跨平台的多终端设备网页自适应布局研究及应用——以农民工技能培训与综合服务平台为例

发布时间：2017-09-29 02:17

  本文关键词：跨平台的多终端设备网页自适应布局研究及应用——以农民工技能培训与综合服务平台为例

  更多相关文章： 跨平台 弹性盒子模型 网页自适应 农民工技能培训 应用研究

【摘要】：文章分析了目前跨平台响应式布局的研究现状,针对其存在的问题提出了一种新的跨平台响应式布局模式,即Flexbox(弹性盒子模型)+Media Queries(媒体查询)技术组合,并首次尝试绘制出较为合理的客户端分辨率适配表。最后通过"农民工技能培训与综合服务平台"详细阐述了该响应式布局模式的开发过程,并验证了可行性与效果。
【作者单位】： 华中师范大学教育信息技术学院;
【关键词】： 跨平台 弹性盒子模型 网页自适应 农民工技能培训 应用研究
【基金】：“十二五”国家科技计划课题“低成本体验式农村信息服务关键技术与终端研发”(项目编号:2012BAD35B02) 教育部人文社科规划项目“E-learning中学习活动与教育资源有效整合及应用研究”(项目编号:11YJA880065) 国家科技支撑计划项目“土家音乐文化数字化保护与展示关键技术研究及示范”(项目编号:2015BAK03B03) 自主科研项目“在线学习中学习者参与度研究”(项目编号:2014B01)支持
【分类号】：TP393.092;G726
【正文快照】： 引言随着互联网技术的迅猛发展,互联网终端设备从个人电脑到平板电脑、智能手机,平台越来越多,浏览器的屏幕尺寸千差万别[1]。这种情况给网页开发者提出了更高的要求,同样的内容,要在平台不同、大小迥异的屏幕上都拥有很好的用户体验并非易事。现有的跨平台响应式布局技术存在

【参考文献】

中国期刊全文数据库 前7条

1 马志强;蒋晓;;基于用户体验的智能手机网站界面设计探讨[J];包装工程;2012年16期

2 冉兆春;;浅析对不同分辨率屏幕自动调节的网页设计方法[J];计算机光盘软件与应用;2013年03期

3 刘欢;卢蓓蓉;;使用响应式设计构建高校新型门户网站[J];中国教育信息化;2013年09期

4 林文如;林文忠;刘镭;;基于弹性盒子模型的跨平台手机应用界面布局[J];苏州大学学报(工科版);2012年05期

5 殷卫莉;;基于CSS盒子模型的margin属性解析[J];扬州教育学院学报;2009年03期

6 杨叶;陈琳;董启标;;响应式Web移动学习资源的技术实现与设计研究[J];现代教育技术;2013年06期

7 崔松健;;响应式Web设计[J];信息与电脑(理论版);2013年10期

【共引文献】

中国期刊全文数据库 前10条

1 吴俊;莫雷;;智能手机交互设计的分层视觉模型[J];包装工程;2013年06期

2 王瑞雪;;Web3.0时代移动互联网商务评价信息聚合[J];电子制作;2013年06期

3 赵建保;;响应式Web设计关键技术及设计流程[J];电脑知识与技术;2014年05期

4 黄雪琴;耿强;;基于CSS盒子模型的Margin属性研究[J];电脑知识与技术;2014年13期

5 赵慧;史彦;;国内移动学习资源研究综述[J];成人教育;2014年09期

6 刘智惠;;关于国内985高校新型门户网站现状调查[J];上海工程技术大学教育研究;2014年02期

7 黄龙;;基于交互与应用的移动终端信息产品设计类型研究[J];包装工程;2014年12期

8 林毓聪;;有关真实用户评论信息构建移动学习资源的评价模型应用[J];电脑编程技巧与维护;2014年22期

9 张苇;;论数字时代背景下的品牌形象数字化设计表达[J];包装工程;2015年06期

10 王一翔;赵泽龙;赵静;;浅析基于CSS盒模型的中小型企业网站设计[J];计算机时代;2011年04期

中国重要会议论文全文数据库 前1条

1 刘欢;陈建香;刘畅;卢蓓蓉;;基于WCAG2.0的高校门户网站可访问性研究[A];中国高等教育学会教育信息化分会第十二次学术年会论文集[C];2014年

中国硕士学位论文全文数据库 前5条

1 伍凡凡;以用户体验为导向的智能手机应用软件界面设计研究[D];华东理工大学;2013年

2 彭佳;基于用户体验的老年智能手机APP界面交互设计研究[D];华东理工大学;2014年

3 文亚俊;基于移动端的电子商城虚拟展示及漫游平台设计研究[D];哈尔滨工业大学;2014年

4 马远强;移动互联网应用综合网络下载系统的研究与开发[D];北京邮电大学;2014年

5 高玉军;基于用户认知水平移动平台（终端）信息搜索效率研究[D];北京邮电大学;2014年

【二级参考文献】

中国期刊全文数据库 前10条

1 刘程程;张凌浩;;移动互联网时代手机服务型APP产品设计研究[J];包装工程;2011年12期

2 朱征宇;陈烨;常红要;曾丽芳;张鹏;;网站界面设计用户体验[J];重庆理工大学学报(自然科学版);2010年08期

3 冉敏;余胜泉;;小学移动英语学习资源设计[J];中国远程教育;2010年09期

4 陈琳;;“数字影像技术”课程的创设与教学[J];电化教育研究;2006年03期

5 郑俊生;姜敏;;使用DIV+CSS进行网页设计应用研究[J];电脑开发与应用;2008年09期

6 樊东燕;;基于Web页面的浏览器分辨率自适应策略的探讨[J];电脑开发与应用;2009年05期

7 赵亮;张维;;基于Android技术的界面设计与研究[J];电脑知识与技术;2009年29期

8 田彦;;浮动框架在网页制作中的使用技巧[J];计算机光盘软件与应用;2012年09期

9 钱玲;隗合金;郭伟;;我国成人移动学习研究中存在的基本问题探析[J];河北大学成人教育学院学报;2011年03期

10 于慧凝;;浅析网页对客户端分辨率的适应问题[J];科技信息;2009年28期

【相似文献】

中国期刊全文数据库 前10条

1 ;建设电子政务综合服务平台 提升教育信息化服务水平[J];苏州教育信息化;2011年05期

2 朱赤;高海滨;;校园综合服务平台的建设[J];中国教育信息化;2008年15期

3 张楚文;;论“两型社区”综合服务平台建设的商业模式创新——以长株潭社区建设为例[J];学术论坛;2010年03期

4 刘寅斌;;基于顶层设计的高等院校一体化信息综合服务平台框架的研究[J];中国教育信息化;2009年03期

5 茅维华;;信息资源综合服务平台建设与应用[J];中国教育信息化;2008年21期

6 王林霞;;江西气象文献保障中心及综合服务平台的构想[J];才智;2013年22期

7 夏凤军;郑元雪;;基于人人网的高校学院学生工作综合服务平台构建[J];湖北科技学院学报;2014年04期

8 苏双琴;陈峰;;人才市场多功能业务信息综合服务平台设计[J];才智;2014年16期

9 ;捷成世纪成功助力四川省“金人工程”建设[J];电视技术;2013年14期

10 ;中彩视频:传播福彩公益理念 打造综合服务平台[J];社会福利;2014年02期

中国重要会议论文全文数据库 前3条

1 韩武;苏文学;;海口市邮政综合服务平台技术方案[A];海南省通信学会论文集（二○○二年）[C];2002年

2 崔文顺;李建玲;崔硕;;基于云模式的农村科技信息综合服务平台[A];纪念中国农业工程学会成立30周年暨中国农业工程学会2009年学术年会（CSAE 2009）论文集[C];2009年

3 李红;;基于XML的电子商务综合服务平台的构建与实现[A];2006通信理论与技术新进展——第十一届全国青年通信学术会议论文集[C];2006年

中国重要报纸全文数据库 前10条

1 通讯员 戴丽玲 肖建民;北京建成城市邮政综合服务平台[N];中国邮政报;2003年

2 许发成;安徽局综合服务平台上线[N];中国邮政报;2004年

3 记者　李庆喜　通讯员　王耀萍　胡海洪;山西局综合服务平台上线[N];中国邮政报;2004年

4 记者 刘冬梅;12355青少年综合服务平台开通[N];天津日报;2009年

5 记者 崔璀　陈栋 通讯员 叶林武;全市远教三农综合服务平台昨日开通[N];丽水日报;2009年

6 郑欣;福建移动启用手机综合服务平台[N];人民邮电;2008年

7 成都高新区经贸发展局;打造“盈创动力”科技金融综合服务平台[N];中国证券报;2014年

8 记者　 王建新 通讯员　 孔晓霞;首个社区综合服务平台建成[N];泰州日报;2006年

9 孙连东 邱书婉;幸福街道城市社区综合服务平台成效斐然[N];江苏经济报;2007年

10 通讯员 唐卉庆;松江建成首个区级农业综合服务平台[N];东方城乡报;2008年

中国硕士学位论文全文数据库 前10条

1 王金;天津港集装箱物流中心综合服务平台的分析与实现[D];山东大学;2013年

2 廖洪波;面向自考信息综合服务平台的分布式计算与实现方法研究[D];重庆大学;2006年

3 吴锦平;超级画板综合服务平台设计与实现[D];广州大学;2012年

4 孙志强;山东省传统产业综合服务平台系统的设计与实现[D];山东大学;2012年

5 晏良;重庆邮政综合服务平台设计与实现[D];北京邮电大学;2010年

6 黄刚;湖北邮政综合服务平台创新研究[D];华中科技大学;2013年

7 王明鑫;沈阳高校发展状况与产学研合作信息综合服务平台的设计和实现[D];吉林大学;2012年

8 张丹;开发区企业综合服务平台集成技术研究与实现[D];电子科技大学;2012年

9 董钊;江苏农村信息综合服务平台系统设计与实现[D];南京农业大学;2013年

10 孟庆珂;银企合作投融资信息化服务平台的设计与实现[D];山东大学;2011年

，

本文编号：939413