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

2021-01-23    分类: 网站建设

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

分享名称:怎样让网站建设的布局变得更好
分享链接:https://www.cdcxhl.com/news27/97477.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

微信小程序开发