响应式网页设计

  • 响应式网页设计(Responsive web design)

—— 一种网络页面设计布局,其理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境进行相对应的布局。
  • 起因:因为越来越多的智能移动设备( mobile, tablet device )加入到互联网中来,移动互联网不再是独立的小网络了,而是成为了 Internet 的重要组成部分。响应式网络设计 ( RWD / AWD)的出现,目的是为移动设备提供更好的体验,并且整合从桌面到手机的各种屏幕尺寸和分辨率,用技术来使网页适应从小到大(现在到超大)的不同分辨率的屏幕。
  • 三项已有科技组成:弹性网络布局、弹性图片/媒体、媒体查询
  • 前后端关系:后端拥有强大的数据库/云端(后端工程师),前段则是美化过后的网页伺服器/API伺服器(平面设计师/前端设计师)

——————————————————————

  • 超文本标记语言HTML(HyperText Markup Language)

——一种专门用于创建Web超文本文档的编程语言,它能告诉Web浏览程序如何显示Web文档(即网页)的信息,如何链接各种信息。使用HTML语言可以在其生成的文档中含有其它文档,或者含有图像、声音、视频等,从而形成超文本。

——————————————————————

  • 层叠样式表(Cascading Style Sheets)

——一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

——————————————————————

  • JavaScript

——一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

——————————————————————

  • 例子网站

使用了响应式网页设计:Microsoft - 官方网站
未使用响应式网页设计: 淘宝网- 淘!我喜欢

——————————————————————

RWD一词提出人Marcotte(2010)的网页连结:

http://alistapart.com/article/responsive-web-design

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 名词解释: Web标准:WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structu...
    wo_jzf阅读 1,409评论 0 1
  • 一、名词解释 名词引用自教科书——《响应式Web设计——HTML5和CSS3实战(第二版)》 响应式Web设计(R...
    GeekJun阅读 810评论 0 3
  • 名词解释 Internet:就是通常所说的互联网,是由一些使用公用语言相互通信的计算机连接而成的网络 WWW(Wo...
    你猜_42e0阅读 631评论 0 0
  • 名词解释 (来源:《响实》及网络) 响应式Web设计(Responsive Web Design): 简称RWD,...
    kkyyoo阅读 663评论 0 1
  • 名词解释 响应式Web设计(Responsive Web Design) 所谓响应式Web设计,就是网页内容会随着...
    Autistic_8d3b阅读 1,006评论 0 0