网站的规划与设计.pdf

网页制作与网站设计 网站的规划与设计 网页制作与网站设计 网站的规划与设计 【内容】 4.1 网站的栏目规划 4.2 网站的目录结构设计 4.3 网站的风格设计 4.4 网站的导航设计 网页制作与网站设计 4.1节 网站的栏目规划 【内容】 一.逻辑结构介绍 二. 栏目规划的任务 三. 栏目规划举例 网页制作与网站设计 一、逻辑结构介绍（1） 1. 线性结构 线性结构是最简单的逻辑结构，如图4-1 所示。它将多个网页按照一定的先后顺序链 接起来，用户没有访问到前一个网页就无法 进入下一个网页。 网页1 网页2 网页3 网页4 图4-1 线性结构 网页制作与网站设计 一、逻辑结构介绍（1） 1. 线性结构 线性结构最常用于需要逐步进行的栏目，比 如用户注册、建立定单、教程等。图4-2所示 的就是一个典型的用户注册的例子。 开始注册 接受条款 填写注册信息 完成注册 图4-2 用户注册流程 网页制作与网站设计 一、逻辑结构介绍（1） 1. 线性结构 如图4-3所示的带选择的线性结构，可以 根据用户不同的选择来访问不同的下一个网 页。 网页2 网页1 网页3 网页4 网页2’ 图4-3 带选择的线性结构 网页制作与网站设计 一、逻辑结构介绍（2 ） 2. 层次型结构 主页 相对于按先后顺序组织 网页1 网页2 网页3 而成的线性结构，层次型 结构是按照网页之间的包 网 网 网 网 页 页 页 页 含关系组织而成的。图4-4 11 21 22 31 所示的就是一个典型的层 次型结构，它很像一棵倒 4-4 层次型结构 置的树。 网页制作与网站设计 一、逻辑结构介绍（2 ） 2. 层次型结构 层次型结构简单而且直观，能将所有的内 容划分得非常清晰且便于理解，因而几乎所 有的网站都采用这种结构来进行总体的栏目 规划，即将所有的内容先分成若干个大栏目 ，然后再将每个大栏目细分成若干小栏目， 以此类推直到不用再细分为止。 网页制作与网站设计 一、逻辑结构介绍（2 ） 2. 层次型结构 层次型结构也有不好的地方，就是用户如果要访问 最底层的网页就不得不按照层次从上到下一级一级地 访问，最终到达想要访问的网页。 所以，层次型结构最好的深度就是三层，最多不要 超过五层。