网的规划与设计.ppt

Add the author and the accompanying title
网的规划与设计
第四章 网站的规划与设计
此文档后面有赠送常用PPT图标,方便大家修订排版编辑
第四章 网站的规划与设计
本章流的栏目,通过它解答用户的疑问、了解用户的需求,还可以获得用户对网站的建议和看法，如留言板、论坛 BBS ，
二、栏目规划的任务 2
2. 确定重点栏目
确定完需要设置哪些栏目后,需要从这些栏目中挑选出最重要的几个栏目,然后对它们进行更详细的规划，
这种选择取决于网站的目的与功能，比如企业网站,其目的可能是为了更好地推销自己的产品,所以产品介绍便是它的重点栏目， 而个人网站,目的通常是为了让别人分享他收集到的信息,向别人介绍他的原创作品,它的重点栏目往往是个人作品和个人收藏，
二、栏目规划的任务 3
3．建立层次型结构
建立层次型结构是一个递进的过程,即从上到下逐级确定每—层的栏目，首先是确定第一层,即网站所必需的栏目,然后对其中的重点栏目进行进—步规划,确定它们所必需的子栏目,以此类推直至不需要再细分为止，将所有的栏目及其子栏目连在一起就形成了网站的层次型结构，
二、栏目规划的任务 3
3．建立层次型结构
如图4-7所示的可乐猫网站,它在第—层设置了“我的资料”、“我的作品”、“怀念家驹”、“给我留言”四个重点栏目和“news”、“info”、“link”三个其他栏目，
4-7 可乐猫网站主页
二、栏目规划的任务 3
3．建立层次型结构
然后对每一个重点栏目又进行了更细的规划,比如“我的资料”又分出“我的清单”、“我的爱情”和“我的梦想”三个子栏目,“我的作品”又分出“FLASH”、“CG”和“ARTICLE”三个子栏目，将这些栏目及其子栏目连在一起,我们可以很清楚地看到可乐猫网站的层次型结构,如图4-8所示，
二、栏目规划的任务 3
图4-8可乐猫网站栏目的层次型逻辑结构
可乐猫网站
我的资料
我的作品
怀念家驹
我的清单
我的爱情
我的梦想
FLASH
CG
ARTICLEE
成员介绍
旧日足迹
经典照片
给我留言
NEWS
INFO
LINK
二、栏目规划的任务 4
4. 设计每一个栏目
层次型结构的建立只是对网站的栏目进行了总体的规划,接下来要做的是对每一个栏目或者子栏目进行更为细致的设计，
设计一个栏目通常需要做三件事情，
首先是描述这个栏目,描述这个栏目的目的、服务对象、内容、资料来源等 ，
二、栏目规划的任务 4
4. 设计每一个栏目
其次是设计这个栏目的实现方法,即设计这个栏目的网页构成、各个网页之间的逻辑关系、各个网页的内容、内容的显示方式、数据库结构等各个方面的问题，例如很多网站都有的用户注册栏目,如图4-9所示,这个栏目通常需要六个网页,采用线性+分支结构来进行组织，
不合法
开始注册
接受条款
填写注册信息
信息检验
合法
同意
不同意
完成注册
结束注册
二、栏目规划的任务 4
4. 设计每一个栏目
详细设计上图中的每一个网页，如第三个网页“填写注册信息”采用表单来实现,所需注册的信息根据网站的需求而定,通常包括用户名、密码、性别、国籍、省份、E-mail等内容，
还要设计好网页之间的分支关系,如用户在第二个网页同意“接受条款”则进入到“填写注册信息”的网页；不同意“接受条款”时,就要进入到“退出注册”,该网页显示有关中止注册的信息， ，
二、栏目规划的任务 4
4. 设计每一个栏目
最后还要设计这个栏目和其他栏目之间的关系，网站有许多栏目,但栏目与栏目之间存在着从数据、内容到布局等各个层次上的关联，如企业站点的产品介绍、价格信息和在线定单等栏目之间通常使用统一的数据库,这样在任何—个栏目中打开同一个产品时都能看到相同的介绍信息,保证了信息的一致性，
设计栏目之间关系的工作,就是找出各个栏目之间可以共享的相关内容,并确定采用什么样的方式将它们串联起来，
三、栏目规划举例
栏目规划最便捷的方法就是参考同类网站的栏目规划,吸收共同的栏目,去掉不适合的栏目,然后添加有自己特色的栏目，
参考“德德玛”网站来学习个人网站的栏目规划，假若你非常喜欢歌唱家德德玛,你已经收集了很多有关德德玛的歌曲、图片以及报道等，现在要建立一个名为“我从草原来-德德玛”的个人网站 ，
三、栏目规划举例
根据上节所学知识,首先需要做的是确定网站所必需的栏目，第一个必需的栏目就是图片栏目,将其取名为“个人图库”；接着就是简介德德玛的艺术生涯,第二个栏目是“艺术简介”；第三个栏目是“草原夜莺”,专