廊坊网络公司为用户提供优质服务

统一服务热线:

400-000-2620

X

中高端网站定制开发服务商

与我们取得联系

400-000-2620     0316-2097660

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

2021年12月02日 访问量:627

很多非常聪明的人都说过,不从历史中吸取教训的人注定要重蹈覆辙。还有人说怀旧诱饵,回顾得到了很多点击,个人认为回顾一下过去一些过时的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网格就像有表格一样,但是好多了。


【版权声明】:本站内容来自于与互联网(注明原创稿件除外),如文章或图像侵犯到您的权益,请及时告知,我们第一时间删除处理!谢谢!