华宇网络网站建设公司

网站建设 · 小程序 · App开发 17年专注网站建设 2000家成功案例 400-6787-797  132-6931-9513
新闻资讯

网站建设

专注网站建设10年,已为2000家公司提供网站建设
您当前所在位置:首页 > 新闻资讯 > 网站建设

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

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

相关阅读

一站式网站制作服务开启轻松建站新纪元

网站制作 2024-10-11
在数字化时代,网站制作已成为企业、机构乃至个人展示形象、推广业务、连接用户的核心平台。本文将深入探讨一站 阅读新闻

定制网站制作重塑企业在线形象引领数字

网站制作 2024-10-11
在当今这个信息爆炸的时代,网站制作已成为企业展示自身实力、传播品牌形象、拓展市场渠道的重要舞台。 阅读新闻

精准分析网站制作需求定制专属方案打造

网站制作 2024-10-11
在当今数字化时代,网站制作已成为企业、机构乃至个人展示品牌形象、传递信息、促进交流的重要窗口。 阅读新闻

定制化网站制作方案精准满足多样化需求

网站制作 2024-10-11
在数字化浪潮席卷全球的今天,网站制作已成为企业、机构乃至个人展示形象、推广服务、连接用户的重要平台。 阅读新闻

解析网站建设与网页设计制作的协同作用

网站建设 2024-10-11
在数字化浪潮席卷全球的今天,网站建设已成为企业、机构乃至个人展示品牌形象、传递信息、提供服务的重要平台。 阅读新闻

网站建设的艺术与技术网页设计制作的核

网站建设 2024-10-11
在数字化时代,网站建设不仅是企业、机构或个人展示自我形象、推广服务和产品的窗口,更是连接用户、传递信息的 阅读新闻
返回全部新闻

最新发布

一站式网站制作服务开启轻松建站新纪元

网站制作 2024-10-11
在数字化时代,网站制作已成为企业、机构乃至个人展示形象、推广业务、连接用户的核心平台。本文将深入探讨一站 阅读新闻

定制网站制作重塑企业在线形象引领数字

网站制作 2024-10-11
在当今这个信息爆炸的时代,网站制作已成为企业展示自身实力、传播品牌形象、拓展市场渠道的重要舞台。 阅读新闻

精准分析网站制作需求定制专属方案打造

网站制作 2024-10-11
在当今数字化时代,网站制作已成为企业、机构乃至个人展示品牌形象、传递信息、促进交流的重要窗口。 阅读新闻

定制化网站制作方案精准满足多样化需求

网站制作 2024-10-11
在数字化浪潮席卷全球的今天,网站制作已成为企业、机构乃至个人展示形象、推广服务、连接用户的重要平台。 阅读新闻

解析网站建设与网页设计制作的协同作用

网站建设 2024-10-11
在数字化浪潮席卷全球的今天,网站建设已成为企业、机构乃至个人展示品牌形象、传递信息、提供服务的重要平台。 阅读新闻

网站建设的艺术与技术网页设计制作的核

网站建设 2024-10-11
在数字化时代,网站建设不仅是企业、机构或个人展示自我形象、推广服务和产品的窗口,更是连接用户、传递信息的 阅读新闻

网站建设基本步骤与关键注意事项打造高

网站建设 2024-10-11
在当今数字化时代,网站建设已成为企业、机构乃至个人展示形象、提供服务、促进交流的重要窗口。一个设计精良、 阅读新闻

网站建设的五大流程与注意事项构建高效

网站建设 2024-10-11
在当今数字化时代,网站建设已成为企业、组织乃至个人展示形象、推广服务、连接用户的重要窗口。一个精心策划、 阅读新闻

企业官网制作精准展现企业实力与风采的

网站制作 2024-10-10
在当今数字化时代,企业官网制作不仅是企业在互联网上的名片,更是展现企业实力、传递品牌价值和吸引潜在客户的 阅读新闻

互动性强网站制作增强用户粘性打造活跃

网站制作 2024-10-10
在当今数字化时代,网站制作不仅是信息展示的窗口,更是企业与用户、用户与用户之间互动的桥梁。一个互动性强的 阅读新闻

多媒体网站制作丰富展现形式的探索与实

网站制作 2024-10-10
多媒体网站制作,通过整合视频、音频、动画、交互元素等多种媒介,不仅提升了用户体验,还极大地增强了信息的传 阅读新闻

用户体验优先打造令人流连忘返的网站留

网站制作 2024-10-10
在当今的数字化时代,网站制作已不仅仅是信息的载体,更是企业与用户建立联系、传递价值、促进转化的关键平台。 阅读新闻
返回全部新闻

Copyright © 2008-2019 华宇网络. All Rights Reserved. ICP备案:京ICP备12020161号-5

服务热线:400-6787-797或13269319513(微信)

地址:北京市北清路1号院珠江摩尔国际大厦8号楼2单元1412室

在线QQ:253145422 271798692

邮箱:szhy@ido586.com

专注北京网站建设微信公众号开发小程序开发、北京网站制作、建网站、做网站17年