[背景音乐] Coursera Global Translator Community
接下来让我们学习导航相关的知识
什么是导航, 为什么导航对您的网站很重要？
以及我们如何为一个网站提供导航？
所以，这些是我们在这节课中将要 尝试解答的问题
第一个显而易见的问题是：
为什么我们需要网站导航？
你会发现大多数网站不再 由一个网页组成
当然，确实存在只有单一页面的网站
像是你计算机部门教授的主页
但大多数网站通常包含不止一页。
正如我们所看到的, 我们正在建设的 confusion 网站
我们已经添加了第二个名为 aboutus.html 的页面
现在, 我们导航到 aboutus.html 页面的方式是
将其键入到浏览器的地址栏中
但这是一个非常不方便的 导航到你的网站的方式
更有意义的是提供用户 一个直观的手段
导航到你的网站
这种直观的方法 可以由许多不同的方法提供,
导航栏是表示此信息的 最常用方法之一
我们将查看几种常见的提供导航的方法
在典型网站上
在这一语境下, 您经常会听到人们 谈论信息架构。
信息架构从系统的结构开始
关于信息的组织方式, 标签方式
导航由这一内容或信息提供
现在, 信息架构本身就是一个大领域
讨论信息架构超出了本课程的范围
但是, 如果你有兴趣组织和
为用户提供信息, 例如,
通过网站, 那么我在额外的资源中 提供了一些链接
你可以去阅读进一步的知识
但无论如何, 当你在设计一个网站时,
重要的是要了解
在您的网站中设计 信息导航结构的需要
在你的网站的信息的组织方式也规定
你在你的网站上提供什么样的导航帮助
根据这些信息是如何组织的。
通常, 网站将组织成某种树结构或
一种分层的方式
它会自动地决定
如何在网站中设计导航支持
使用导航栏、面包屑导航和
其他导航手段是非常, 非常必要的
使用户能够看到您网站的各个部分
当您访问大多数网站时, 您通常会查找导航栏
导航栏是某种栏目, 通常附在
网站的顶端, 有时在网站的底部, 有时在侧面,
它为你提供了足够的指针, 指向
您可以在此网站上访问的信息
因此, 您的导航栏通常会包含 指向各种页面的链接,
这些页面组成了你的网站的一部分
所以 你怎么去设计一个 典型的导航栏呢？
当您设计一个典型的导航栏时, 您应该首先
记住有关如何设计导航栏的 一些‘要’和‘不要’事项
首先是 你要在导航栏中使用用户友好
和简单的术语来表达各种链接
从而用户可以 在您的网站内找到信息
你应该提供一个标准化的导航栏
无论用户在您网站的哪一个 层次结构中,
他们总能够知道如何回到主页, 如何去到下一页,
前一页, 或在某种层次结构中的 上一级或下一级
所以在你的网站的层次结构中 指示用户的位置
是非常, 非常有用的
它提供了用户友好的导航网站的方式
此外, 还有一些人们遵循的标准公约
在设计这些导航栏时
通常, 当你有你的网站的标志或
你的公司包括在你的导航栏, 点击这些标志或
一个主页按钮应将你带回 层次结构的最高级别或
网站的主页, 通常是 index.html
你应该记住的一些不要做的事 包括有太多
导航栏选项
你可能会问我什么叫太多
如果您发现使用导航栏导航太繁琐
这意味着您的导航栏上有太多选项
在导航栏中提供合理的选项集合, 以便您可以
指示用户在浏览您的网站时可以遵循的方向
当您在导航栏中使用这些导航元素时,
不要使用通用标签, 使用有意义的标签
例如, 如果将名为 "产品" 的标签放在导航栏
人们会不明白你所说的产品是什么意思
或者说, 如果您在导航栏中放了一个 “服务”, 他们可能会感到困惑
你提供什么样的服务？
给一个更具描述性的术语是更有意义的
在导航栏中的标题中
还有另一种提供用户导航的方法
是提供所谓的面包屑导航
它们通常在该页的某处提供
通常在网页的顶端边缘
靠近该网页的标题。
面包屑导航有几分表明了
你现在在你的网站中的层次结构
因此, 这为您的网站提供了辅助导航选项。
所以它可以放在主导航下面的某处。
它可能指示您访问过的页面的层次结构
当前位置可以特别突出显示在
面包屑导航中
所以人们可以以各种方式使用面包屑
包括提供基于路径的导航
举例来说, 如果您有一个用户正在通过一系列步骤, 以便
在你的网站上完成一项任务, 比如说, 预订机票。
那么你就可以使用一个导览路径标示方法, 以向他们表明
用户当前在哪一步
同样, 如果你提供基于位置的导航,
在你的网站中
你位于什么样的等级层次, 以及什么是上一级目录
指向你的根目录, 都可以由你的导览路径标示指示
你的导览路径标示也可以基于属性, 这意味着你
在当前时间点的提供了用户一组选项
典型的前端 UI 框架提供了许多
在网页上导航的其他方法
包括标签, pills, 分页, 下拉列表,
accordions, 标签, SchrollSpy, 和词缀
我们将更仔细地学习它们, 在
接下来的课程中
[背景音乐] Coursera Global Translator Community