響應式Web設計（搜索來自百度）
2018-03-12 本文已影响0人
jackeeonz
一 名词解释（搜索來源百度、360）
-
1、响应式Web设计： 响应式Web设计（簡稱：RWD）是在开发和设计网站过程中产生的一种方式，它的目的是让内容布局能随用户使用显示器的不同而变化。 基于RWD而设计的网站利用CSS3 media queries规则来自动适应不同访问设备的屏幕尺寸和显示要求。
-
2、HTML5： 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。
-
3、CSS3： CSS3是CSS（层叠样式表）技术的升级版本， 主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
-
4、JavaScript： JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
-
5、視口（viewport）：瀏覽器中用於呈現網頁的區域。
-
6、width：width表示数据视图中[单元格]变量值的宽度，如果单元格变量值位数大于所设定的宽度，该单元格将出现乱码。说明：定义输出设备中的页面可见区域宽度。
二 舉例説明爲何需要RWD
在以下圖片中，我們可以得到在2017年2月至2018年2月期間屏幕分辨率在世界範圍内的使用變化比重
StatCounter-resolution-ww-monthly-201702-201802.png
由此我們可以看出屏幕分辨率的多樣性，使用非RWD設計網頁，衹能滿足一部分用戶A的體驗，同時也勢必降低其他用戶BCD的瀏覽體驗，但是若是爲了其他用戶BCD而又專門設計出相應的網頁，那網頁製作者的工作量也會相應增加。
而響應式Wed設計就不會出現這種問題，衹需要一條代碼就能使網頁輕鬆駕馭任何分辨率的屏幕，提供用戶良好的瀏覽體驗。
三 例子
- 使用了響應式設計的網頁
http://www.4399.com/
- 未使用相應式設計的網頁
www.jianshu.com
四 解释RWD的三项组成科技
彈性網絡佈局（fluid grid）:
彈性圖片/媒體（flxible images）:
媒體查詢（media queries）
五 RWD和前後端的关系（源於百度）
Web前端：顾名思义是来做Web的前端的。我们这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。
- 1、精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构。
- 2、精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器。
- 3、熟悉JavaScript，了解ECMAScript基础内容，掌握1~2种js框架，如JQuery。
- 4、对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案。
- 5、对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。
Web後端：后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。
- 1、 精通jsp，servlet，java bean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解。
- 2、熟练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力。
- 3、熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑。
- 4、 精通面向对象分析和设计技术，包括设计模式、UML建模等。
- 5、 熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力。
web前端分为网页设计师、网页美工、web前端开发工程师。首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责网页美工只针对UI这块的东西，比如网站是否做的漂亮，web前端开发工程师是负责交互设计的，需要和程序员进行交互设计的配合。
web前端需要掌握的有脚本技术javascript DIV+CSS现下最流行的页面搭建技术，ajax和jquery以及简单的后端程序等。 后端的话可供开发的语言有 asp、php、jsp、.NET 这些后端开发语言的话搭建环境都不一样
实际的开发过程中，前端、后端开发人员的定位如下：
- 1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。
- 2）后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。
