基于响应式Web设计的网页模板的设计与实现 被引量：31

1

作者 张树明 《计算机与现代化》 2013年第6期125-127,共3页

随着移动互联网的飞速发展,网站桌面Web应用和移动Web应用的相关性和一致性是网站建设的关键。本文基于响应式Web设计思想,设计并实现了一套较通用的网页模板,该模板能够自动适应浏览设备的环境,独立于设备,为网站开发提供了一种高效的... 随着移动互联网的飞速发展,网站桌面Web应用和移动Web应用的相关性和一致性是网站建设的关键。本文基于响应式Web设计思想,设计并实现了一套较通用的网页模板,该模板能够自动适应浏览设备的环境,独立于设备,为网站开发提供了一种高效的方法。 展开更多

关键词 响应式web设计 网页 模板

下载PDF 职称材料

基于响应式Web设计的网页生成系统研究与实现 被引量：24

2

作者 臧进进 鄂海红 《软件》 2015年第6期37-41,共5页

随着移动互联网的兴起,越来越多的人开始使用移动设备访问各类网站。制作可以适配不同终端的网页成为了个人和企业网站设计和开发的关键。本文在论述了响应式Web设计相关技术的基础上,设计并实现了一套新型网页生成系统。该系统通过响应... 随着移动互联网的兴起,越来越多的人开始使用移动设备访问各类网站。制作可以适配不同终端的网页成为了个人和企业网站设计和开发的关键。本文在论述了响应式Web设计相关技术的基础上,设计并实现了一套新型网页生成系统。该系统通过响应式Web设计的开发方式,为用户屏蔽网页开发的技术细节,让用户能够以"所见即所得"的方式创建网页。使用该系统生成的网页能随着接入设备的不同而自行响应,动态地调整布局结构、交互样式。 展开更多

关键词 移动互联网 响应式web设计 可视化编辑 网页生成器

下载PDF 职称材料

响应式Web移动学习资源的技术实现与设计研究 被引量：23

3

作者 杨叶 陈琳 董启标 《现代教育技术》 CSSCI 2013年第6期107-111,共5页

在Web设计理念与技法不断发展、移动智能设备种类不断增多的背景下,如何最大限度地适应各种性能与规格的终端设备,成为Web移动学习资源设计过程中必须要解决的问题。文章分析了目前主流移动智能终端的发展状况,概述了传统Web移动学习资... 在Web设计理念与技法不断发展、移动智能设备种类不断增多的背景下,如何最大限度地适应各种性能与规格的终端设备,成为Web移动学习资源设计过程中必须要解决的问题。文章分析了目前主流移动智能终端的发展状况,概述了传统Web移动学习资源的特点及面临的问题,并在论述了响应式Web设计相关技术的基础上提出了响应式Web设计的四大原则,最后以"数字摄影"专题网站为例,重点阐述了响应式Web移动学习资源的技术实现和设计过程。 展开更多

关键词 移动智能终端 响应式设计 web设计 移动学习资源

下载PDF 职称材料

基于响应式Web设计的教务系统移动平台研究与建设 被引量：23

4

作者 张幸芝 徐东东 贾菲 《软件》 2013年第6期5-7,共3页

随着移动互联网的高速发展,iphone、Android、ipad等智能移动设备迅速普及大众生活,越来越多的人习惯使用移动设备访问各类网站,进行工作和休闲娱乐活动。学校的教务系统由于在设计之初未将移动设备考虑在内,因此当多数师生开始通过移... 随着移动互联网的高速发展,iphone、Android、ipad等智能移动设备迅速普及大众生活,越来越多的人习惯使用移动设备访问各类网站,进行工作和休闲娱乐活动。学校的教务系统由于在设计之初未将移动设备考虑在内,因此当多数师生开始通过移动设备访问教务系统时,一些诸如兼容性和可访问性问题逐渐显现出来。为此,文章提出基于响应式web设计的教务系统移动平台建设,旨在为移动设备访问教务系统提供解决方案。 展开更多

关键词 计算机应用 移动设备 响应式web设计 跨平台

下载PDF 职称材料

响应式网页设计初探 被引量：16

5

作者 王愉 潘明明 《北京印刷学院学报》 2014年第3期13-15,共3页

移动互联网发展迅速,各种智能设备层出不穷,如何开发一个在所有环境中都表现卓越的网站成为当今的Web设计师不得不面对的重要课题。由于响应式网页设计可以在不同使用情境下提供较优选的用户体验,因此成为顺应互联网发展趋势的设计实践。

关键词 响应式网页设计 移动优先 媒介查询 流式布局

下载PDF 职称材料

基于HTML5与CSS3的网页设计技术研究 被引量：15

6

作者 赵怡姗 范明钰 《成都信息工程大学学报》 2021年第6期641-645,共5页

针对计算机屏幕设计的网站在其他尺寸的设备上的显示效果大打折扣的问题,提出了一种基于HTML5和CSS3的响应式网页设计,它可以跟据用户使用设备的屏幕分辨率、尺寸、情境和行为等调整页面布局,使不同设备上的页面显示效果更加合理、流畅... 针对计算机屏幕设计的网站在其他尺寸的设备上的显示效果大打折扣的问题,提出了一种基于HTML5和CSS3的响应式网页设计,它可以跟据用户使用设备的屏幕分辨率、尺寸、情境和行为等调整页面布局,使不同设备上的页面显示效果更加合理、流畅,给用户带来优质的体验。实验表明,响应式网页设计能够自适应不同设备,提供更好的显示效果。 展开更多

关键词 响应式网页 网页设计 页面优化

下载PDF 职称材料

响应式Web设计关键技术及设计流程 被引量：13

7

作者 赵建保 《电脑知识与技术（过刊）》 2014年第2X期1066-1068,共3页

适应移动互联网Web设计需求,从Web设计实践出发,解析了响应式Web设计的媒体查询、流动布局和弹性视觉媒体三大关键技术,提出了响应式Web设计流程,为实现"一源多屏"Web设计提供了解决方案,为移动互联网设计和重构提供了技术框... 适应移动互联网Web设计需求,从Web设计实践出发,解析了响应式Web设计的媒体查询、流动布局和弹性视觉媒体三大关键技术,提出了响应式Web设计流程,为实现"一源多屏"Web设计提供了解决方案,为移动互联网设计和重构提供了技术框架和路径。 展开更多

关键词 响应式 CSS3 web设计

下载PDF 职称材料

自适应网页设计中的关键技术 被引量：14

8

作者 冯兴利 洪丹丹 +1 位作者 罗军锋 锁志海 《计算机应用》 CSCD 北大核心 2016年第A01期249-251,256,共4页

针对移动设备上浏览网页时产生的可读性差、人机交互性差、加载速度慢、页面布局不合理、用户体验差等缺点,提出了基于媒体查询技术和流动布局技术的自适应网页设计方法。媒体查询技术是层叠样式表(CSS3)的关键技术,能够将页面内容不经... 针对移动设备上浏览网页时产生的可读性差、人机交互性差、加载速度慢、页面布局不合理、用户体验差等缺点,提出了基于媒体查询技术和流动布局技术的自适应网页设计方法。媒体查询技术是层叠样式表(CSS3)的关键技术,能够将页面内容不经修改而直接显示在特定尺寸的设备屏幕上,而流动布局技术则能够使页面普遍适应各种分辨率不同的设备,做到网页的普遍自适应。该技术使移动客户端网页布局更加合理,页面内容具备更好的可读性,经Web Pagetest测试表明,自适应网页与非自适应网页相比,页面加载时间能够明显缩短,加载速度大幅提高,更好地提升了用户体验。 展开更多

关键词 媒体查询 流动布局 HTML5 CSS3 自适应网页

下载PDF 职称材料

响应式Web设计的研究与实现 被引量：10

9

作者 郭彦辉 《软件》 2018年第1期169-172,共4页

响应式Web设计在网站兼容多种设备显示和提高用户体验上提供了一种可行的解决方案。通过对响应式Web设计的方法及关键技术的研究,在基于HTML5和CSS3技术上采用小屏幕优先、内容确定断点、基于内容优先创建响应式导航和基于视口宽度变化... 响应式Web设计在网站兼容多种设备显示和提高用户体验上提供了一种可行的解决方案。通过对响应式Web设计的方法及关键技术的研究,在基于HTML5和CSS3技术上采用小屏幕优先、内容确定断点、基于内容优先创建响应式导航和基于视口宽度变化的响应式图片相结合的设计思路与方法,并将方法运用在高职的招生信息网站上。实践证明,所采用的方法创建的网站在移动设备上具有良好地呈现,能够改善用户在移动端浏览网站的体验。 展开更多

关键词 响应式web设计 招生信息网站 HTML5

下载PDF 职称材料

响应式Web设计方法的研究 被引量：10

10

作者 邢希 田兴彦 王世运 《琼州学院学报》 2013年第2期36-38,共3页

响应式Web设计是当前网页设计领域的新趋势.针对响应式网页设计相关的设计方法和技术手段,比如媒体查询、流式布局、弹性图片等展开探讨,为网页在多种设备上进行跨端的界面适配的问题提供新思路和解决方案.

关键词 响应式 网页设计 媒体查询

下载PDF 职称材料

响应式布局在网页设计中的应用 被引量：8

11

作者 直敏 高天哲 孙杨 《无线互联科技》 2022年第15期150-152,共3页

近几年,随着互联网的飞速发展,传统的计算机终端已经无法满足人们对互联网以及信息获取的需求。许多智能产品出现,从传统的电脑端渐渐转向当前常见的移动端,浏览者在上网时的网页使用习惯出现了极为明显的转变。响应式网页设计应运而生... 近几年,随着互联网的飞速发展,传统的计算机终端已经无法满足人们对互联网以及信息获取的需求。许多智能产品出现,从传统的电脑端渐渐转向当前常见的移动端,浏览者在上网时的网页使用习惯出现了极为明显的转变。响应式网页设计应运而生,其可以根据用户终端屏幕的分辨率、使用情境、搜索行为等一系列内容进行自动匹配,并且确保其最终的显示效果更加清晰、流畅,能给予用户良好的使用体验,因而渐渐成为互联网发展过程中的重点发展方向。文章对响应式布局在网页设计的应用展开了探讨,指出如何设计可以兼顾不同终端显示差异的网站页面,已经成为网站建设领域极为重要的课题,希望本文能对相关研究者有所帮助。 展开更多

关键词 响应式布局 网页设计 网页应用

下载PDF 职称材料

响应式Web设计实现方法研究 被引量：8

12

作者 贝岩 《渤海大学学报（自然科学版）》 CAS 2014年第2期170-172,共3页

随着移动互联网的飞速发展,网站桌面Web应用和移动Web应用的相关性和一致性是网站建设的关键,目前解决这一问题的方法主要采用响应式Web设计思想,本文从液态布局、液态图片和响应式图片三个方面介绍了响应式Web设计的实现方法,基于这些... 随着移动互联网的飞速发展,网站桌面Web应用和移动Web应用的相关性和一致性是网站建设的关键,目前解决这一问题的方法主要采用响应式Web设计思想,本文从液态布局、液态图片和响应式图片三个方面介绍了响应式Web设计的实现方法,基于这些方法建立的网页能够自动适应浏览设备的环境,独立于设备,为网站开发提供了一种高效的方法. 展开更多

关键词 响应式web设计 网页 布局

下载PDF 职称材料

响应式Web设计:图书馆移动服务新方向 被引量：8

13

作者 钟远薪 《图书馆论坛》 CSSCI 北大核心 2015年第7期93-97,共5页

文章回顾图书馆移动服务技术发展概况,对图书馆移动服务技术进行对比分析,介绍响应式Web设计,并对其在图书馆移动服务中的应用进行探索。响应式Web设计契合技术发展趋势,兼容性强,可行性高,是图书馆移动服务的新方向,但存在研究与实践... 文章回顾图书馆移动服务技术发展概况,对图书馆移动服务技术进行对比分析,介绍响应式Web设计,并对其在图书馆移动服务中的应用进行探索。响应式Web设计契合技术发展趋势,兼容性强,可行性高,是图书馆移动服务的新方向,但存在研究与实践相对滞后、技术应用案例和扩展不足等问题。 展开更多

关键词 响应式web设计 移动服务 移动图书馆

下载PDF 职称材料

基于响应式Web的农业网站设计方法研究 被引量：8

14

作者 谢辉 杨晓蓉 +1 位作者 张丽萍 屠媛媛 《安徽农业科学》 CAS 2016年第2期330-334,共5页

响应式Web由于其适应全设备的特点,已成为当今网站设计的主流。该研究从对响应式Web的介绍和关键技术的分析入手,结合国内外响应式Web应用的现状,提出了农业网站响应式Web的设计流程,并对页面布局作出了多种方案分析,为农业网站建设提... 响应式Web由于其适应全设备的特点,已成为当今网站设计的主流。该研究从对响应式Web的介绍和关键技术的分析入手,结合国内外响应式Web应用的现状,提出了农业网站响应式Web的设计流程,并对页面布局作出了多种方案分析,为农业网站建设提供参考。 展开更多

关键词 响应式web HTML5 CSS3 媒体查询

下载PDF 职称材料

响应式Web设计及其在图书馆门户网站中的应用——以“211”高校图书馆为例 被引量：7

15

作者 曹树金 吴育冰 《图书情报研究》 2016年第1期30-34,共5页

介绍响应式Web设计的概念及关键技术,分析其优缺点,然后通过台式电脑、安卓手机、Ipad分别访问国内112所"211"高校图书馆门户网站,以期了解响应式Web设计在国内高校图书馆网站移动化建设中的应用情况。调查结果表明,仅有云南... 介绍响应式Web设计的概念及关键技术,分析其优缺点,然后通过台式电脑、安卓手机、Ipad分别访问国内112所"211"高校图书馆门户网站,以期了解响应式Web设计在国内高校图书馆网站移动化建设中的应用情况。调查结果表明,仅有云南大学图书馆和中国科学技术大学图书馆的门户网站采用了响应式Web设计。最后,提出在未来,响应式Web设计并非最好的方式,也不是唯一的方式。未来高校图书馆门户网站建设不会仅局限于某一种平台,可采用未来友好的思维,顺应潮流,确保灵活,能够适应未来的一切变化。 展开更多

关键词 响应式web设计 高校图书馆 图书馆门户网站

下载PDF 职称材料

全媒体一站式信息门户建设技术架构设计 被引量：7

16

作者 欧阳荣彬 龙新征 +2 位作者 杨加 李庭晏 张蓓 《通信学报》 EI CSCD 北大核心 2018年第A01期110-115,共6页

为了解决"信息孤岛"问题,各高校建设了信息门户。传统信息门户虽然具有唯一性、集成性、个性化和整体性等特征,但是在对移动终端支持、各类终端展示的一致性、大量集成基础上的易扩展和可运维等方面,缺乏架构上的支撑。提出... 为了解决"信息孤岛"问题,各高校建设了信息门户。传统信息门户虽然具有唯一性、集成性、个性化和整体性等特征,但是在对移动终端支持、各类终端展示的一致性、大量集成基础上的易扩展和可运维等方面,缺乏架构上的支撑。提出的信息门户建设技术架构,以响应式Web设计、混合式app开发、微服务架构等为技术支撑,以统一身份认证、统一授权管理为保障,以师生"一张表"为示范,既凸显了信息门户的传统特征,又实现对移动终端的支持,同时支持全媒体一致的展示,并且具有可扩展、易运维的显著特性。 展开更多

关键词 全媒体 一站式 响应式web设计 混合式app开发 微服务

下载PDF 职称材料

断点在响应式网页设计中的应用研究 被引量：7

17

作者 陈益全 吴多智 《微型电脑应用》 2016年第5期41-43,共3页

指出使用智能移动设备浏览传统网页时用户体验方面的不足。介绍响应式网页设计的概念、特点及优势。介绍断点的概念、主流显示设备分辨率情况、断点图的绘制方法、CSS媒体查询的用法及Bootstrap默认断点设臵情况。总结响应式网页设计中... 指出使用智能移动设备浏览传统网页时用户体验方面的不足。介绍响应式网页设计的概念、特点及优势。介绍断点的概念、主流显示设备分辨率情况、断点图的绘制方法、CSS媒体查询的用法及Bootstrap默认断点设臵情况。总结响应式网页设计中断点的使用方法,为开发实用性强且受用户欢迎的网页提供技术参考。 展开更多

关键词 响应式网页设计 断点 媒体查询 网页布局

下载PDF 职称材料

Bootstrap响应式Web设计应用研究——以玩具商城网站设计为例 被引量：2

18

作者 庄丽君 《现代信息科技》 2023年第22期96-99,共4页

随着5G网络的发展和普及,各种智能设备层出不穷,人员纷纷开始使用移动设备来浏览网页。如此这般,传统网页的设计模式已经不适用于当前多样化的终端设备。而Bootstrap响应式设计技术的出现,顺应了互联网发展的需求,解决了用户跨终端浏览... 随着5G网络的发展和普及,各种智能设备层出不穷,人员纷纷开始使用移动设备来浏览网页。如此这般,传统网页的设计模式已经不适用于当前多样化的终端设备。而Bootstrap响应式设计技术的出现,顺应了互联网发展的需求,解决了用户跨终端浏览网页的问题,同时也为网页设计人员简化了设计流程,极大地提高了设计人员的工作效率。 展开更多

关键词 响应式web设计 BOOTSTRAP 网站设计

下载PDF 职称材料

基于HTML5的响应式展会信息移动平台设计与实现 被引量：7

19

作者 范宇超 廖剑强 +1 位作者 邓秀勤 林楚泉 《计算机时代》 2014年第3期24-26,共3页

响应式网页设计是针对不同尺寸移动设备而诞生的技术,该技术很好地解决了由于不同尺寸设备引起的错误问题。在移动设备成为大众获取信息的主要渠道的背景下,结合展会信息服务,应用响应式网页设计技术,设计并实现了一个展会信息移动平台... 响应式网页设计是针对不同尺寸移动设备而诞生的技术,该技术很好地解决了由于不同尺寸设备引起的错误问题。在移动设备成为大众获取信息的主要渠道的背景下,结合展会信息服务,应用响应式网页设计技术,设计并实现了一个展会信息移动平台,该平台的构建为展会信息的传播和商家供求信息的发布提供了一条便利的途径,对促进中小企业的发展具有重大现实意义。 展开更多

关键词 响应式网页设计 移动设备 展会信息服务 信息平台

下载PDF 职称材料

基于响应式Web设计手机图书馆服务应用探讨 被引量：6

20

作者 陈静 《图书馆工作与研究》 CSSCI 北大核心 2015年第4期33-36,共4页

目前图书馆开展的手机图书馆服务存在一定的局限性,不能满足手机用户需求。基于响应式Web设计手机图书馆能为图书馆提供一体化的手机服务平台,具有良好的设计效果、最佳的使用体验、低成本维护等优势,而且能为手机用户提供流媒体服务、... 目前图书馆开展的手机图书馆服务存在一定的局限性,不能满足手机用户需求。基于响应式Web设计手机图书馆能为图书馆提供一体化的手机服务平台,具有良好的设计效果、最佳的使用体验、低成本维护等优势,而且能为手机用户提供流媒体服务、实时的参考咨询服务、个性化服务、手机版数据库导航和手机离线文件等拓展服务。 展开更多

关键词 响应式web设计 手机图书馆 图书馆服务

下载PDF 职称材料