响应式网页设计的产生
响应式网页设计，全称是Respive Web Design，早是由伊桑·马卡特（Ethan Marcotte）在2010年提出的一个概念，的动机是“如何使得页面布局适应任何的浏览窗口”。响应式页面的设计理念是，页面的设计与开发应当能够根据用户的行为以及设备环境（包括系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整，也就是页面应该有能力去自动响应用户的
网站服务监控
响应式网页设计的产生
响应式网页设计，全称是Respive Web Design，早是由伊桑·马卡特（Ethan Marcotte）在2010年提出的一个概念，的动机是“如何使得页面布局适应任何的浏览窗口”。响应式页面的设计理念是，页面的设计与开发应当能够根据用户的行为以及设备环境（包括系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整，也就是页面应该有能力去自动响应用户的设备环境。简而言之，这个概念指的就是网站的页面能够兼容多种不同的终端，根据不同的环境做出自动的响应及调整。
响应式网页开发的实现方案有很多，包括CSS媒体查询的使用、弹性网格和布局、流式图像等。无论用户使用的是哪种设备，响应式页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以实现自动的适应。
伊桑·马卡特在其个人网站上给出了响应式网页的简单示例。这个网站虽然简单，却具备了响应式网页的要素：自动适应、流式网格布局、流式图像显示等等。读者可以尝试浏览这个网页，通过手动拖动鼠标改变浏览器窗口的大小，查看在不同浏览器窗口尺寸下页面显示的变化。可以看到，在不同的浏览器窗口尺寸下，网页的地址没有发生变化，但网页的布局显示却可能有所改变
网页设计是什么？
网页设计也被称为Web Design、网站设计、Website design、WUI等。它的本质就是网站的图形界面设计。虽然现在我们常使用移动端上的APP来获取资讯，但是显然基于个人电脑平台的网站上网方式陪伴我们的历史要比手机久很多：从1987年钱天白向德国发出封电子邮件到2000年搜狐、新浪、网易在美国纳斯达克挂牌上市，再到现在网站遍地；的网站高速发展了近三十年。我是在小学开始去网吧“上网冲浪”的，那时的电脑屏幕非常小，分辨率只有800x600像素（对比一下，iPhone8的分辨率是750x1334px），网速也很慢，经常掉线或者加载失败。那时的网站性能和体验都不好，而现在网站设计和过去已经有了巨大的变化：注重用户体验、注重页面动效、富媒体等设计让如今的网站体验并不比软件和手机APP差。加上个人电脑的普及，网站仍然是人机交互中非常重要的平台之一。那么作为UI设计师我们就必须掌握网站设计的规范和理解网站运行的原理，才能更好地驾驭这个平台。今天就向您好好说道一下网站必须懂得的那些事儿。
门户网站分类
个人门户网站
在该网站可以查找到关于某个人所能提供的一切上网的信息，个人文字作品、图片、声音、视频以及联系方式等等。
参阅：个人主页
门户网站
在该网站可以查到关于某个或者某级所能提供的一切上网信息，一般会提供在有关机构办事的帮助指南，以及线上办事的平台。
参阅：今日台湾、通信社、我们人民、网、朝鲜通信社、香港一站通
企业门户网站
在该网站可以查到，企业的业务范围，新消息，针对媒体发放的信息，以及针对投资者的信息等。
参阅：投资者关系、媒体资料包
也叫做垂直门户网站，是以该网站自己的编辑工序集成其他媒体关于某一特定领域的报道，并托管在自己的服务器上展示。一般来说，科技、法律、体育、娱乐、财经、律师等领域比较容易出现门户网站。
参阅：苦劳网、好律师网、新头壳、医声论坛、猫咪论坛、乐屋网、TWATC、游戏基地、开眼电影网、巴哈姆特电玩信息站、Animate、4Gamer.net、Natalie、IGN、互联网档案馆、烂番茄
分类信息网站
在该网站可以查到某个领域或全行业的线上个人或公司名录，交易信息等。部分网站甚至允许直接在网上发起交易。
参阅：Amazon.com、eBay、淘宝网、京东商城、DMM.com、台湾乐天市场、博客来网络书店、露天拍卖
综合门户网站
做的比较大的综合门户网站，一般是该国或该语言使用区域内流量排名靠前的网站。他们会将从网上多个来源收集到的信息分成不同栏目，高层级的栏目被称为频道，而每一个频道其实都相当于一个门户网站。
参阅：Google、、Yahoo、Yandex、livedoor、PChome、hinet、天空传媒、Rambler、MSN、So-net、Yahoo! JAPAN、goo、Cc Cc、Ask.com、LinYu!恒问
（作者： 来源：）
