页面的级别.pptVIP

网页的层次 宁良红 2011/10 一个网站的页面有成千上万之多，如果没有简单、明晰的层次标准来使众多的页面分门别类地联系在一起，网民将很难快速找到他想要的新闻信息。因此，页面的层次安排非常重要。 ?目录 新闻网站结构规划 一、网页的超链接功能 由于网络具有超文本链接技术，网页的结构与报纸版面的结构有了很大的差异。 （一）报纸靠自然版序与版序来查找信息 自然版序：是依自然翻看的先后顺序，用数字标明的各个版的序号 版序：是用简短的文字，如“要闻”、“国内新闻”、“本地新闻”等，来说明各个版面刊载的信息内容。 （二）网页靠超链接来浏览信息 超链接包括哪些：文字、图片、声音、动画、视频 新闻网站结构规划 二、网页的层次结构 网站的层次结构，根据链接的线路不同，可以分为三种：线性结构、树形结构、网状结构。下面以A、B、C、D、E几个网页的链接结构为例，说明三种网页层次结构的具体构架形式。 （一）线性结构 线性结构，指网页之间是单线联系的。即，从网页A可以链接到网页B，从网页B可以链接到网页C，从网页C可以链接到网页D，从网页D可以链接到网页E。也可以依次返回，从网页E回链到网页D、C、B、A。但网页A、B、C、D、E却不能跳跃式地自由联系。 一般内容较少的小型企业网站多采用这种模式。 新闻网站结构规划 （二）树形结构 树形结构，指网页之间是分层联系的。若以网页A为树干（即主页），网页B、C为树枝，网页D、E为树叶，那么，从网页A可以链接到网页B、C，从网页B可以链接到网页D，从网页C可以链接到网页E。也可以依次回链。但树形结构严格按照由树干到树枝、由树枝到树叶的方式层层相连，不能跳层相连 举例：MSNBC、BBC 新闻网站结构规划 （三）网状结构 网状结构，指网页之间是呈网状联系的。即网页A、B、C、D、E之间的链接是网状的，可随意地互相链接。 缺点：如果不科学地将各种页面按照信息的分类来分层处理，就容易出现不分层次、不问条理、乱连一气的网状结构。 新闻网站结构规划 三、新闻网页结构规划的思路 新闻网站页面分类：导读页（首页或频道页）、正文页。 新闻网站的结构表现方式两类： 中国特色：平面主导式，新浪、搜狐。 国外新闻网站：立体主导式 新闻网站结构规划 四、确立网站结构的原则 （二）分类合理 网页分层的成功，实际上建立在信息分类成功的基础上。网站信息分类，应根据该网站新闻信息的特点、目标网民的特点与网站经营的特点等方面来综合考虑，将网站信息按照一定的逻辑条理进行细分。 以MSNBC为例： 新闻信息特点：信息量大，以视频和自主产品为主。 目标网民：多数是NBC新闻频道的用户 网站经营特点：以视频为主打 具体实施：掌握分类标准、其名称应符合网民阅读习惯、名称应相对固定、不虚设类目。 新闻网站结构规划 四、确立网站结构的原则 （一）分层合理 要做到合理分层，首先应考虑网站内可能会发布些什么样的新闻信息，按照这些新闻信息的属性与特征，在根目录下分成若干层级的子目录，组成一个有层次的、逐级展开的树形结构体系。 校园网为例： 新闻网站结构规划 四、确立网站结构的原则 （三）信息易找 要使网络新闻信息容易查找，应注意以下两个方面： 1、导航条让人一目了然（央视网2008、2011） 2、提供高效的搜索（CNTV、BBC、新浪） 二、新闻网页设计与受众阅读习惯与需求 一、受众视线在页面中的第一落点 1、最关心、最常用的内容或服务 2、编辑进行强化处理的地方 新闻网页设计与受众阅读习惯与需求 虽然不同网民的视线第一落点不同，但是，网站尽量让自己的重点推荐内容成为多数人视线的第一落点。 例：中国网络电视台（中间焦点大图就是为了突出它的视频） 二、受众视线扫描的核心地带 屏幕右部区域更容易成为核心地带，因为他与滚动条更接近。 例：新浪网 新闻网页设计与受众阅读习惯与需求 视线的第一落点也容易影响核心地带的形成 中国网络电视台零首页大图（视频）推荐区很容易成为用户打开页面之后的第一落点，所以以第一落点为中心很容易形成网民浏览的核心地带。 新闻网页设计与受众阅读习惯与需求 三、不同类型信息吸引受众视线的能力 对于新闻网站来说，网民首先看的是文本，而后才是图片与视频。但随着多媒体呈现方式的转变，网民的浏览习惯也发生了改变，色彩鲜明的图片对网民的视觉冲击力越来越强。 网站的页面风格与受众阅读习惯之间是一个互为作用关系，一方面，网站的页面风格会影响到受众的习惯，另一方面，当受众习惯反作用于网站时，网站的页面风格会延续下去。 央视网首页改版 首先要先给自己的网站定位 做好改版前的准备工作——用户体验调查 谢谢！ 宁良红 2011年10月25日 *