网站的解剖

WebFX总裁。Bill在互联网营销行业有超过25年的经验,专门从事SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

网站的解剖许多人发现很难把一个网站想象成一个捆绑的内容。这通常使得解释使用的混合语言和所有事物的组合方式成为一项艰巨的任务。因为什么组成了一个网站能有什么关联和联系吗人体生理学本文的对比可以帮助客户和初学者理解网站创建和组件的复杂本质。

免责声明:在我们开始“解剖”之前,可能有必要指出,我不是医生。因此,我建议你不要对你的朋友和家人这样做——他们不会喜欢你窥视他们的耳朵来寻找元信息!

设计人员DNA:模式和dtd

人类有自己的外貌特征。这些构成生命的基石是通过基因遗传给我们的,如果排列得当,就赋予了我们独特的外表。这一进化过程需要数百万年的时间来适应不断变化的环境,当然也在限制我们的结构和视觉外观方面发挥了作用。

在Web方面,代码的监管者通常被称为“遗传学”模式(你会意识到这些设备来自DTD年代)。设计师DNA人体含有DNA,就像一个网站。它解释了你的身体应该如何反应。

当然,虽然创建模式的过程不需要数百万年,但新语言的出现并被广泛采用确实需要一定的时间,从而演变您的网站的构建模块。因此,虽然站点可能看起来不同,但您可以确信它们只使用预定义了许多特征的结构语言家族中的一种,并且您最终得到的将与数百万其他站点共享共同的元素和标记。奖金:在您的文档中包含DTD可以为您的代码设置标准,并避免怪异模式可能呈现给web浏览器的模糊性。

因此,拥有这种描述所使用语言的DNA对继承Web标准是有益的。有效的DTD列表一个语言规范和DTD提供所有网站使用和继承的遗传物质。

骨架结构:结构标记

人体的结构是由骨骼组成的,骨骼定义了我们的基本形状——从某种意义上说,web文档也是如此,它们是由形成web主干的各种相互关联的元素构成的。大多数web文档都是通过描述文档骨架结构的语言形成的,比如HTML和XML。RSS也是构造网站内容的标记的一个经典例子。

如果没有这些核心标记语言,您的网站将无法保持其布局。网站的所有部分都连接在一起,就像你身体里的骨头相互连接一样。网站的所有部分都连接在一起就像你体内相互连接的骨头一样。虽然人体内的每一块骨头都有特定的用途,但整组骨头可以有单一的功能,比如肋骨(每根都保护你的肺),或者你的指骨帮助你抓住物体。

因为这种重复的目的可以存在于网站的主体中,它们可以通过附加约定来区分微格式这可以提供超出“通用”或重用元素所提供的额外语义特征和价值,充当身体识别点。奖金:微格式是描述性元素(通常作为类或ID值),它为你的结构提供了一些可识别的语义值——这很像通过外观和独特特征来识别每个指骨。它在标记你的解剖结构以便转诊!

网站的所有部分都连接在一起,就像你身体里的骨头相互连接一样。骨头就像网页元素他们建立了一个逻辑结构,使身体的核心外观。

机械肌肉:客户端脚本

能够移动可以让你与你遇到的人互动和接触。没有肌肉,我们就无法将思想转化为反应。由于人们希望在一定程度上参与您的网站,缺乏足够的交互性可能会使您的网站显得缺乏情感。

肌肉在皮肤和骨骼之间工作,使两者在相互作用中流畅地发挥作用。对于那些只在需要交互时才使用行为来支撑网站风格和结构的网站也是如此。当你弯曲肌肉时,运动就发生了。<p class='content-break'></p> <p>当网站发生弯曲时,也会发生反应。当你弯曲肌肉时,运动就发生了。当一个网站展示时,也会发生反应。客户端脚本是一个部位的肌肉部分。

像JavaScript这样的语言允许访问者在点击、移动鼠标、按键盘上的一个键或做出任何其他明显的手势时进行交互。这种反应机制的功能就像身体一样,它会根据周围环境做出反应。简单地说,“肌肉”作为一种互动方式,并在结构(站着而不是坐着)或外观(微笑而不是皱眉)上做出明显的变化。

奖金:正如人类有多种输入方法(如触觉、味觉、视觉、嗅觉和听觉等感官机制),JavaScript和其他客户端脚本语言可以根据自己的输入方法(如触摸、语音、自动动作和移动)进行交互和反应。Envato运动和反应是人类生存和网站互动的关键组成部分。

紧张反应:网络浏览器

随着脚本包含在你的网站中,需要发送和接收信息,这些信息作用于你的设计中发生的交互。在网站中,传递这些信号的机制属于用户代理服务器它处理请求,并将这些请求反映到最终用户可见的机制中。简而言之:你的网络浏览器的魔力

在人体中,这些请求以电信号的形式发送,通过各个器官,并通过广播来执行由受体决定的动作,例如当你感到疼痛时。在一个网站中,痛苦是不存在的(除了终端用户遇到一个不可用的界面元素,如讨厌的webform),代码会在浏览器检查后发出信号,并依次触发结构、样式和行为反应。奖金:浏览器的渲染引擎可以完成从确保网站“主体”正确显示到对交互做出反应的所有事情。

即使是Flash这样的浏览器,也有自己的“神经”交互方法!渲染引擎Flash网站是一个很好的例子,说明了如何将信息渲染为进度效果。

核心:内容和社区

一个网站的核心是它的内容——如果你读过的话。”内容为王的文章,你会明白我的意思。人类的心脏需要不断地向重要器官输送氧气,否则你会遭受长期的损伤。对于Web来说也是如此,当缺乏高质量的定期更新的内容存在时,网站在产生访问者(网站的生命血液)方面将变得效率低下,并将挨饿(因为它被抛弃),从而给网站的身体造成致命的打击。

如果心脏健康,通路就会畅通。如果损伤太大,它可能会断裂。如果心脏健康,通路就会畅通。如果损伤太大,它可能会断裂。

网站的内容被封装在结构中,在需要出现的地方进行保护。你添加的页面越多,结构就越强——两者兼而有之内部而且外部的网站将成为。因此,当疾病出现时,它会变得更有弹性。

过时的,但仍然不断参观W3Schools就是证明。让访问者(血液)围绕网站主体的平衡将取决于在内容丰富的网站上投入多少深度和精力。奖金:虽然访客数量不足会导致心脏缺氧,但访客太多也会产生类似的效果。

就像当你的心脏工作得太辛苦时,流量的突然激增可能会使您的网站所在的服务器在压力下崩溃,就像心脏病发作一样!Lipsum低质量的内容,低访问者价值只会导致你的社区死亡。

血管:信息架构

如上所述,让人们(血液)到达他们需要到达的地方(为网站的受欢迎程度和架构提供营养)的能力是构建网站的关键要素之一。一个网站所采取的相互连接的所有身体元素组成一个网站通常被称为信息架构.简单地说,这就是我们组织、构建和关联网页设计页面的方式(以及每个页面本身是如何结构的)。

这种将网站各个组件的需求相互联系的组织良好的方法,可以很容易地在人体血管方面得到识别。如前所述,如果访问者是一个网站的命脉,那么血管就是我们处理页面相互链接的方式、信息的可查找性以及文件如何相互连接(相对于整个网站结构)。就像血液在身体里流动一样,人也应该在页面和章节之间流动。

奖金:可用性和可访问性在这个分析中占有一席之地。当死链接或糟糕的导航发生时,造成的损害可能会导致大量访问者(当他们离开你的网站时)。a的情况纽扣花费了数百万美元显示这个相对链接在充分发挥作用!

Slickmap如果页面链接不当,可能会导致网站访问者的流失。

性感皮肤:美学与网页设计

是什么让人看起来像人?嗯,一部分是他们的眼睛、鼻子和嘴巴等特征,但他们的皮肤和视觉外观也起着重要的作用。无论一个人是高、矮、胖还是瘦,皮肤都采用了这种形式,它覆盖了身体的所有结构,具有相当的弹性和灵活性。

虽然你想让你的网站的皮肤看起来很漂亮(因为设计和人类的美丽一样重要),但你也想确保没有什么东西“突出”,看起来很丑,或者不合适!性感皮肤:美学与网页设计有皮肤的东西总是看起来更漂亮;你的网站也不例外!在这方面网页设计,处理网站风格的主要语言是CSS

它附着在你的结构和风格元素的层次上,从而给出你想要的可见的物理外观。如果你想让你的网站的皮肤是霓虹绿和闪烁的粉红色,虽然不建议,这是完全可能的!就像人类一样,皮肤只是与内部元素一起工作的外层,但有自己独特的方法来影响访客对身体的看法。

奖金:与人类不同,网站设计可以动态地改变自己的外观。技术包括使用JavaScript等行为来按需改变样式。这给了网站一个变色龙般的品质,因为他们可以适应他们的条件或环境。

性感皮肤:美学与网页设计当皮肤包裹着什么东西时,感觉就像一个完全不同的生物。

大脑保留:服务器端脚本和数据库管理系统

你脑袋里的东西让你根据周围的环境思考、记忆和行动,是你拥有的最接近电脑的东西。大脑允许做出决定,这是处理复杂情况的最佳方法。这如何应用于站点?

有三件事必须考虑,这直接适用于人类和网站的解剖结构。这些被称为行为行为,记忆和身份大脑保留:服务器端脚本和数据库管理系统大脑处理很多东西,甚至你的网站的服务器必须接受它被告知的一切!

当我们谈论大脑的行为时,我指的是我们想要做的事情,然后超越我们的身体去实现,比如当你指示你的身体去打某人(从而执行拳击动作)。虽然我们已经提到了肌肉方面的行为,但你应该记住,你不会(积极地)思考呼吸或走路——你经历的是刺激和反应的方法论(大脑控制发生的反应)。奖金:动态网站的服务器端脚本展示了网站大脑的工作,允许你的网站根据情况(或存储中的先前知识)做出决定,并根据它们采取行动,而不是自动执行一个动作(像肌肉一样)。

大脑有能力记住成千上万的事情,计算机也能做到这一点。当您在数据库中存储信息时,它会一直保存信息,直到被请求、删除或损坏为止(这与人类的长期记忆相同)。这些信息通常根据所包含的信息类型进行组织,并且可以轻松地搜索或引用以访问信息,而不会患上数字健忘症。

登录住服务器必须把你输入的内容转发到一个可以被回收的地方,就像人类的记忆当然,每个人都有短期记忆:两个饼干(保留特定刺激数据,如用户名和密码)和浏览器缓存(其中包含可重复使用的更一般的视觉刺激图片而且客户端脚本)的目的是在一段有限的时间内储存小段的资料。长期记忆和短期记忆都可以被检索和使用,直到被删除或保存为永久和安全的记忆形式,很容易看出人类的相似性。

奖金:当然,人类的大脑比目前的计算机系统强大得多,但信息管理、记忆和组织的多样性使计算机在人体解剖结构与网站的相似性方面具有很强的相关性。最后是认同的行为:能够知道什么而且为什么你。我们都有自己的个性,这是我们认为理所当然的事情,但网站可以有自己独特的自我意识元数据

这些信息储存在大脑中(或者用我的话说,思考"代码),该代码对访问者来说是不可见的,但会向搜索引擎、浏览器或应用程序解释内容的上下文或语义价值,就像在参考图书馆中一样。同步你的大脑负责思考,你的身体会做出明显的反应,就像你的网站一样。奖金:虽然一个网站的身份可能是由它的标题和元信息产生的,但一个网站所包含的实际信息和能力最终决定了一个网站的真实性质(有点像人的个性反映在他们的外表上)。

先天与后天

虽然以上这些都可以帮助你以客户能够理解的方式向他们解释网页设计的过程(或者可能只是给你一些有趣的东西在办公室里传递),但重要的是要知道课程可以——而且可以应该-来自于一个地点与人体形成方式之间的相对联系。网站,就像人类一样,也会有瑕疵。有些可以克服,有些不能(如果不重新设计的话),因此应该关心和关注帮助克服有意义的问题。

一个网站的发展同样可以归结为各种因素的混合自然(编码器放入网站的内容)和培养(终端用户增加的增长),这两者都非常重要,不应该被忽视。一个网站的生存依赖于许多东西的完美同步。我认为大多数人都低估了渲染网站的复杂性。

频繁的测试能够发现问题的早期发作。但是,最重要的事情要考虑的是网站(就像人一样)是由许多层组成的,所有层都在一起交互,你需要根据需要应用这些层(而不是使网站臃肿)。想想你的网站像个孩子在美国,你不能只喂它一次就抛弃它。

孩子需要时间、金钱、努力、照顾和关注来保持健康,并帮助他生存到成年。先天与后天网站就像人一样,它们有层次,所有的交互和工作都是同步的。我认为这是一个公平的评论,当我们建立网站的标准和方式不断发展时,需要让我们的工作少一些静态,多一些互动和动态,这将有助于我们继续朝着Web的下一个水平前进。

谁知道呢,再过几年,我们可能会再次发现自己比今天更加融入我们的品牌,并在情感上更加紧密地联系在一起!

相关内容

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!