怎样让网站建设的布局变得更好

很多非常聪明的人都说过，不从历史中吸取教训的人注定要重蹈覆辙。还有人说怀旧诱饵，回顾得到了很多点击，个人认为回顾一下过去一些过时的UI惯例可能既有趣又有教育意义。

记住他们曾经存在的原因，他们是如何死的以及为什么死的很好。它让我们深入了解好实践是如何产生的，以及为什么它们是我们拥有的“好”实践，它为我们构建web的未来提供了环境。此外，这个行业每年都有新人加入，他们也应该知道一些这方面的知识。

对于那些现在还没有本能反应的人来说，标签就能做到这一点：blink。断断续续，一会儿在那儿，一会儿不在那儿，就好像它是为了伤害你的眼睛而设计的。这个标签是在早期浏览器大战的高潮时期发明的，是浏览器专用标签的早期例子，目的是让Netscape Navigator比当时刚刚兴起的Internet Explorer更有优势。

Flash菜单

在开始时，无法用JavaScript构建动画导航菜单（即具有悬停状态的菜单），或者在Dreamweaver中称为DHTML，所以用Macromedia Flash创建了带有动画按钮的超炫菜单，并将它们嵌入到制作的每个网站标题中。

有一段时间，基于flash的菜单模板是一个独立的家庭手工业，热点提示：永远，永远不要做一个你不能通过编辑文本文件来改变的网站菜单。光是维护成本就令人头痛不已，搜索引擎也从未掌握在Flash文件中爬行的窍门。

盘旋

框架，最初的AJAX

是的，在我们使用JavaScript在渐进式web应用程序中加载所有数据之前，所有的工作都是由浏览器完成的，想必现在仍然可以。你知道iframes吗？他们曾经有一个“老大哥”，叫做“框架”，在表格出现之前，我们用它来做基本的布局。

问题是，即使他们允许浏览器只更新部分页面，而不是加载一个全新的页面（某种程度上），他们也破坏了几个基本的浏览器功能，包括：

后退和前进按钮；

一般浏览器历史；

将链接复制粘贴到网站的特定页面更加困难；

重新加载一个网站肯定有点随机，通常只会带你回到“主页”，因为它是。

最终整个框架集功能被弃用，人们主要使用iframe来加载嵌入内容，比如YouTube视频。

图像按钮

不久前，平面设计风靡全球，促使人们说，“等等……那是一个按钮吗？”我可以点击它吗？为什么要使用自定义游标呢？“在那之前，所有人都在关注那些看起来像3d的按钮，因为它们很漂亮。听着，它始于90年代初，我们对1980年至2005年间发生的任何事情都不提出质疑，只是时间不同。

当然，CSS3几乎关闭了基于图像的按钮，当文本被嵌入到图像中时，按钮是不可能管理的，而当它不管理时，我们不得不使用上千种技巧使它们甚至是半响应的。有人记得做过一个按钮吗？一个部分是loooooong PNG，另一个部分是右边的角？或者在按钮的每个角落都有一个单独的PNG？

选框

曾几何时，在所有人都开始说图像滑块不好之前，HTML实际上有一个内置的元素来让东西在页面上滑动。它被称为大帐篷标签，在它真正死去之前很久，人们就讨厌它了。它是在Internet Explorer中实现的，以响应标记，而且对您的眼睛的危害也只是稍微好一点。

它被抛弃了，并因过于分散用户的注意力而遭到唾弃。

分隔符分隔器/页面

在我们开始做正确的布局之前，人们需要一种方法来分解长页的文本，使它们看起来不那么别扭，对于某些人来说，

元素感觉太平淡了，所以当时的设计师们就像他们经常做的那样，将注意力转向了. gif。它们在本质上只是单杠，但只要它们是图像，它们就可以是你喜欢的任意想象。

这是CSS/CSS3的另一个趋势，此外，当分隔符在视觉上比文本更令人兴奋时，可能会给用户带来一些冲突。

站点地图曾经是导航的全部和最终部分，在网站拥有自己的搜索功能之前，您可以使用站点地图来查找任何给定站点上所需的内容。很简单：所有的内容都在那里，你只需要滚动。

现在，很多站点都太大或太小，以至于不需要站点地图作为UI元素。它们通常仍然由许多CMS自动生成，但它们用于帮助搜索引擎更快地搜索站点。对于中等规模的网站，这是一个可以恢复的功能，它不会伤害任何人。

表布局

表布局一些人在笑话中嘲笑它，而另一些人则只是在低声细语中引用它。这是推动网页设计向前发展的趋势，也是一个不能很快消亡的趋势。它结合了内联样式、相当多的混乱以及1像素的.gif文件，这些文件以某种方式将布局组合在一起。

它的死亡是因为CSS有浮动，虽然这是一个肮脏的一个半，它实际上是更好的。我们使用表的时间之所以如此之长，是因为浏览器（咳咳）跟不上CSS支持的速度，但它们最终做到了这一点。

奇怪的是，CSS网格就像有表格一样，但是好多了。