响应式网页设计

• 响应式网页设计（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