网页层次.ppt

网页的层次 宁良红 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、编辑进行强化处理的地方 经严若陕优辉亡淬懂违登绝峪柠俏喧收诈进蕊次胖钝法腺蛀纪宣霄轻踞吻网页的层次网页的层次 新闻网页设计与受众阅读习惯和需求 虽然不同网民的视线第一落点不同，但是，网站尽量让自己的重点推荐内容成为多数