网络编辑（第三版）第05章网站的结构与编排

1、第一章第二章第三章第四章第五章 网站的结构与编排第六章 第七章第八章第九章第十章第十一章第十二章第十三章 第十四章第五章 网站的结构与编排 5.1 网站的结构5.2 网站的创业设计5.3 网页的编排设计5.4 网络的内容原创5.5 职业工作站5.6 分析评价_学习目标第五章 网站的结构与编排知识目标：了解建立网站结构的原则，掌握网站的几种常见结构;了解网站创意设计的基本原则和创意设计中的相关要素;了解网页编排设计的基本原则。 技能目标：能够合乎规范并熟练地进行网站创意和网页编排的实际操作。 能力目标：能够根据网站定位的实际需要，运用网站结构、网站的创意设计和网页编排设计的知识与技能，创造性地分

2、析与解决网站创意和网页编排设计设计中的实际问题。 _5.1 网站的结构第五章 网站的结构与编排组织结构的原则网站的结构：就是指某一网站信息组合的基本框架，它显示该网站中各个网页之间的逻辑关系。1）层次适当2）拓展性广_5.1 网站的结构第五章 网站的结构与编排5.1.2几种常见的结构1）线状结构网页一网页二网页三网页四_ 5. 1 网站的结构 第五章 网站的结构与编排2）树状结构 主页网页网页网页网页网页网页第五章 网站的结构与编排3）网状结构_ 5. 1 网站的结构主页网页网页网页网页第五章 网站的结构与编排5.1.4 网站的链接方式 1）导航条（栏） 搜狐网站的主导航条_ 5.1 网站的结

3、构第五章 网站的结构与编排2）超链接 是指通过地址将不同位置的信息源，且通过它可以方便地实现访问。信息源可以是一个站点、一个邮件地址、一个网页、一个网页中不同位置中的内容。3）超文本 是一种电子文档，其中的文字包含有可以链接到其他文档的链接，允许从当前阅读位置直接切换到超文本链接所指向的文字。_ 5.1 网站的结构第五章 网站的结构与编排5.2.1 网站创意设计原则 1）统一性原则 统一性原则是指网站内所有的页面在色彩、导航条、内容版面、网站Logo等版面元素上保持整体风格相对统一。 2）互动性原则 互动是网络媒介的一个重要特征，网站上的内容只有在与访问者的互动下才能达到预期效果。网民的参与感

4、、网站的反馈需求都要通过互动环节的设计才能实现。 3）适用性原则 充分考虑网站访问者的心理接受程度是网站创意设计的前提。5.2 网站的创意设计第五章 网站的结构与编排5.2.1 网站创意设计要素1）VI设计 （1）LOGO人们在打开网页时，最先看到的往往是一个网站的Logo._ 5.2 网站的创意设计（2）标准色第五章 网站的结构与编排2）网站内容模块设计 一是网站的定位 网站的定位决定网站的内容构成，在设计内容模块时，要将这些内容按照一定的逻辑关系组织在一起，使其条理清晰，方便寻找、阅读信息。 二是网站读者的阅读习惯和兴趣 访问者会抱着不同的目的访问不同的网站。网站在做内容模块设计时，要充分

5、考虑到读者访问的目的，根据访问者的兴趣和阅读习惯来设计内容。 _ 5.2 网站的创意设计第五章 网站的结构与编排5.3.1 网页编排设计原则1）逻辑性原则 网页信息间的逻辑关系就成为组织起这些网页的内在动因。2）平衡性原则 要充分考虑访问者对版面元素的视觉接受度。3）对比性原则 要在网页设计中，通过文字、图片、装饰等符号的对比编排，打破网页的平面感、沉闷感，创造出具有动感韵律的网页。_5.3 网页的编排设计第五章 网站的结构与编排5.3.2 首页编排 一、首页构成要素 1）文字 2）图片、表格 3）音视频 4）超链接 5）线条、色彩_ 5.3 网页的编排设计第五章 网站的结构与编排5.3.2

6、首页编排二、搭建首页框架1）“T”形框架2）“门”形框架3）“川”形框架4）“块”形框架_ 5.3 网页的编排设计第五章 网站的结构与编排 网络内容原创，究其本质而言是新媒体产品核心竞争力的体现。1）网络原创内容界定 原创从本身的内涵出发，是指首创而非抄袭、模仿的、内容和形式具有独特个性的成果。 新媒体的原创内容则是指在网络、手机等新媒体（基于数字基础上的非线性传播的。能够实现交互具有互联网传播特性的传播方式和交互传播的组织机构）的信息传播中，首创而非抄袭、模仿的传播内容。 _ 5. 4 网络内容原创第五章 网站的结构与编排2）新媒体原创内容的类型 原创新闻 原创评论 原创文学3）网络原创内容的特性原创主题的复杂性原创内容的多元性传播效果的不确定_ 5. 4 网络内容原创第五章 网站的结构与编排_本章小结 本章主要是从整体上对网站的框架结构、色调，内容等方面的设计进行介绍。网站主要是视觉媒体，要通过人性化的设计，内在逻辑性将各种信息组合在一起，并将其装入科学设计的网站框架内，通过友好的界面和各种交互性的功能与用户进行沟通交流，方便用户对网站的使用。 本章从视觉方面入手，首先介绍了网站的组织框架设计及主要的链接方式。在此基础上，对网站创意设计的细节