摘要:本来梳理了互联网诞生至今的网站布局设计历史
关键词:网站,网页设计,布局,历史
全文共985字,阅读大约需要2分钟。
本文首发于UED观察
![b54f7d42ff99cbbad5a7cb13d91f43b3.png](https://img-blog.csdnimg.cn/img_convert/b54f7d42ff99cbbad5a7cb13d91f43b3.png)
1991年第一个网站
1991年8月,第一个网站是一个简单的文本页面,带有一些链接。最初的网络仅用于共享信息,只要内容可读可访问。
![18aa7215af8ee10a49d87be54dc342c6.png](https://img-blog.csdnimg.cn/img_convert/18aa7215af8ee10a49d87be54dc342c6.png)
1994年HTML标准
![fd7cb1141f3b923b14e246922d791030.png](https://img-blog.csdnimg.cn/img_convert/fd7cb1141f3b923b14e246922d791030.png)
1994年,万维网联盟成立,html成为网页设计语言标准。随着网络的普及,人们普遍担心每个公司都会创建自己的浏览器和Web语言,这将是非标准且难以发展的,这是html语言成为标准的主要原因。
1995年表格网页设计
1995年,基于表格的网页设计开始流行。
![cdc2e45ed025be1a7561b059d9c71c6d.png](https://img-blog.csdnimg.cn/img_convert/cdc2e45ed025be1a7561b059d9c71c6d.png)
网页设计开始变得越来越复杂,图片开始出现在网页中,人们还使用间隔gif来控制Web布局的空白。
不久之后,所见即所得的网页设计软件诞生(Dreamweaver)。
![60d6cf9b4962f27f51dc1fa0be67251f.png](https://img-blog.csdnimg.cn/img_convert/60d6cf9b4962f27f51dc1fa0be67251f.png)
1996年Flash网站
1996年,第一个Flash网站出现,Flash提供了绝佳的视觉效果和音频效果,随后Flash成为整站开发工具。
![0046f24c503a901ec1d0ea83814d2311.png](https://img-blog.csdnimg.cn/img_convert/0046f24c503a901ec1d0ea83814d2311.png)
1999年DHTML
90年代末,dhtml技术开始普及,它由多种网络技术(例如JavaScript)和服务器端脚本(例如经典的asp和php)组成。在此期间,交互式网页开始出现,网页不仅允许用户阅读静态内容,而且还可以与Web内容进行交互。
![1ec43ed709d0ae24fde9d9e974e624ae.png](https://img-blog.csdnimg.cn/img_convert/1ec43ed709d0ae24fde9d9e974e624ae.png)
2000年CSS
在2000年代初期,CSS设计开始流行。基于CSS的网页设计有很多好处,首先它将设计元素与内容分开,这意味着Web布局及其内容的视觉效果会有更大的区别。CSS过去是,现在仍然是布局网页的最佳实践,网页不再基于表格布局。使用CSS还可以减少标记混乱的情况,可以使Web布局代码更简洁。由于内容和设计元素是分开的,因此CSS还使维护站点变得更加容易。CSS文档通常小于其他设计,这意味着页面响应时间得以缩短。事实是,CSS会被用户浏览器缓存,从而可以更快地加载后续网页。
![e5575f062b7f8d0ef1c60a7af0011084.png](https://img-blog.csdnimg.cn/img_convert/e5575f062b7f8d0ef1c60a7af0011084.png)
2007年智能手机
随着手机访问网站的日益普及,在2007年,网格和框架布局开始流行,缺点是网页设计通常看起来都非常相似。
![cc8b1b0f517fd1a1bb141bd5abcf5b7e.png](https://img-blog.csdnimg.cn/img_convert/cc8b1b0f517fd1a1bb141bd5abcf5b7e.png)
2010年响应式设计
2010年响应式网页设计开始流行,这意味着它是一个可以自适应所有设备的网站。
![34520284ca40847672a11fa89b4e3b57.png](https://img-blog.csdnimg.cn/img_convert/34520284ca40847672a11fa89b4e3b57.png)
现在和未来
尽管最近几年网页设计变化不大,但仍存在新的CSS测量单位,例如vh,vw,这使元素定位具有更大的灵活性。
Flexbox是CSS中的另一个概念,它可以创建布局并使用单个属性修改布局,无需编写大量代码,并且很快内置网格系统中的CSS会得到更广泛的使用,这将彻底改变我们创建网页布局的方式!
要提及的另一件事是Web组件。Web组件是捆绑在一起的一组元素,并引入了更简单的工作流,其中的元素是可以单独重用和更新的构建块。
参考资料
[1]
9-ways-that-website-layouts-have-changed-since-the-web-was-created: https://uxdesign.cc/9-ways-that-website-layouts-have-changed-since-the-web-was-created-36cad6d62541