响应式移动互联的中小型企业网站设计

doi:10.3969/j.issn.1006-2475.2015.11.011

计算机与现代化 ›› 2015, Vol. 0 ›› Issue (11): 53-55+59.doi: 10.3969/j.issn.1006-2475.2015.11.011

响应式移动互联的中小型企业网站设计

(嘉应学院计算机学院，广东梅州514015)

收稿日期:2015-06-04 出版日期:2015-11-12 发布日期:2015-11-16
作者简介:罗予东（1969-），男，广东梅州人，嘉应学院计算机学院高级实验师，硕士，研究方向：网络工程，信息安全。
基金资助:
国家自然科学基金资助项目（41172028）；广东省教育部科技部产学研结合项目（2012B090600027）；国家级教育基地项目（414B0110）

Responsive Web Design for Small and Medium Enterprises Website

(School of Computer, Jiaying University, Meizhou 514015, China)

Received:2015-06-04 Online:2015-11-12 Published:2015-11-16

摘要/Abstract

摘要：

移动互联的高速增长催生了响应式网页技术的发展，本文首先对一些主流门户网站采用的响应式技术原理进行分析介绍，然后对已在使用的中小型信息管理网站进行升级改造，选择性地将响应式设计技术应用于“新起点补习班”网站，从而提升网站的用户体验。相对于传统的APP开发，响应式技术大大降低了对开发人员的技术要求，与原有MVC系统相结合，可以缩短开发周期和降低人力成本。

关键词: 响应式网页, 移动互联, 用户体验, APP

Abstract: An emergent architecture called “Responsive Web Design” has spawned by the high-speed growth of mobile Internet. First the principles of Responsive Web Design using in some mainstream Web portal were introduced. And then to enhance the user experience of “the new starting cram school” website, some of Responsive Web Designs have been applied in this website selectively. Compared to the traditional APP development, Responsive Web Design technique can be applied in the original MVC system seamlessly, which reduces the requirements for developers, improves the efficiency of Web development, and reduces the cost of maintenance.


Key words: responsive Web design, mobile Internet, user experience, APP

中图分类号:

TP311

罗予东，陈伟君，刘秀湛，刘宏威. 响应式移动互联的中小型企业网站设计[J]. 计算机与现代化, 2015, 0(11): 53-55+59.

LUO Yu-dong, CHEN Wei-jun, LIU Xiu-zhan, LIU Hong-wei. Responsive Web Design for Small and Medium Enterprises Website[J]. Computer and Modernization, 2015, 0(11): 53-55+59.

参考文献

［1］新浪科技微博. 双十一支付宝一天完成移动支付1.97亿笔［EB/OL］． http://tech.sina.com.cn/i/2014-11-12/doc-icczmvum9788824.shtml, 2014-11-12.
［2］ Ethan Marcotte． Responsive Web Design［EB/OL］． http://www．alistapart．com/articles/responsive-web-design/, 2010-05-25．
［3］ Frain B． Responsive Web Design with HTML5 and CSS3［M］. Birmingham: Packt Publishing, 2012．
［4］ Juhani Lehtimaki. 精彩绝伦的Android UI设计_响应式用户界面与设计模式［M］．王东明,译. 北京：机械工业出版社, 2013.
［5］ Tim Kadlec． Implementing Responsive Design: Building Sites for An Anywhere，Everywhere Web［M］． California: New Riders Publishing, 2012．
［6］赵卫东. 基于响应式Web设计的质量工程管理系统的设计［J］. 中国科技信息, 2014(17):124-125.
［7］刘欢,卢蓓蓉. 使用响应式设计构建高校新型门户网站［J］. 中国教育信息化, 2013(9):71-74.
［8］马琳. 面向移动互联网的开放服务技术架构及若干关键技术研究［D］. 北京:北京邮电大学, 2013.
［9］阮一峰. 自适应网页设计［EB/OL］. http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html, 2012-05-01.
［10］张树明．基于响应式Web设计网页模板的设计与实现［J］．计算机与现代化, 2013(6):125-127．
［11］Ben Frain．响应式Web设计［M］. 王永强,译. 北京:人民邮电出版社, 2013．
［12］蒋凌燕,查英华. 基于HTML5的响应式Web页面重组适配技术研究［J］. 计算机与现代化, 2015(2):7-10.
［13］范宇超,廖剑强,邓秀勤,等. 基于HTML5的响应式展会信息移动平台设计与实现［J］. 计算机时代， 2014(3):24-26.
［14］严卉,张慎,谢雪婷. 基于响应式技术的电子商务网页重制作［J］. 科技创新与应用, 2015(7):50.
［15］谢冠怀. 辨析响应式网页的浮动布局和伸缩盒子布局［J］. 现代计算机(专业版), 2014(15):42-46.
［16］密海英. 面向不同设备的响应式网页设计探析［J］. 苏州市职业大学学报, 2013,24(2):34-37.
［17］贝岩. 响应式Web设计实现方法研究［J］. 渤海大学学报(自然科学版), 2014,35(2):170-172.

[1]	冼进. Android应用性能测试与监控技术[J]. 计算机与现代化, 2022, 0(07): 103-109.
[2]	梁晓琦1，戴永辉2，藏鸿雁1. 基于双重定位技术的智能考勤系统[J]. 计算机与现代化, 2020, 0(01): 58-.
[3]	李春生,刘小刚,焦海涛,张可佳. 基于APP搜索系统的PageRank改进算法[J]. 计算机与现代化, 2018, 0(07): 24-.
[4]	许鹏辉，郭玲，施盼. 基于移动终端的路况信息实时采集与显示系统[J]. 计算机与现代化, 2017, 0(3): 22-.
[5]	程慧芳，袁士君，张鹏飞. 基于移动互联网的态势共享系统[J]. 计算机与现代化, 2014, 0(8): 11-15+20.
[6]	张庆林;陈跃芳. 移动互联网中异步数据库交互设计与优化[J]. 计算机与现代化, 2013, 1(3): 89-91.
[7]	陈志伟;胡治国;. IP网络语音质量评价方法研究[J]. 计算机与现代化, 2013, 1(2): 185-188.
[8]	毛冠嫱;黄建铭. 以用户体验为基础的网站优化策略[J]. 计算机与现代化, 2011, 7(7): 82-83.
[9]	王云峰. 基于智能终端的移动税务方案探讨 [J]. 计算机与现代化, 2011, 194(10): 160-162.
[10]	焦宁;卢潇;刘香萍;杜鹃. 基于Flex和Java的Web文件管理系统的设计与实现[J]. 计算机与现代化, 2009, 1(12): 157-159.

响应式移动互联的中小型企业网站设计

Responsive Web Design for Small and Medium Enterprises Website

可视化

被引次数

摘要/Abstract

引用本文

使用本文

参考文献

相关文章 10

编辑推荐

Metrics

本文评价