更新日志

说网站是互联网的载体一点也不为过，并且网站已经存在了几十年时间，也经历了很多的变化，下面来说一说我从业十几年来网站的变化，以及新时代背景下的网站应该何去何从，仅代表个人看法，如有不对的地方，欢迎指正。

table布局时代

早期的时候网站是table（表格）布局，大概2003年左右吧，那个时候网站基本都没有什么设计感，都是文字图片的拼凑起来的，并且我还记得新浪官网有错位的情况，网站宽度一般在1000px（像素）左右，不超过1024px，因为那个时候的电脑都是老式的台式电脑（大屁股的那种），分辨率基本都在1024x768，所以做网站也很简单，只要不超过1024px基本就不会有太大问题。也没有手机版什么的。

div布局时代

此时进入到2007年，也是我系统学习互联网软件技术与开发专业的时候，也差不多在这同一年吧，网站进入到div布局时代，div+css成为主流，在当时来讲，这是很新的技术，因为div+css解决了网站的结构和样式分离的问题，而在这之前的table布局，结构和样式都是写在一起的，代码很乱。在这之后做了分离代码很干净，但是开发难度大了，在当时会的人不多。同年qietu.com（切图，行业术语，指通过div+css技术根据设计稿排版出页面）域名被注册。

此时的网站以功能为主，网站都做的很复杂，功能很强大。

为了满足手机的访问，很多网站有做专门手机访问的wap版或者3g版，界面设计非常简单。

html5布局时代

大概是在2010年前后，html5大热，html5相比于div多了一些新的特性，比如动画，多媒体查询等等，动画让网页变得更加生动了，而多媒体查询使得网站可以自适应电脑手机成为了可能，也是在这一年，responsive web design概念出现，并且在随后几年时间里，在国内得到了普及。同年kuaping.com（跨屏，行业术语，指网站在不同尺寸的电脑、手机屏下兼容自适应）被注册。

此时的网站以设计为主，网站设计成为了追求的主要方向。

此时的智能手机设备开始出现，随后网站开始有了专门的移动版（触屏版），专门针对手机制作的，比起3g版本，排版更漂亮了，内容展示更丰富了。

大前端时代

html5依然是主流，同时出现了一些spa单页面应用（无刷 体验更好），vue等单页开发框架出现，随后小程序兴起，但是这里不做详细说明了，后面可以单独拿来讲。

前面提到的reponsive web design经过几年的发酵，逐渐被市场认可，一套网站同时兼容电脑、手机、平板的建站方式开始流行，此时只有大型应用采用pc+手机独立制作以外，中小企业网站，博客等都纷纷采用响应式布局的方式。

写在最后

对于2021年的建站的核心关键词，我用10个字概括“多屏时代，网站需要跨屏”，这一点也非常好理解，现在的人使用场景很多，早上看手机，上班看电脑，晚上看电视，终端的屏幕尺寸越来越多样，我们不可能针对每个设备都去专门做一个版本的网站，但是可以做一个网站同时自适应不同的屏幕的设备终端。对于从业者来说，这一点是明确的，并且习以为常了，但是对于圈外的人来说，一切仍然是那么陌生，所以便有了这篇文章，希望对你帮助。