Categories


Tags


导航栏所需要的五大元素

看看现在的互联网,不管是商业网站还是个人网站,也不管是网站的风格是简洁还是繁复,是卡通还是实,不管这些网站是什么样子,它们都有导航栏。

为什么每个网站都有导航栏?

这就好比我们逛商场找不到电梯和洗手间的标志,高速公路上看不到出口和加油站的预告牌。我们会感到不方便,无法定位。卢松松在逛独立博客时,经常能遇到没有导航栏的网站。

导航栏一般包括五个元素

导航栏所需要的五大元素 网站设计 建站教程 第1张

(卢松松就以“中国博客联盟”和“万戈”的博客为例)

1:网站的logo标识

我们凭借网站的LOGO标识来识别目前所在的是哪个网站。它就好像是商标,有其独特的识别性和显著性。我们应该一眼就能分辨出一个logo标识和其他 logo标识的区别。由于网站的特殊性,网站logo不应该过于复杂或者花哨。一般很难看清网站的不算一个好标识。

一般来说,网站logo都在页面的左上角。这是因为这个标识团或者文字就代表着整个网站。

2:网站的栏目

顾名思义,栏目就是旺仔结构化后的各个子版块,不同的版块决定了彼此不同的种类的内容,对于那些交大的网站来说,我们还需要对栏目进行二次分类。也就是常说的“二级导航”。

3:回到首页

这是导航栏中非常重要的一个元素,也许你不知道该怎样去网站的其他地方,这时候点击“回到首页”就能够回到最开始的地方。不管你是否迷路,你都能随时从新开始。

4:附加功能

这里可以说是一个使用工具栏,它同样指向一些重要的页面,但这些页面并不属于网站的主要内容。他们一般是针对网站本身所需要的功能,例如帮助、网站地图、联系我们等等。

此外,由于导航栏那里的空间有限,如果放太多附加功能可能会有点喧宾夺主,更多的网站会选择把这些附加功能放在页面最底端。

5:搜索工具

很多人喜欢搜索工具。有些人一到某个网站就开始寻找搜索框,就好像他们一到商场就找服务员一样(这类大多是男性)。对于那些大型网站尤其如此,用户没有很多精力和时间去寻找内容,特别是他们觉得要找的内容比较冷门的时候.

如果你的网站还没有搜索,或者没有搜索功能,推荐使用Google自定义搜索工具。例如我博客使用的就是Google站内搜索。搜索工具要注意的是,清晰的告诉浏览者“搜索工具在这里”。不要使用自以为是的用词,例如“找你所找”、“我帮你查查”之类的词语。

总结:导航栏可以说是一个工具,浏览者使用这个功能就能够非常清晰的掌握网站的大体结构,使用一些必备的工具。这样能非常有效地提升用户的稳定感,也便于他们找到想要找的东西,此文完毕。

来源:卢松松博客


Public @ 2011-08-27 16:11:43

使用nofollw的意义,nofollw标签的两种具体用法

使用nofollw的意义nofollow 是一个HTML标签的属性值。它的出现为网站管理员提供了一种方式,即告诉搜索引擎"不要追踪此网页上的链接"或"不要追踪此特定链接。这个标签的意义是告诉搜索引擎这个链接不是经过作者自己编辑的,所以这个链接不是一个信任票。简单的说就是,如果A网页上有一个链接指向B网页,但A网页给这个链接加上了 rel="nofollow&

Public @ 2021-01-20 16:08:49

博客网站导航的制作

制作博客网站导航的步骤如下: 1. 设计导航栏的样式与布局: 根据网站的整体风格和主题,设计导航栏的外观,包括颜色、字体、按钮等。决定导航栏的位置,一般常见的位置有网站顶部、侧边栏或底部。 2. 确定导航栏的内容:确定导航栏要显示的链接或按钮,一般包括首页、分类、标签、关于我们、联系我们等。可以根据博客的特点,自定义所需的导航栏内容。 3. 创建HTML导航栏的代码:使用HTML和 CSS编

Public @ 2023-07-26 12:00:41

导航结构如何优化?

导航结构的作用:网站号航主题是引导用户访间指定的网站菜单、栏目、内容等。一个合理的网站导购也是权重互传的重要途径。导航结构越清晰,越有利于用户在短时间内找到自己喜欢的内容。导航结构有如下三方面的作用:1、引导用户访问指定页面。其中全局导航、分类导航、辅助导航都是出于此目的进行的。2、理清网站各内容与链接间的联系。即对网站整理内容的一个索引和理解,这个最常见的应用就是网站地图和内容索引表,展现了整个

Public @ 2017-07-20 16:11:44

更多您感兴趣的搜索

0.540937s