名词解释
响应式Web设计（RWD）
“响应式Web设计”这个名字是Ethan Marcotte在2010年发明的。当时，他在A List Apart上写了一篇文章：响应式网页设计，这篇文章综合运用了三种已有技术（弹性网格布局、弹性图片、媒体查询）实现了一个解决方案，就叫“响应式Web设计”。
它是一种新的网站设计模式，以此构建的网站可自动适应不同的访问设备(从桌面电脑、平板电脑到智能手机)，方便用户阅读和导航浏览，减少用户的放大/缩小/滑动操作，从而提供完整而友好的用户体验。
HTML5
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。
CSS3
CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
为何需要“响应式网页设计”？
2017年2月 - 2018年2月全球移动与桌面与平板电脑市场份额
| 日期 | 移动 | 桌面 | 平板 |
|---|---|---|---|
| 2017年2月 | 49.73 | 45.23 | 5.04 |
| 2017年3月 | 50.75 | 44.36 | 4.88 |
| 2017年4月 | 51.95 | 43.23 | 4.82 |
| 2017年5月 | 51.7 | 43.59 | 4.71 |
| 2017年6月 | 53.03 | 42.19 | 4.78 |
| 2017年7月 | 53.99 | 41.22 | 4.79 |
| 2017年8月 | 52.64 | 42.75 | 4.62 |
| 2017年9月 | 52.29 | 43.29 | 4.42 |
| 2017年10月 | 50.87 | 44.78 | 4.35 |
| 2017年11月 | 50.02 | 45.68 | 4.3 |
| 2017年12月 | 52.48 | 43.26 | 4.26 |
| 2018年1月 | 51.92 | 43.87 | 4.21 |
| 2018年2月 | 51.82 | 44.12 | 4.06 |
响应式网页设计可以自动适当显示于各种不同装置，包含手机、电脑、平板。根据不一样的银幕大小设计阅读界面，网站就可以被各种族群阅读，这对网站行销有利。手机市场份额尤其巨大，没有手机版网站就会失去行销的先机。
采用响应式Web设计与没有采用响应式Web设计的网站例子
RWD的三项组成科技
-
弹性网格布局： 可以将应用程序分割成不同的空间，或者定义他们的大小、位置以及层级。可以让Web设计师根据元素按列或行对齐排列。有很强的排版控制。
-
弹性图片/媒体：弹性图片指的是不给图片设置固定尺寸，而是根据流体网格进行缩放，用于适应各种网格的尺寸。
-
媒体查询：媒体查询是界面为了适应不同屏幕大小而存在的。
RWD前后端
前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。
后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。
网友评论