一 名词解释(搜索來源百度、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月期間屏幕分辨率在世界範圍内的使用變化比重
由此我們可以看出屏幕分辨率的多樣性,使用非RWD設計網頁,衹能滿足一部分用戶A的體驗,同時也勢必降低其他用戶BCD的瀏覽體驗,但是若是爲了其他用戶BCD而又專門設計出相應的網頁,那網頁製作者的工作量也會相應增加。
而響應式Wed設計就不會出現這種問題,衹需要一條代碼就能使網頁輕鬆駕馭任何分辨率的屏幕,提供用戶良好的瀏覽體驗。
三 例子
- 使用了響應式設計的網頁
- 未使用相應式設計的網頁
四 解释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,懂一些设计模式等。