一个好的网页应包含哪些要素

你们尚不需求去研讨网站和网页的基础代码，而只需调查不同的网页，考虑其间应该包含哪些要素，并考虑一些关键性的问题，如一致性、可用性和可拜访性。本篇文章的目录如下：

• 主页
  • 对咱们的网站来说，这意味着什么？
• 导航
• 网站上的其他一些通用元素
• 上下文关系非常重要
  • 相关内容
  • 标题
• 可用性
• 可拜访性
• 总结
• 练习题

主页

许多人倾向于以为“让咱们从多数用户首要拜访的页面－主页开始，这契合逻辑吧？”

这听起来契合逻辑，但其实并不是这样的。过分着重于主页，是一个人们常犯的过错。网站的主页常成为一个大杂烩，企图概括网站的一切内容，无所不包。

这种“将一切想得到的东西都放在上面”的主页，或许合适那些大型网站。

还有一个普遍的误解便是，主页必定是拜访网站的人所看到的第一个页面。

但是更或许呈现的状况是，网站拜访者是根据查找成果来拜访网站的。

《纽约时报》的网站在一篇关于决定中止向拜访旧内容的用户收费的文章中说到，他们网站的拜访者的行为已近发生改动，到底是什么样的改动呢，文中写道：

…越来越多的读者都是经过查找引擎和其他网站上的链接来拜访咱们网站的，而不再是直接拜访NYTimes.com。以这种间接方法拜访网站的读者， 就无法拜访那些需求付费才能看到的文章，他们与那些直接拜访网站的忠实用户比较，乐意付出订阅费的或许性就要小一些。取消对拜访旧内容的收费，是一个让用 户能够拜访更多的网页并进步网站广告收入的时机。

对咱们的网站来说，这意味着什么？

这意味着你需求将内容进行分割，放在单个的网页内。你应该考虑网站的拜访者将怎么找到他们真正在寻觅的内容和信息，或者说，一旦他们开始在网站漫游，他们想拜访的下一个网页是什么。

虽然许多人都企图在主页上放置过多的内容，但实践上更好的做法是把主页用作杰出显现网站其他网页的内容及导向拜访这些网页的一个页面。将主页和网站 其他页面相同处理，并赋予它一个确认的目的(即显现更新，提供一个网站概观，让拜访者继续拜访其他页面，等等)。主页还需求有指向其他页 面的导航栏，并显现网站的品牌。

下面咱们将更深入地学习这些内容。

导航

怎么对一个网站进行导航，是网站规划中最关键的要素之一（乃至或许是最关键的）。你应当确认网站的主要栏目页，并在主导航栏中显现。

关于网站导航相同存在一个普遍的过错观念（你们或许已听说过），那便是让拜访者在获取信息时不要超越三次点击。正是这种过错观念的广泛传播，使得一 些网站上呈现最糟糕和最复杂的导航。作为实例，你们能够去看看许多购物或价格比较网站，他们总是倾向于在页面上放置尽或许多的链接，企图运用户在购买什么 之前，尽量减少点击次数，避免他们脱离并去拜访竞争对手的网站。但这种做法导致的成果很或许便是：罗列的信息过多，反倒运用户不能有效地获取和运用这些信 息。太多的挑选和太少的挑选相同都会让人无所适从。

其实只要有从一个链接通向下一个页面的明确路径，显现用户正在通向最终要拜访的页面的正常进程之中，用户是会继续深入拜访网站的。

网站上的其他一些通用元素

除导航栏外，一般还有其他一些通用元素要在网站的各个页面内都显现。

绝大多数网站都有一些标示一切权的品牌图画、网站标识或标头。

页面的顶部标题部分(横跨页面顶部)能够不仅仅包含网站标识，还能够包含或附加上主导航栏。此外，加上查找框也并不罕见，这能够让用户直接查找网站的内容和信息，而不用经过运用菜单和链接来导航。你应该在你的网站的每个页面，都包含一切或大部分这些通用元素。

页脚部分(页面最下端的部分)应包含一些额定的信息，如版权声明，以及指向有用的辅佐页面（如“About This Site（关于本网站）”、“Terms & Conditions（运用条款和条件）”、“Contact Us（联络咱们）”)的链接等。

配色、页面布局、图形和图标的运用、版面设置和图画，创造出作为网站有机组成部分的一个网页的全体形象，这儿“一致性”是关键。让网页的外观和安置 坚持一致性，有助于坚持网站的一体性，并创造出一种熟悉感。这样你就知道你正在拜访的页面与此前拜访的该网站的网页是互相联络的，都是网站的有机组成部 分，因为这些页面呈现出的视觉形象便是互相联络的。当你在规划网站时，应当紧记这点，不要让网站内的各个页面看起来就不一致。

每个页面，虽然包含一切这些通用元素，自身仍是应该是绝无仅有的。一个好的网页应该有效地履行一个或少量几个专门的功用。

相关内容：

要制作出非常优秀的网页，一个关键要素便是既要将内容分割，又要让他们互相相关。各项内容既有必要分别放置在各个不同的页面（这些页面具有各不相同的URL地址），又有必要有逻辑性地前后联络（在网站内和页面内都是如此），这样才能便于被找到。

标题：

下一次你们读报时，请仔细看看报纸的内容和版式规划。特别留意有一些报道篇幅更长，配有杰出显现的字体和图片，标题也更醒目。这样做的目的是，假如你时刻很紧而只想了解重大新闻的话，就能够立即发现哪些是重大新闻。

这一准则相同适用于网页。一个页面内每部分的内容都应有一个标题，以显现这部分内容在页面内的相对重要性（这部分内容是从属于上一部分呢，仍是是与之同等重要？）

举例来说，在本篇文章的这个部分有两个阶段标题“相关内容”和“标题”，它们都位于“上下文关系”这个大标题之下，显现它们都是从属于大标题之下的小标题。

可用性

可用性是指一个网站能被用户以能够预期到的合理方法所运用。

设想一下以下几种状况：在你上一个新闻门户网站阅览一篇新闻时，在阅览前有必要要在该网站注册；在你在网上预订飞机票或火车票时，还需求花两分钟经过 电话向订票人员解释你的行程；在你输入一个邮件地址或信用卡号码时，网站只是告知你输入格式过错；查找发送回的成果中没有有用的条目，或是一个网站在其首 页没有一个查找东西。

以上都是网站可用性欠好的例子，这源于没有考虑网站用户的需求。而在你构建和规划网站时，假如把网站用户的需求放在中心方位，就很有或许创立出令用户满意的好网站。

创立可用性好的网站并不是一件容易的事，这方面的许多常识都只能得之于经验。你能够记下其他网站可用性欠好的当地，以避免重蹈覆辙。测验网站可用性最好的办法仍是调查用户的实践运用体会。一旦你创立好一个网站，请从以下多个方面调查用户的运用体会：

用户能找到他们寻觅的网页吗? 
对用户输入的查找主题词，查找东西给出了正确的成果吗? 
图画/音频/视频能在用户运用的阅读器中正常运行吗？ 
用户是否有对可用性不满意的当地？ 
用户感到满意和快乐的当地又在哪里？ 
专业公司对由其承当进行的网站可用性测验会收取很高的费用，但你能够挑选非正式的测验方法，如让你的朋友和家人告知你他们运用你创立的网站的体会，这样也能够让你很好地了解到一些你尚未留意到的网站存在的问题。这便是所谓当局者迷，旁观者清的道理。

可拜访性

对网站可拜访性最常见的误解便是仅将其理解为“让瞎子能拜访网站”，其实可拜访性是一个对更多的人都有影响的问题。

“辅佐技术”这一术语用于描绘任何帮助人们与其运用的核算机更为有效地互动的辅佐设备或硬件。你们或许马上会想到供瞎子运用的屏幕阅览器，或是供无 法运用鼠标或键盘的人运用的语音输入设备。但是眼镜呢？其实对近视的人来说，所戴的眼镜也是一种“辅佐技术”，但是他们中绝大部分人不会以为自己是残疾 人。

意识到许多运用互联网用户或许面临的问题，对制作出好的网页是非常重要的。不要想当然地就做出许多假定，如网站用户就必定有鼠标，就必定能够看到你运用的图画，就都装置了Flash播放器等。

在考虑网站的可拜访性时，除要考虑那些需求运用“辅佐技术”的人外，还要考虑其他一些人如用手机上网的用户。现在的手机还不能很好地支撑 Flash（即使有Flash功用）。一些新技术如Opeara Mini手机阅读器，能够为上网的低电量手机重写网页，使网页体积变得更小，对绝大部分用户来说，网页中的图画在手机阅读器中也会被显现得小得多，这意味 着用户或许无法获取网页中任何依赖于微妙的细节的内容。

总结

在本篇文章中，我叙述了你们在开始实践创造网页时，需求紧记的一些重要概念，以使网页具有更好的可用性，能为更多的人拜访，并能更为顺利地运行。在以后的课程中，咱们将详细叙述一切这些在本文中已说到的重要概念。

练习题

在做本篇文章所附的练习题时，你只需上网阅读一些你最喜爱的网站，试着以从本篇文章中学到的常识检视这些网站，并回答以下这些问题： 
这些网站具有一致的页面顶端部分、页脚部分和导航栏吗？ 
调查你在网站各页面阅读时，导航是怎么改变的。 
留意去发现网站是否有让你感到不便运用或让你迷惑的当地，假如有，请提出你的解决办法。 
假如或许的话，请封闭你运用的阅读器支撑图画显现或支撑JavaScript的功用，或是运用手机上网拜访一个网站，与你运用核算机拜访同一网站的体会做一个比较。 
作者简介

Mark Norman Francis 早在万维网诞生前，就在从事互联网范畴的工作了，一向继续到现在。现在他是全球最大网站Yahoo! 的前端规划师，负责制定Web开发的最佳习惯、代码标准和质量标准。

在参加Yahoo!前，他先后在Formula One Management（F-1管理公司）、Purple Interactive （紫色互动公司）、伦敦城市大学从事过多种工作，包含Web开发、后端CGI编程和体系架构等。