网页设计历史排版 第1篇
Flash（最初被称为 FutureSplash Animator，然后是 Macromedia Flash，现在叫做 Adobe Flash）开发于 1996 年。起初只有非常基本的工具与时间线，最终发展成能够开发整套网站的强大工具。Flash 提供了大量的远远超过 HTML 所能够实现的视觉表现效果。
Macromedia Shockwave
在 Flash 之前，有 Macromedia Shockwave（之后是 Adobe Shockwave）。Shockwave 用于为 CD-ROM 制作目录和多媒体内容，Shockwave 文件体积庞大，考虑到当时的网络连接以拨号上网为主，应用 Shockwave 还是不够明智的。与之相比，Flash 影片体积小巧，在线应用更加可行。
网页设计历史排版 第2篇
智能手机慢慢普及之后，设计师也不得不开始考虑移动端网页的设计——这本身就是一个挑战。除了考虑各种不同设备对应不同尺寸的布局，访问速度也是问题。因为内容量太大，访客浏览网页速度变慢，流量增加导致成本增加。
一个关键转机是栅格系统的出现。经过摸索，960栅格系统最终胜出，经典的12栏栅格被设计师们广泛的接纳，并成为许多设计师最常用的设计工具。接下来，各种常见的设计元素诸如表格、导航、按钮被标准化，打包成为可复用的套件，这基本上就构成了视觉元素库，并纳入了常见的代码。其中最典型的代表就是 Bootstrap 和 Foundation ，它们也使得网站和APP之间的界限逐渐模糊。
图片来源于网络
网页设计历史排版 第3篇
浏览器的出现使网页设计向前迈进一大步。当时最接近于信息结构化的概念，是HTML中已有的元素——table(表格)，而在那个时代，表格算得上是近乎栅格系统般灵活的设计神器。网页设计师David Siegel在他的著作《Creating Killer Sites》里面讲述了设计优秀网站的秘诀：在表格中嵌套表格，将静态的表格和动态的表格巧妙结合。
同时，为了应对网页脆弱的结构，切片设计(Slicing Design)也流行了起来。设计师在创建布局时，最常用的方法就是切片+表格。 他们设计出漂亮的网页布局，随后开发者将整个设计稿切片，找出呈现设计的最佳方法。
图片来源于网络