网页的层次.ppt

《网页的层次.ppt》由会员分享，可在线阅读，更多相关《网页的层次.ppt（15页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页的层次宁良红 2011/10 一个网站的页面有成千上万之多，如果没有简单、明晰的层次标准来使众多的页面分门别类地联系在一起，网民将很难快速找到他想要的新闻信息。因此，页面的层次安排非常重要。目目录网页的超链接功能网页的超链接功能网页的层次结构网页的层次结构新闻网页结构规划的思路新闻网页结构规划的思路确立网站结构的原则确立网站结构的原则新新闻网站的网站的结构构规划划受众视线在页面中的第一落点受众视线在页面中的第一落点受众视线扫描的核心地带受众视线扫描的核心地带不同类型信息吸引受众视线的能力不同类型信息吸引受众视线的能力新闻网页设计与受众阅读习惯和需求1 1新闻网站结构规划新闻网站结构规划一、

2、网页的超链接功能由于网络具有超文本链接技术，网页的结构与报纸版面的结构有了很大的差异。（一）报纸靠自然版序和版序来查找信息自然版序：是依自然翻看的先后顺序，用数字标明的各个版的序号版序：是用简短的文字，如“要闻”、“国内新闻”、“本地新闻”等，来说明各个版面刊载的信息内容。（二）网页靠超链接来浏览信息超链接包括哪些：文字、图片、声音、动画、视频1 1新闻网站结构规划新闻网站结构规划二、网页的层次结构p网站的层次结构，根据链接的线路不同，可以分为三种：线性结构、树形结构、网状结构。下面以A、B、C、D、E几个网页的链接结构为例，说明三种网页层次结构的具体构架形式。（一）线性结构线性结构，指网页之

3、间是单线联系的。即，从网页A可以链接到网页B，从网页B可以链接到网页C，从网页C可以链接到网页D，从网页D可以链接到网页E。也可以依次返回，从网页E回链到网页D、C、B、A。但网页A、B、C、D、E却不能跳跃式地自由联系。一般内容较少的小型企业网站多采用这种模式。1 1新闻网站结构规划新闻网站结构规划（二）树形结构树形结构，指网页之间是分层联系的。若以网页A为树干（即主页），网页B、C为树枝，网页D、E为树叶，那么，从网页A可以链接到网页B、C，从网页B可以链接到网页D，从网页C可以链接到网页E。也可以依次回链。但树形结构严格按照由树干到树枝、由树枝到树叶的方式层层相连，不能跳层相连举例：MS

4、NBC、BBC1 1新闻网站结构规划新闻网站结构规划（三）网状结构网状结构，指网页之间是呈网状联系的。即网页A、B、C、D、E之间的链接是网状的，可随意地互相链接。缺点：如果不科学地将各种页面按照信息的分类来分层处理，就容易出现不分层次、不问条理、乱连一气的网状结构。1 1新闻网站结构规划新闻网站结构规划三、新闻网页结构规划的思路新闻网站页面分类：导读页（首页或频道页）、正文页。新闻网站的结构表现方式两类：中国特色：平面主导式，新浪、搜狐。国外新闻网站：立体主导式1 1新闻网站结构规划新闻网站结构规划四、确立网站结构的原则（二）分类合理 网页分层的成功，实际上建立在信息分类成功的基础上。网站信

5、息分类，应根据该网站新闻信息的特点、目标网民的特点和网站经营的特点等方面来综合考虑，将网站信息按照一定的逻辑条理进行细分。以以MSNBCMSNBC为例：为例：新闻信息特点：信息量大，以视频和自主产品为主。目标网民：多数是NBC新闻频道的用户网站经营特点：以视频为主打 具体实施：掌握分类标准、其名称应符合网民阅读习惯、名称应相对固定、不虚设类目。1 1新闻网站结构规划新闻网站结构规划四、确立网站结构的原则（一）分层合理 要做到合理分层，首先应考虑网站内可能会发布些什么样的新闻信息，按照这些新闻信息的属性和特征，在根目录下分成若干层级的子目录，组成一个有层次的、逐级展开的树形结构体系。校园网为例：

6、学校主页校园概况校园新闻院系设置外语系经济管理系艺术设计系学生作品系内动态服装设计与工程系机电与信息工程系教务教学招生就业1 1新闻网站结构规划新闻网站结构规划四、确立网站结构的原则（三）信息易找要使网络新闻信息容易查找，应注意以下两个方面：1、导航条让人一目了然（央视网2008、2011）2、提供高效的搜索（CNTV、BBC、新浪）二、新闻网页设计与受众阅读习惯和需求二、新闻网页设计与受众阅读习惯和需求一、受众视线在页面中的第一落点1、最关心、最常用的内容或服务2、编辑进行强化处理的地方2 2新闻网页设计与受众阅读习惯和需求新闻网页设计与受众阅读习惯和需求虽然不同网民的视线第一落点不同，但是

7、，网站尽量让自己的重点推荐内容成为多数人视线的第一落点。例：中国网络电视台（中间焦点大图就是为了突出它的视频）二、受众视线扫描的核心地带屏幕右部区域更容易成为核心地带，因为他与滚动条更接近。例：新浪网2 2新闻网页设计与受众阅读习惯和需求新闻网页设计与受众阅读习惯和需求视线的第一落点也容易影响核心地带的形成 中国网络电视台零首页大图（视频）推荐区很容易成为用户打开页面之后的第一落点，所以以第一落点为中心很容易形成网民浏览的核心地带。2 2新闻网页设计与受众阅读习惯和需求新闻网页设计与受众阅读习惯和需求三、不同类型信息吸引受众视线的能力 对于新闻网站来说，网民首先看的是文本，而后才是图片和视频。但随着多媒体呈现方式的转变，网民的浏览习惯也发生了改变，色彩鲜明的图片对网民的视觉冲击力越来越强。网站的页面风格与受众阅读习惯之间是一个互为作用关系，一方面，网站的页面风格会影响到受众的习惯，另一方面，当受众习惯反作用于网站时，网站的页面风格会延续下去。央视网首页改版首先要先给自己的网站定位做好改版前的准备工作用户体验调查谢谢！宁良红2011年10月25日